/* Conversation surfaces share the workspace's frosted material. */
#sidebar .brand{gap:9px;padding-left:3px;padding-right:3px}#sidebar .brand-copy{min-width:0}#sidebar .brand-copy strong{font-size:16px;letter-spacing:-.65px;white-space:nowrap}#sidebar .brand-mark{flex-shrink:0}
.app-shell .message-layout{display:grid;grid-template-columns:minmax(205px,.82fr) minmax(0,1.35fr);padding:0;gap:0;border-radius:26px;min-height:480px;height:calc(100dvh - 225px);max-height:820px;overflow:hidden;background:linear-gradient(145deg,#ffffff65,#ffffff30);border:1px solid #ffffffc9;box-shadow:inset 0 1px 0 #fff,0 22px 60px #33465a12}
.message-layout .conversation-sidebar{padding:12px;overflow-y:auto;min-height:0;border:0;border-right:1px solid #ffffffb0;background:#ffffff22;display:block}
.message-layout #conversationList{display:grid;gap:7px}.message-layout .conversation-row{border:1px solid transparent;border-radius:17px;grid-template-columns:minmax(0,1fr) 28px;overflow:hidden;transition:background .18s,box-shadow .18s}.message-layout .conversation-row:has(.active){background:#ffffff8c;border-color:#fff;box-shadow:0 7px 18px #36465a08}.message-layout .conversation-row:hover{background:#ffffff65}
.message-layout .conversation-row .conversation-item{border:0;border-radius:16px;padding:14px 9px 14px 13px;min-height:76px;background:transparent;box-shadow:none;gap:6px 8px}.message-layout .conversation-item-copy b{font-size:13px;font-weight:700;line-height:1.4}.message-layout .conversation-item-copy p{font-size:11px;color:#67727c;line-height:1.5;margin-top:5px}.message-layout .conversation-item time{display:block;font-size:9px;color:#7d8791}.message-layout .conversation-delete{border-radius:50%;width:25px;height:25px;padding:0;font-size:17px;color:#8d98a0;background:transparent;opacity:.6}.message-layout .conversation-delete:hover{color:#8a3434;background:#ffffffa8;opacity:1}
.message-layout>.thread{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:0;background:transparent}.message-layout .conversation-head{flex:0 0 auto;min-height:80px;padding:12px 17px;gap:9px;border-bottom:1px solid #fff9;background:#ffffff30}.chat-identity{display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-align:left;border:0;border-radius:14px;background:transparent;padding:4px;cursor:pointer}.chat-identity:hover{background:#ffffff50}.chat-identity-copy{min-width:0;flex:1}.chat-identity b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-identity small{font-size:10px;line-height:1.5;color:#687681;margin-top:4px}.chat-detail-chevron{font-size:16px;color:#77838c}.chat-group-icon{width:40px;height:40px;flex:0 0 40px;border-radius:14px;background:linear-gradient(145deg,#fff9,#c6d7e744);border:1px solid #fff;display:grid;place-items:center;color:#526b81;font-size:24px}.chat-identity .member-avatar{border-radius:50%;width:40px;height:40px;flex-basis:40px}.message-layout .conversation-head-actions button{background:#ffffff65;border-radius:50%;font-size:11px;min-width:36px;min-height:36px}.message-layout .thread-messages{flex:1;height:auto;min-height:0;overflow-y:auto;padding:22px 18px;scrollbar-width:thin;overscroll-behavior:contain;gap:12px}.message-layout .bubble{border-radius:18px 18px 18px 5px;box-shadow:0 4px 16px #2b455008;max-width:86%;padding:12px 15px;font-size:13px;line-height:1.55}.message-layout .bubble.mine{border-radius:18px 18px 5px 18px}.message-layout .bubble time{font-size:9px;margin-top:6px}.message-layout .composer{flex:0 0 auto;margin:0 14px 14px;padding:8px 9px;border-radius:22px;background:#ffffff80;border-color:#fff;box-shadow:0 5px 18px #24394f08}.message-layout .composer textarea{min-width:0;font-size:13px;min-height:34px}.message-layout .composer button{border-radius:50%;width:36px;height:36px;flex:0 0 36px}
.chat-details-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.chat-details-heading h2{margin:0}.chat-details-heading p{margin:5px 0 0;font-size:12px}.chat-rename-footer{display:flex;align-items:center;gap:12px;justify-content:space-between}.chat-rename-footer [role=status]{font-size:12px;color:#8a3434}.chat-members-title{font-size:12px;margin-top:26px;color:#667481}.chat-members .member-row{padding:13px 0;border-bottom:1px solid #fff9;gap:12px}.chat-members .member-meta{min-width:0;flex:1}.chat-members .member-meta small{overflow-wrap:anywhere;white-space:normal}.chat-you{font-weight:400;color:#7d8890}.chat-members .member-avatar{border-radius:50%;width:38px;height:38px;flex:0 0 38px}
@media(max-width:770px){.app-shell .message-layout{display:block;height:auto;min-height:0;max-height:none;border-radius:23px}.message-layout .conversation-sidebar{padding:9px;border:0}.message-layout .conversation-row .conversation-item{min-height:80px;padding:16px 12px}.message-layout .conversation-item-copy b{font-size:15px}.message-layout .conversation-item-copy p{font-size:13px}.message-layout .conversation-item time{font-size:10px}.app-shell .message-layout>.thread{display:none}.app-shell .message-layout.show-thread{display:flex;height:calc(100dvh - 200px);min-height:340px;max-height:900px}.app-shell .message-layout.show-thread .conversation-sidebar{display:none}.app-shell .message-layout.show-thread>.thread{display:flex;flex:1;height:100%;min-height:0}.message-layout .conversation-head{min-height:76px;padding:10px}.message-layout .chat-identity{gap:8px}.chat-identity b{font-size:14px}.chat-identity small{font-size:10px}.message-layout .composer textarea{font-size:16px}.message-layout .composer{margin:0 9px max(9px,env(safe-area-inset-bottom))}.message-layout .thread-messages{padding:16px 12px}.message-layout .conversation-head-actions{display:none}}
@media(prefers-reduced-motion:reduce){.message-layout .conversation-row{transition:none}}