/* Refinements for the one-to-one messaging workspace. */
.settings-card{max-height:calc(100dvh - 95px);overflow-y:auto}
.directory{width:365px}.directory-top{padding-bottom:20px}.heading h2{font-size:25px}.count{white-space:nowrap;font-size:12px}.filters{gap:3px}.filter{padding:9px 12px}.person{gap:12px;position:relative;padding:16px 12px}.person.selected{border-color:#56e0c170;box-shadow:inset 3px 0 var(--mint);background:#56e0c10b}.person-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.person strong{font-size:14px}.preview-time{color:#8e98aa;font-size:12px;white-space:nowrap}.person .role{font-size:12px;margin-top:5px}.preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;margin-top:9px;color:#9aa5b7}.unread-preview{color:#e2e6ee}.draft-label{color:var(--mint)}.person>.unread{position:absolute;right:12px;bottom:16px;width:17px;height:17px;font-size:11px}.person:has(>.unread) .preview{padding-right:24px}.demo-foot{letter-spacing:.12em;font-size:11px;color:#b1bac8}.directory-foot{line-height:1.8}.stage .empty-state h2{font-size:23px}.empty-state{top:40%;transition:opacity .15s}.empty-state.conversation-open{opacity:.2}.stage-top{letter-spacing:.06em;font-size:12px}.dock{max-width:calc(100% - 32px);right:16px;gap:12px}.dock-tabs{display:flex;align-items:flex-end;gap:8px;max-width:100%}.mini{width:145px}.mini>button:first-child{padding:16px 8px}.mini .iconbtn{padding:6px}.mini .unread,.overflow-list .unread{display:inline-grid;vertical-align:middle;width:17px;height:17px;font-size:11px}.overflow-wrap{position:relative}.overflow-button{border:1px solid #3c4250;background:#1b1f28;padding:16px 10px;border-radius:8px 8px 0 0;font-size:13px;white-space:nowrap}.overflow-list{position:absolute;bottom:60px;left:0;width:245px;padding:6px;border:1px solid #424a58;background:#222833;border-radius:10px;box-shadow:0 15px 30px #0008;z-index:5}.overflow-list>div{display:flex;align-items:center}.overflow-list>div>button:first-child{padding:12px;text-align:left;flex:1;background:none;border:0;border-radius:6px;font-size:14px}.overflow-list button:hover{background:#ffffff0b}.chat{width:355px;height:min(550px,calc(100svh - 125px))}.chat-head{gap:8px;min-height:65px}.chat-head .iconbtn{padding:7px}.chat-name{font-size:14px}.chat-name small{text-transform:capitalize}.mobile-back,.mobile-switch-label{display:none}.compose{background:#1b1f28}.compose textarea{resize:none;height:60px;max-height:60px}.compose-tools{margin-top:7px}.tool-group{display:flex;gap:3px}.tool-group .iconbtn{padding:6px}.compose-tools .helper{font-size:11px}.chat-options{padding:10px 14px;background:#252b36;border-bottom:1px solid #3b4454}.chat-options>button{background:none;border:0;font-size:14px;color:var(--mint);padding:7px 0}.chat-options p{font-size:12px;color:var(--muted);line-height:1.5;margin:5px 0}.chat-empty{text-align:center;padding:30px 10px}.message{position:relative;margin-bottom:16px}.message-meta{display:flex;align-items:center;gap:5px;margin-top:2px}.message-meta .time{font-size:11px;margin:0}.message-more{padding:2px 5px;opacity:.45}.message-more svg{width:18px;height:18px}.message:hover .message-more,.message:focus-within .message-more{opacity:1}.message-actions{display:flex;gap:2px;background:#343c4b;border:1px solid #505b6b;padding:4px;border-radius:7px;margin-top:4px;max-width:100%;flex-wrap:wrap}.message-actions button{border:0;background:none;padding:7px 5px;display:flex;gap:4px;align-items:center;font-size:12px;border-radius:4px}.message-actions button:hover{background:#ffffff12}.message-actions svg{width:13px;height:13px}.reactions{display:flex;gap:5px;margin-top:5px}.reactions button{font-size:12px;border:1px solid #56e0c16b;background:#56e0c110;border-radius:10px;padding:3px 8px}.bubble blockquote{margin:0 0 9px;border-left:2px solid currentColor;background:#00000014;padding:7px 9px;font-size:12px;white-space:normal;max-height:90px;overflow:auto}.bubble blockquote strong{display:block;margin-bottom:3px}.reply-preview,.file-preview{display:flex;justify-content:space-between;align-items:center;background:#252d39;border-radius:6px;margin-bottom:10px;padding:9px 8px;border-left:2px solid var(--mint);font-size:12px;gap:6px}.reply-preview>span,.file-preview>span{min-width:0;flex:1}.reply-preview strong,.file-preview strong{display:block;font-size:12px;color:var(--mint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview span>span,.file-preview small{display:block;color:#b2bdd0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.attachment{display:flex;align-items:center;gap:8px;margin-bottom:5px;overflow-wrap:anywhere}.attachment svg{width:20px;flex-shrink:0}.attachment small{display:block;font-size:11px;margin-top:5px;opacity:.8}.retry{border:1px solid #dd8794;background:#dd879410;color:#ffb6c1;border-radius:5px;padding:5px 9px;font-size:12px;margin-top:4px}.settings-card{position:absolute;right:25px;top:77px;z-index:10;width:min(360px,calc(100vw - 24px));background:#202630;border:1px solid #465064;border-radius:12px;box-shadow:0 15px 50px #0009;padding:20px}.settings-card h3{font:500 20px 'Space Grotesk',sans-serif;margin:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;padding:18px 0;border-bottom:1px solid #343d4b}.setting small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.setting input{width:18px;height:18px;flex-shrink:0;accent-color:var(--mint)}.demo-controls{padding-top:20px}.settings-card>.helper{font-size:12px;margin:16px 0 0}.is-on{color:var(--mint)}.toast{box-shadow:0 10px 30px #0006}.messages{overscroll-behavior:contain}.topbar .brand svg{color:var(--mint)}
@media(max-width:1200px) and (min-width:761px){.directory{width:325px}.dock{flex-direction:column;align-items:flex-end;gap:0}.dock-tabs{order:2}.chat{border-radius:12px 12px 0 0;height:min(510px,calc(100svh - 185px))}.mini,.overflow-button{border-radius:0 0 5px 5px}.overflow-list{left:auto;right:0}.empty-state.conversation-open{opacity:0}.stage-bottom{display:none}}
@media(max-width:760px){.directory{width:100%}.directory-top{padding:22px 20px 14px}.people{padding-bottom:76px}.person strong{font-size:16px}.person .role{font-size:13px}.directory-foot{display:none}.stage{overflow:visible}.dock{right:0;max-width:100%;width:100%;bottom:0;display:flex;flex-direction:column;gap:0;align-items:stretch}.dock-tabs{display:block;order:2;background:#151922;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #394250}.dock-tabs:empty{display:none}.dock-tabs .mini,.dock-tabs .overflow-wrap{display:none!important}.mobile-switch-label{display:flex;align-items:center;gap:12px;color:#9eabbd;font-size:12px}.mobile-switch-label select{flex:1;min-width:0;background:#252d39;color:var(--text);border:1px solid #485365;border-radius:6px;padding:9px;font-size:14px}.chat{width:100%;height:min(580px,calc(100dvh - 135px));margin:0;border-radius:16px 16px 0 0;box-shadow:0 -18px 65px #000a}.mobile-back{display:grid}.desktop-min{display:none}.chat-head{padding:12px 10px}.chat-head .avatar{width:32px;height:32px}.chat-name{font-size:15px}.compose{padding:10px 12px}.compose textarea{font-size:16px;height:48px;max-height:48px}.compose-tools{margin-top:4px}.message-actions button{min-width:34px;min-height:34px}.message-more{opacity:1;padding:5px}.chat-active .directory{filter:brightness(.6)}.settings-card{right:12px;top:65px}.stage-top{display:none}.topbar .demo{font-size:10px}.top-left{gap:8px}.profile{gap:4px}.topbar{padding:0 12px}.signout{padding-left:8px}.profile .iconbtn{padding:7px}.bubble{font-size:15px}.file-preview,.reply-preview{margin-bottom:6px;padding:6px}.chat .sample{margin-bottom:14px}.messages{padding:12px 16px}.chat-name small{font-size:12px}}
@media(max-width:370px){.topbar .brand{font-size:13px}.topbar .brand svg{width:22px}.topbar .demo{padding:4px;font-size:9px}.person-line{flex-wrap:wrap}.chat-head .avatar{display:none}}