.chat-page{--chat-panel:#112536;--chat-text:#dbeaf5;--chat-muted:#9bb3c6;--chat-line:#2b4356;--chat-bubble:#20394c;--chat-own:#125b58;color:var(--chat-text)}
body[data-theme="light"] .chat-page{--chat-panel:#fff;--chat-text:#213b50;--chat-muted:#5a7488;--chat-line:#dbe5ec;--chat-bubble:#eef4f8;--chat-own:#d8f1e9}
.chat-page [hidden]{display:none!important}.chat-page button,.chat-page input,.chat-page textarea{font:inherit}.chat-page button{cursor:pointer}.chat-page button:disabled{cursor:wait;opacity:.55}
.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.chat-heading h1{font-size:25px;margin:0 0 8px}.chat-heading p{margin:0;color:var(--chat-muted);font-size:12px}.chat-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-heading-actions button{font-size:12px;padding:10px 12px}
.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:620px;height:calc(100dvh - 225px);max-height:960px;background:var(--chat-panel);border:1px solid var(--chat-line);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #00000009}.chat-sidebar{min-height:0;border-right:1px solid var(--chat-line);display:flex;flex-direction:column}.chat-side-title{padding:19px 16px;border-bottom:1px solid var(--chat-line);display:flex;align-items:center;justify-content:space-between;font-size:13px}.chat-room-list{overflow:auto;flex:1;padding:8px}.chat-room{width:100%;display:flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:10px;padding:13px 10px;background:transparent;color:var(--chat-text);text-align:left}.chat-room:hover,.chat-room.active{background:var(--chat-bubble);border-color:var(--chat-line)}.chat-room-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#47bea71c;color:#39bda2;font-size:17px;flex-shrink:0}.chat-room-copy{flex:1;min-width:0}.chat-room-name{display:flex;align-items:center;gap:7px;min-width:0}.chat-room-copy strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-presence{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:9px;height:9px}.chat-room-presence i{display:block;width:7px;height:7px;border-radius:50%;background:#dc6476;box-shadow:0 0 0 3px #dc647622}.chat-room-presence.is-online i{background:#2bd79b;box-shadow:0 0 0 3px #2bd79b22}.chat-room-copy small{display:block;color:var(--chat-muted);font-size:11px;margin-top:6px}.chat-unread{background:#d55976;color:#fff;border-radius:20px;padding:3px 7px;font:11px sans-serif;min-width:20px;text-align:center}.chat-sidebar-note{font-size:11px;line-height:1.7;color:var(--chat-muted);padding:12px 16px;margin:0;border-top:1px solid var(--chat-line)}
.chat-conversation{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-room-header{padding:15px 20px;border-bottom:1px solid var(--chat-line);display:flex;align-items:center;gap:10px;min-height:70px}.chat-room-header h2{font-size:16px;margin:0}.chat-room-header small{display:block;color:var(--chat-muted);font-size:11px;margin-top:5px}.chat-room-header .text-btn{margin-left:auto;color:var(--chat-muted)}.chat-back{display:none}.chat-messages{flex:1;overflow:auto;padding:20px;min-height:0;overscroll-behavior:contain}.chat-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:14px;color:var(--chat-muted);font-size:13px;line-height:1.8}.chat-placeholder b{font-size:32px;color:#3cb8a4}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 17px}.chat-message.own{align-items:flex-end}.chat-meta{font-size:10px;color:var(--chat-muted);margin-bottom:6px}.chat-bubble{max-width:82%;padding:11px 14px;border-radius:2px 13px 13px 13px;background:var(--chat-bubble);color:var(--chat-text);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.own .chat-bubble{background:var(--chat-own);border-radius:13px 2px 13px 13px}.chat-bubble img{display:block;max-width:min(340px,100%);max-height:320px;border-radius:8px;cursor:zoom-in}.chat-bubble audio{display:block;width:260px;max-width:100%;height:42px}.chat-older{display:block;margin:0 auto 18px;color:var(--chat-muted);font-size:12px;border:0;background:transparent}.chat-composer{border-top:1px solid var(--chat-line);padding:12px 16px}.chat-tools{display:flex;align-items:center;gap:12px;margin-bottom:10px}.chat-tools button{border:0;padding:6px 0;background:none;color:var(--chat-muted);font-size:12px}.chat-tools button.recording{color:#e26581}.chat-tools small{margin-left:auto;color:var(--chat-muted);font-size:10px}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input-row textarea{resize:none;min-height:52px;max-height:120px;flex:1;min-width:0;background:var(--chat-bubble);border:1px solid var(--chat-line);border-radius:10px;padding:12px;color:var(--chat-text);font-size:13px;line-height:1.6}.chat-input-row button{height:44px;padding:0 20px}.chat-status{font-size:11px;color:var(--chat-muted);margin:8px 0 0;min-height:16px}.chat-status.error{color:#e77482}.chat-draft{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--chat-muted);font-size:12px}.chat-draft img{max-height:70px;max-width:100px;border-radius:6px}.chat-draft audio{height:36px;max-width:220px}.chat-draft button{background:none;color:#d6657b;border:0}.chat-empty-list{padding:24px 14px;color:var(--chat-muted);font-size:12px;line-height:1.8}
.chat-dialog{max-width:520px;width:calc(100% - 32px)}.chat-directory{max-height:50dvh;overflow:auto;margin:18px 0}.chat-directory button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;gap:12px}.chat-directory button small{font-size:11px;opacity:.7}.chat-directory-presence{display:inline-flex;align-items:center;gap:4px}.chat-directory-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8797a4}.chat-directory-presence.is-online{color:#31c99d}.chat-directory-presence.is-online i{background:#2bd79b;box-shadow:0 0 0 3px #2bd79b22}.chat-dialog h2{margin-top:0}.chat-dialog>input{width:100%;margin-top:10px}.chat-dialog-footer{display:flex;justify-content:flex-end;gap:8px}.chat-image-dialog{max-width:90vw;max-height:90dvh;padding:12px}.chat-image-dialog img{display:block;max-width:85vw;max-height:78dvh}.chat-image-dialog button{display:block;margin:10px 0 0 auto}.chat-nav-badge{background:#d55976!important;color:#fff!important;padding:3px 6px;border-radius:12px;font:10px sans-serif!important}
@media(max-width:700px){.chat-heading{align-items:flex-start;flex-direction:column;gap:12px}.chat-heading h1{font-size:23px}.chat-heading-actions{width:100%}.chat-heading-actions button{flex:1;white-space:nowrap;font-size:11px;padding:9px}.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 265px);min-height:460px;border-radius:12px}.chat-sidebar{border:0}.chat-layout .chat-conversation{display:none}.chat-layout.chat-open .chat-sidebar{display:none}.chat-layout.chat-open .chat-conversation{display:flex}.chat-back{display:block;border:0;background:none;color:var(--chat-text);padding:10px 6px;font-size:22px}.chat-room-header{padding:9px 12px}.chat-messages{padding:15px 12px}.chat-bubble{max-width:90%}.chat-composer{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-tools{gap:16px}.chat-tools small{display:none}.chat-input-row button{padding:0 14px}.chat-heading-actions #chatNotifications{flex-basis:100%}.chat-draft audio{max-width:190px}}

/* 3.0.6: calm workspace, clear hierarchy and compact mobile conversation. */
.chat-page{--chat-panel:#142536;--chat-text:#e4edf5;--chat-muted:#9fb3c4;--chat-line:#2b4051;--chat-bubble:#213b50;--chat-own:#1a625d;--chat-canvas:#0f1e2d;--chat-accent:#5ed4bd}
body[data-theme="light"] .chat-page{--chat-panel:#fff;--chat-text:#223848;--chat-muted:#657f91;--chat-line:#e3eaef;--chat-bubble:#fff;--chat-own:#d8f2e9;--chat-canvas:#f3f6f9;--chat-accent:#168371}
.chat-heading h1{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-.6px}.chat-online-dot{height:7px;width:7px;border-radius:50%;background:var(--chat-accent);box-shadow:0 0 0 5px #46bc9915}.chat-heading .eyebrow{font-size:10px;letter-spacing:2.6px;margin-bottom:10px;color:var(--chat-accent)}.chat-heading-actions{justify-content:flex-end;max-width:65%}.chat-heading-actions button{border:1px solid var(--chat-line);background:var(--chat-panel);border-radius:9px;font-size:11px;color:var(--chat-text)}
.chat-layout{grid-template-columns:260px minmax(0,1fr);height:calc(100dvh - 240px);min-height:540px;max-height:1000px;border-radius:18px;box-shadow:0 12px 36px #071b2c10}.chat-sidebar{background:var(--chat-panel)}.chat-side-title{min-height:78px;padding:22px 20px;box-sizing:border-box}.chat-side-title strong{font-size:17px}.chat-side-title span{font-size:10px;color:var(--chat-muted)}.chat-room-list{padding:12px}.chat-room{padding:14px 10px;margin-bottom:5px;border-radius:11px}.chat-room:hover{background:var(--chat-canvas)}.chat-room.active{background:#47b49e14;border-color:#47b49e38;box-shadow:inset 3px 0 var(--chat-accent)}.chat-room-avatar{background:#318e9c20;color:var(--chat-accent);height:42px;width:42px;border-radius:13px;font-weight:600}.chat-room.active .chat-room-avatar{background:var(--chat-accent);color:var(--chat-panel)}.chat-room-copy strong{font-weight:600}.chat-sidebar-note{font-size:10px;padding:16px 20px}.chat-room-header{min-height:78px;box-sizing:border-box;padding:16px 24px;background:var(--chat-panel)}.chat-room-header h2{font-size:17px}.chat-room-header small{font-size:10px;letter-spacing:.3px}.chat-room-actions{margin-left:auto}.chat-tool-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8196aa30;border-radius:9px;background:transparent;color:inherit;font-size:19px;cursor:pointer}.chat-tool-icon:hover{background:#8196aa15}.chat-messages{background:var(--chat-canvas);padding:25px 24px;scrollbar-width:thin;scrollbar-color:#839eae50 transparent}.chat-message{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:20px}.chat-message.own{flex-direction:row-reverse;align-items:flex-start}.chat-message-avatar,.chat-person-avatar{display:grid;place-items:center;flex-shrink:0;height:35px;width:35px;background:#3b91a024;border:1px solid #3b91a025;border-radius:11px;color:var(--chat-accent,#5bcdbb);font-size:13px;font-weight:600}.chat-message.own .chat-message-avatar{background:#348d7428}.chat-message-content{max-width:78%;min-width:0;display:flex;align-items:flex-start;flex-direction:column}.own .chat-message-content{align-items:flex-end}.chat-meta{display:flex;align-items:center;gap:12px;margin:2px 0 7px;font-size:10px}.chat-meta strong{font-weight:500;color:var(--chat-muted)}.chat-meta time{font-size:9px;opacity:.8}.chat-bubble{max-width:100%;border-radius:0 12px 12px 12px;padding:12px 16px;box-shadow:0 2px 5px #071b2c05;border:1px solid #8196aa15;font-size:13px;line-height:1.75}.own .chat-bubble{border-radius:12px 0 12px 12px}.chat-message-actions{display:flex;align-items:center;gap:10px;height:22px;margin-top:3px}.chat-message-actions button{border:0;background:transparent;color:var(--chat-muted);font-size:10px;padding:2px 0;opacity:.65}.chat-message-actions button:hover{opacity:1;color:#dc7a86}.chat-message-actions .chat-pick{display:none}.chat-selecting .chat-message-actions .chat-pick{display:block;font-size:19px;opacity:1}.chat-pick[aria-pressed="true"]{color:var(--chat-accent)!important}.chat-selection-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:var(--chat-panel);border-bottom:1px solid var(--chat-line);font-size:12px}.chat-selection-bar button{border:0;background:transparent;color:var(--chat-accent);font-size:11px}.chat-selection-bar button:disabled{opacity:.4}.chat-composer{padding:12px 20px 16px;background:var(--chat-panel)}.chat-tools{margin-bottom:7px;gap:8px}.chat-tools button{font-size:11px;padding:7px 10px;border-radius:6px}.chat-tools button:hover{background:var(--chat-canvas);color:var(--chat-accent)}.chat-input-row{background:var(--chat-canvas);padding:8px;border:1px solid var(--chat-line);border-radius:12px;gap:8px}.chat-input-row:focus-within{border-color:#4ead9966;box-shadow:0 0 0 3px #4ead990a}.chat-input-row textarea{border:0;background:transparent;min-height:50px;padding:5px 6px;outline:0;border-radius:0}.chat-input-row button{height:38px;border-radius:8px;font-size:12px;background:#208c7a;color:#fff;padding:0 20px;flex-shrink:0}.chat-status{background:var(--chat-panel);margin:0;padding:0 20px 10px;font-size:10px}.chat-placeholder b{width:72px;height:72px;border:1px solid #48aa9830;background:#48aa980b;border-radius:24px;display:grid;place-items:center;font-size:36px}
.chat-handoff-bubble{padding:0!important;white-space:normal;overflow:hidden;width:min(330px,100%)}.chat-handoff-card{padding:17px}.chat-handoff-top{display:flex;align-items:center;gap:9px;color:var(--chat-accent);font-size:11px;margin-bottom:14px}.chat-handoff-top>span{font-size:20px}.chat-handoff-card>b{font-size:14px}.chat-handoff-count{display:flex;align-items:baseline;gap:10px;margin:9px 0}.chat-handoff-count strong{font-size:32px;letter-spacing:-1px}.chat-handoff-count span{font-size:11px;color:var(--chat-muted)}.chat-handoff-card p{font-size:12px;white-space:pre-wrap;margin:10px 0}.chat-handoff-card details{font-size:11px;color:var(--chat-muted);margin:10px 0}.chat-handoff-card details>div{max-height:150px;overflow:auto;line-height:1.8;padding:8px 0;font-family:monospace}.chat-handoff-card button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--chat-panel);color:var(--chat-accent);border:1px solid #409d8944;border-radius:8px;padding:10px 12px;font-size:12px}.chat-handoff-card>small{display:block;font-size:9px;margin-top:8px;color:var(--chat-muted)}
.chat-tools-dialog{width:min(540px,calc(100vw - 28px));box-sizing:border-box;padding:24px;max-height:88dvh}.chat-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chat-modal-kicker{font-size:9px;letter-spacing:2px;color:#5caf9f}.chat-tools-dialog h2{font-size:21px;margin:8px 0}.chat-tool-subtitle{font-size:12px;line-height:1.7;opacity:.75;margin:10px 0 20px}.chat-tool-error{font-size:12px;line-height:1.7;color:#e07b88;white-space:pre-wrap}.chat-menu-grid{display:grid;gap:10px;margin-top:20px}.chat-menu-grid button{text-align:left;background:#718ca30a;border:1px solid #8196aa30;color:inherit;border-radius:11px;padding:17px}.chat-menu-grid b{display:block;font-size:14px}.chat-menu-grid span{display:block;font-size:11px;opacity:.7;margin-top:7px}.chat-tool-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;border-top:1px solid #8196aa30;padding-top:16px}.chat-tool-footer .chat-danger-link{margin-right:auto}.chat-danger-link{background:transparent;color:#d97482;font-size:12px;border:0;padding:8px;cursor:pointer}.chat-member-list{max-height:45dvh;overflow:auto}.chat-member,.chat-invite-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #8196aa25}.chat-member>div{flex:1}.chat-member strong,.chat-invite-row strong{display:block;font-size:13px}.chat-member small,.chat-invite-row small{display:block;font-size:10px;opacity:.6;margin-top:5px}.chat-invite-row input{width:17px;height:17px;accent-color:#279981}.chat-tool-field{display:grid;gap:8px;margin:16px 0;font-size:12px}.chat-tool-field input,.chat-tool-field select,.chat-tool-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #8196aa40;border-radius:8px;background:#071b2c25;padding:11px;color:inherit;font:inherit;outline:0}.chat-tool-field option{color:#dae8f4;background:#142536}.chat-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chat-delete-warning{line-height:1.8;font-size:12px;padding:14px;border-radius:10px;background:#bc607710;border:1px solid #bc607725}.chat-delete-numbers{display:flex;gap:35px;padding:20px 0}.chat-delete-numbers strong{font-size:32px;font-weight:500}.chat-delete-numbers small{display:block;font-size:11px;opacity:.7;font-weight:400;margin-top:6px}.chat-handoff-preview{background:#3b9b8910;border:1px solid #3b9b892a;border-radius:12px;padding:18px;margin:18px 0}.chat-handoff-preview>span{font-size:12px}.chat-handoff-preview strong{display:block;font-size:38px;margin:10px 0}.chat-handoff-preview small{display:inline-block;font-size:12px;font-weight:400;margin-left:12px;opacity:.8}.chat-handoff-preview p{font-size:11px;line-height:1.8;opacity:.7;margin-bottom:0}.handling-handoff-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid #3eae9360;border-radius:9px;background:#3eae9315;font-size:12px;line-height:1.7;margin:10px 0}.handling-handoff-banner[hidden]{display:none}.handling-handoff-banner button{flex-shrink:0}
body[data-theme="light"] .chat-tool-field input,body[data-theme="light"] .chat-tool-field select,body[data-theme="light"] .chat-tool-field textarea,body[data-theme="light"] .chat-tool-field option{background:#fff;color:#233848}body[data-theme="light"] .chat-tools-dialog .chat-tool-error{color:#b14356}body[data-theme="light"] .chat-tools-dialog .chat-person-avatar{color:#278b7c}body[data-theme="light"] .chat-bubble{box-shadow:0 3px 7px #19334606}
@media(max-width:1000px){.chat-heading{align-items:flex-start}.chat-heading-actions{max-width:60%}.chat-layout{grid-template-columns:225px minmax(0,1fr)}.chat-messages{padding:20px 16px}}
@media(max-width:700px){.chat-heading{gap:12px;margin-bottom:14px}.chat-heading h1{font-size:24px;margin-bottom:6px}.chat-heading .eyebrow{font-size:9px;margin-bottom:8px}.chat-heading-actions{max-width:none;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;justify-content:flex-start;scrollbar-width:none}.chat-heading-actions button,.chat-heading-actions #chatNotifications{flex:0 0 auto!important;padding:9px 11px;font-size:10px}.chat-layout{display:grid;grid-template-columns:1fr;min-height:400px;height:calc(100dvh - 247px);border-radius:13px}.chat-room-header{padding:12px;min-height:64px}.chat-room-header h2{font-size:15px}.chat-message{gap:8px;margin-bottom:15px}.chat-message-avatar{width:28px;height:28px;border-radius:9px;font-size:11px}.chat-message-content{max-width:calc(100% - 42px)}.chat-bubble{font-size:13px;padding:10px 12px;max-width:100%}.chat-messages{padding:16px 12px}.chat-meta{font-size:9px;gap:7px}.chat-meta time{font-size:8px}.chat-composer{padding:9px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-input-row textarea{min-height:40px}.chat-tools{gap:3px}.chat-tools button{padding:5px 7px;font-size:10px}.chat-status{padding:0 12px 8px;font-size:9px}.chat-selection-bar{gap:8px;padding:10px 12px;font-size:11px}.chat-selection-bar button{font-size:10px}.chat-tools-dialog{padding:19px}.chat-tool-footer{position:sticky;bottom:-19px;background:#102337;padding-bottom:12px}.chat-filter-grid{gap:10px}.chat-handoff-card{padding:13px}.chat-handoff-count strong{font-size:28px}.chat-handoff-bubble{width:270px}.handling-handoff-banner{align-items:flex-start;flex-direction:column;padding:12px}body[data-theme="light"] .chat-tool-footer{background:#fafdff}}
.welcome-copy{flex:1;min-width:0}.welcome-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-title-row h1{min-width:0}.chat-quick{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;min-height:40px;padding:0 13px;margin:4px 0;border:1px solid #63c8bb45;border-radius:14px;background:#12363099;color:#bcf1e6;box-shadow:0 4px 16px #06151e12;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.chat-quick svg{width:19px;height:19px}.chat-quick:hover{background:#205448;border-color:#75dbbf99}.chat-quick:focus-visible{outline:2px solid #69d6bb;outline-offset:4px}.chat-quick.has-unread{border-color:#68d2b878;background:#17473f}.chat-quick-count{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:12px;border:2px solid #0e2730;background:#ed6573;color:#fff;font:600 10px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.chat-quick-count[hidden]{display:none}.chat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body[data-theme="light"] .chat-quick{color:#1b6d60;background:#eefaf6;border-color:#b6ded1;box-shadow:0 3px 12px #285a4410}body[data-theme="light"] .chat-quick:hover,body[data-theme="light"] .chat-quick.has-unread{background:#dff5eb;border-color:#71bfa6}body[data-theme="light"] .chat-quick-count{background:#cb3d50;border-color:#f2faf6}
@media(max-width:760px){.welcome-copy{width:100%}.welcome-title-row{gap:10px}.chat-quick{min-height:38px;padding:0 10px;border-radius:12px;font-size:10px}.chat-quick svg{width:18px;height:18px}.chat-quick-count{min-width:19px;height:19px;font-size:9px}}
@media(max-width:380px){#dashboardPage .welcome-title-row h1{font-size:20px}.chat-quick{padding:0 8px;gap:5px}}
.chat-toolbar-toggle{display:none;flex-shrink:0;min-height:34px;border:1px solid var(--chat-line);background:var(--chat-panel);color:var(--chat-accent);border-radius:9px;padding:7px 12px;font-size:11px!important;cursor:pointer}.conversation-active .chat-toolbar-toggle{display:block;margin-left:auto}.conversation-active .chat-heading{flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.conversation-active .chat-heading h1{font-size:18px;margin:0}.conversation-active .chat-heading>div:first-child>p{display:none}.conversation-active:not(.chat-tools-expanded) .chat-heading-actions{display:none}.conversation-active.chat-tools-expanded .chat-heading-actions{flex-basis:100%;max-width:none}.conversation-active .chat-layout{height:calc(100dvh - 165px)}.chat-conversation{min-height:0}.chat-room-header,.chat-composer,.chat-status,.chat-selection-bar{flex-shrink:0}
@media(max-width:700px){body.chat-focused .topbar{height:52px;min-height:52px;margin-bottom:0;padding-top:0;padding-bottom:0;flex-wrap:nowrap}body.chat-focused .top-actions{display:none}body.chat-focused .main>footer{display:none}body.chat-focused #chatPage{padding-top:9px;padding-bottom:0}.conversation-active .chat-heading{flex-direction:row;gap:8px;margin-bottom:9px}.conversation-active .chat-heading h1{font-size:16px}.conversation-active .chat-toolbar-toggle{min-height:32px;padding:6px 10px;font-size:10px!important}.conversation-active .chat-layout{height:var(--chat-pane-height,calc(100dvh - 112px));min-height:180px;max-height:none}.conversation-active .chat-room-header{min-height:56px;padding:8px 12px}.conversation-active .chat-room-header small{font-size:9px}.conversation-active.chat-tools-expanded .chat-heading-actions{flex-wrap:wrap;overflow:visible;gap:6px}.conversation-active .chat-input-row textarea{min-height:36px}.conversation-active .chat-back{padding:7px 6px}}
.chat-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.chat-page-actions>.welcome-actions,.chat-page-actions>.server-actions{width:auto;align-items:center}.chat-page-actions .chat-quick{height:38px;min-height:38px;margin:0;border-radius:9px}.has-chat-entry>div:first-child{min-width:0}
@media(max-width:1100px) and (min-width:761px){.has-chat-entry{flex-wrap:wrap}.chat-page-actions{margin-left:auto}}
@media(max-width:760px){.has-chat-entry{position:relative}.has-chat-entry>div:first-child{padding-right:108px;box-sizing:border-box;min-height:42px}.chat-page-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.chat-page-actions .chat-quick{position:absolute;right:0;top:8px;min-height:36px;height:36px}.chat-page-actions>.welcome-actions,.chat-page-actions>.server-actions{flex:1;width:auto;flex-wrap:wrap}.chat-page-actions>.welcome-actions>*,.chat-page-actions>.server-actions>*{flex:1}.chat-page-actions .issue-summary{width:100%;margin-left:0}}

/* Status text beside the private-message presence dot. */
.chat-room-presence{width:auto;height:auto;justify-content:flex-start;gap:4px;color:#dc6476}
.chat-room-presence i{flex:0 0 auto}
.chat-room-presence em{font-style:normal;font-size:10px;line-height:1;color:inherit}
.chat-room-presence.is-online{color:#2bd79b}

/* WeChat-style workspace: keep the existing encrypted conversation behavior,
   but give the list and conversation equal visual hierarchy. */
.chat-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);border-radius:13px;box-shadow:0 16px 44px #061a2b18}
.chat-sidebar{background:var(--chat-panel)}
.chat-side-title{padding:14px 16px 12px;min-height:64px;box-sizing:border-box}
.chat-side-title strong{font-size:15px;padding:7px 11px;border-radius:9px;background:var(--chat-bubble);color:var(--chat-text)}
.chat-side-title span{font-size:11px;color:var(--chat-muted)}
.chat-room-list{padding:3px 0}
.chat-room{border-radius:0;padding:13px 16px;min-height:70px;box-sizing:border-box;gap:12px}
.chat-room:hover{background:var(--chat-canvas)}
.chat-room.active{background:#45b99c18;box-shadow:inset 3px 0 var(--chat-accent)}
.chat-room-avatar{width:44px;height:44px;border-radius:11px;font-size:17px;background:#318e9c20}
.chat-room-name{gap:7px}
.chat-room-copy small{margin-top:5px}
.chat-conversation{background:var(--chat-canvas)}
.chat-room-header{background:var(--chat-panel);min-height:68px;padding:14px 24px}
.chat-messages{padding:28px 34px;background:var(--chat-canvas)}
.chat-composer{background:var(--chat-panel);padding:13px 22px 17px}
body[data-theme="light"] .chat-page{--chat-panel:#f8fafc;--chat-canvas:#f1f3f6;--chat-text:#263c50;--chat-muted:#708394;--chat-line:#dce4ea;--chat-bubble:#fff;--chat-own:#d8ebff;--chat-accent:#3189df}
body[data-theme="light"] .chat-page .chat-layout{border-color:#d8e1e8;box-shadow:0 14px 40px #31516d18}
body[data-theme="light"] .chat-page .chat-room.active{background:#e5eef9;box-shadow:inset 3px 0 #3189df}
body[data-theme="light"] .chat-page .chat-room-avatar{background:#e3f0ff;color:#287bc9}
body[data-theme="light"] .chat-page .chat-room.active .chat-room-avatar{background:#3189df;color:#fff}
body[data-theme="light"] .chat-page .chat-side-title strong{background:#e5eef9}
@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-room{min-height:64px;padding:11px 12px}.chat-room-avatar{width:40px;height:40px}.chat-room-header{min-height:64px;padding:10px 12px}.chat-messages{padding:16px 12px}.chat-composer{padding:9px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}