/* Fresh visual system: shared by chats, Settings, dialogs and the Tools ShadowRoot. */
:root{--accent:#efc36b;--accent-soft:#efc36b23;--accent-edge:#efc36b65;--accent-ink:#271d0c;--ink:#eaf0f7;--secondary:#a6b5c9;--base:#050c16;--panel:#0d1a2b;--raised:#16283d;--field:#091423;--edge:#6383a633;--glow:#d99b3020;--positive:#39d4ac;--wallpaper-shade:30%;color-scheme:dark}
:root[data-theme=ocean]{--accent:#41dbbc;--accent-soft:#41dbbc20;--accent-edge:#41dbbc65;--accent-ink:#06382f;--ink:#e5f6f3;--secondary:#9abebc;--base:#031317;--panel:#09232a;--raised:#10353b;--field:#071b22;--edge:#509b9d38;--glow:#12ba9a24}
:root[data-theme=violet]{--accent:#bc9bff;--accent-soft:#bc9bff24;--accent-edge:#bc9bff65;--accent-ink:#261546;--ink:#f2edff;--secondary:#b2a6cc;--base:#0c0819;--panel:#19122d;--raised:#2a1e46;--field:#100b20;--edge:#9175ba38;--glow:#9462e82b}
:root[data-theme=blue]{--accent:#77baff;--accent-soft:#77baff24;--accent-edge:#77baff65;--accent-ink:#082d54;--ink:#e8f4ff;--secondary:#9bb4d1;--base:#030e1d;--panel:#0a1d35;--raised:#15314f;--field:#071527;--edge:#6498ce38;--glow:#287ed52b}
:root[data-theme=ivory]{--accent:#91681c;--accent-soft:#b48c3620;--accent-edge:#91681c66;--accent-ink:#fff9e7;--ink:#26384b;--secondary:#5e7184;--base:#e9e5dc;--panel:#f7f5ef;--raised:#fffdf8;--field:#eeebe4;--edge:#64748b38;--glow:#96723018;color-scheme:light}
body,body.teal{--gold:var(--accent);--muted:var(--secondary);background:var(--base);color:var(--ink)}
button,input,textarea,select{transition:background-color .18s,border-color .18s,box-shadow .18s}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.12)}
.workspace{background:radial-gradient(ellipse at 8% 10%,var(--glow),transparent 45%),radial-gradient(ellipse at 80% 95%,#267ec516,transparent 55%),var(--base)}
.topbar{background:linear-gradient(115deg,color-mix(in srgb,var(--panel),transparent 5%),var(--base));box-shadow:0 8px 30px #0003;border-bottom:1px solid var(--edge)}
.global-search,.round-action,.plus-button,.nav-button.logout{background:linear-gradient(135deg,var(--raised),var(--field));border-color:var(--edge);box-shadow:inset 0 1px 0 #ffffff0a,0 5px 13px #0002}
.global-search input,.operator strong,.top-link,.icon-button{color:var(--ink)}.global-search input::placeholder,.operator small{color:var(--secondary)}
.rail{background:linear-gradient(170deg,var(--panel),var(--base));border-color:var(--edge)}.nav-button{color:var(--secondary)}.nav-button.active{color:var(--accent);background:linear-gradient(120deg,var(--accent-soft),transparent);border-color:var(--accent-edge);box-shadow:inset 8px 0 24px var(--glow)}
.conversation-panel{background:linear-gradient(155deg,var(--panel),color-mix(in srgb,var(--base),transparent 8%));border-color:var(--edge)}
.tabs>button,.row-meta,.row-preview{color:var(--secondary)}.tabs>button.selected{color:var(--accent)}.row-name{color:var(--ink)}.conversation-row{border-color:var(--edge)}.conversation-row:hover{background:var(--accent-soft)}.conversation-row.selected{background:linear-gradient(110deg,var(--accent-soft),color-mix(in srgb,var(--raised),transparent 20%));border-color:var(--accent-edge);box-shadow:inset 0 1px 0 #fff1,0 5px 18px #0002}
.conversation-row[data-pinned=true]:after{content:'⌖';position:absolute;left:9px;bottom:7px;color:var(--accent);font-size:14px}
.chat-panel{border-color:var(--edge);box-shadow:0 18px 60px #0005,inset 0 1px 0 #ffffff0b}.chat-panel:before{background:linear-gradient(0deg,#02091588,transparent 25%),color-mix(in srgb,var(--base) var(--wallpaper-shade),transparent)}
.chat-header{background:linear-gradient(110deg,color-mix(in srgb,var(--raised),transparent 4%),color-mix(in srgb,var(--panel),transparent 8%));border-color:var(--edge);box-shadow:0 7px 25px #0004}.chat-identity strong{color:var(--ink);cursor:pointer}.chat-identity span{color:var(--secondary)}
.chat-shortcuts{display:flex;align-items:center;gap:3px;padding:6px 10px;flex-shrink:0;min-height:68px;overflow-x:auto;scrollbar-width:thin;background:linear-gradient(100deg,color-mix(in srgb,var(--field),transparent 4%),color-mix(in srgb,var(--panel),transparent 6%));border-bottom:1px solid var(--edge);position:relative;z-index:2;direction:ltr}
.chat-shortcuts button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:65px;padding:4px 5px;border:1px solid transparent;border-radius:11px;flex:1;background:none;color:var(--accent)}.chat-shortcuts button:hover{background:var(--accent-soft);border-color:var(--edge)}.chat-shortcuts span{font-size:25px;line-height:1.2;text-shadow:0 3px 10px #0005}.chat-shortcuts small{font:600 9px/1.5 'Noto Sans Arabic',sans-serif;white-space:nowrap;direction:rtl}.chat-shortcuts .shortcut-mint{color:#36d9af}.chat-shortcuts .shortcut-violet{color:#ba8cf4}.chat-shortcuts .shortcut-blue{color:#6bc5f7}
.message{background:linear-gradient(130deg,#34455bed,#15243be8);border-color:#a0b5ce55;box-shadow:0 6px 18px #0004,inset 0 1px 0 #ffffff09;color:#edf3fb}.message.outgoing{background:linear-gradient(135deg,#15594eed,#07362fed);border-color:#4eddb36b;box-shadow:0 6px 18px #0004,0 0 15px #0ca47813}.message.note{background:linear-gradient(130deg,#6a5025ee,#382b15ee);border-color:#e7b75e66}.message-quote{background:#071525c9}.message time{color:#b5c9d4}
.message-more{position:absolute;top:3px;inset-inline-end:4px;width:25px;height:25px;border-radius:50%;background:#06131cce;color:#c9d9df;opacity:0;font-size:18px;line-height:1;z-index:2}.message:hover .message-more,.message:focus-within .message-more,.message:focus .message-more{opacity:1}.message:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.ux-highlight{outline:2px solid var(--accent);box-shadow:0 0 30px var(--glow)}
#composer-form{background:linear-gradient(125deg,var(--raised),var(--field));border-color:var(--edge);box-shadow:0 8px 30px #0006,inset 0 1px 0 #ffffff0e}.input-wrap{background:var(--field);border-color:var(--edge)}.input-wrap textarea{color:var(--ink)}.composer-mode,.composer-mode button{color:var(--secondary)}.send-button,.badge,.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 26%),var(--accent));border-color:var(--accent-edge);color:var(--accent-ink)}
.drawer-overlay{z-index:90;background:#020611a6;backdrop-filter:blur(9px)}.drawer{width:min(440px,96vw);background:radial-gradient(ellipse at 10% 0,var(--glow),transparent 45%),linear-gradient(160deg,var(--panel),var(--base));border-color:var(--accent-edge);box-shadow:18px 0 70px #0008;padding:23px}.drawer h2{color:var(--ink);font-weight:700}.drawer>header{position:sticky;top:-23px;z-index:4;padding:12px 0;background:var(--panel);margin-bottom:18px;border-bottom:1px solid var(--edge)}.ux-wide .drawer{width:min(760px,97vw)}.drawer p,.muted,.drawer label{color:var(--secondary)}.setting-card{background:linear-gradient(140deg,var(--raised),var(--panel));border-color:var(--edge)}#toast{background:var(--raised);border-color:var(--accent-edge);color:var(--ink);box-shadow:0 12px 45px #0007;z-index:4000}
.ux-panel{font-size:13px;line-height:1.8}.ux-card{padding:20px;border:1px solid var(--edge);border-radius:18px;margin:15px 0;background:linear-gradient(140deg,color-mix(in srgb,var(--raised),transparent 2%),var(--panel));box-shadow:0 7px 25px #0002,inset 0 1px 0 #ffffff08;min-width:0}.ux-card h3{font-size:14px;font-weight:700;margin:0 0 15px;color:var(--ink)}.ux-hint{font-size:12px;line-height:1.9;color:var(--secondary);margin:10px 0 15px}.ux-preview{font-size:10px;padding:5px 11px;border:1px solid var(--accent-edge);background:var(--accent-soft);border-radius:20px;color:var(--accent);white-space:nowrap}
.ux-field{display:flex!important;flex-direction:column;gap:7px;margin:0 0 16px!important;min-width:0}.ux-field>span{font-size:11px;color:var(--secondary)}.ux-field input,.ux-field textarea,.ux-field select{width:100%;min-width:0;min-height:42px;background:var(--field);border:1px solid var(--edge);border-radius:10px;padding:10px 12px;color:var(--ink);font:inherit;outline:none;box-shadow:inset 0 2px 6px #0002}.ux-field input:focus,.ux-field textarea:focus{border-color:var(--accent-edge)}.ux-field textarea{resize:vertical;line-height:1.9}.ux-field select:disabled{opacity:1}.ux-field input[type=range]{accent-color:var(--accent);padding:0;box-shadow:none}.ux-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.ux-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0}.ux-button{border:1px solid var(--accent-edge);border-radius:9px;padding:8px 13px;background:var(--accent-soft);color:var(--accent);font:600 11px/1.7 'Noto Sans Arabic',sans-serif;min-height:35px}.ux-button.ux-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 18%),var(--accent));color:var(--accent-ink);box-shadow:0 4px 12px var(--glow)}.ux-danger{color:#ed8294!important}.ux-button.ux-danger{background:#c6344b12;border-color:#d5496655}.ux-empty{text-align:center;padding:28px 15px;color:var(--secondary)}.ux-empty>span{display:block;font-size:32px;color:var(--accent);opacity:.6}.ux-empty p{font-size:12px}.ux-toggle{display:flex!important;align-items:center;gap:10px;margin:13px 0!important;color:var(--secondary);font-size:12px}.ux-toggle input{position:absolute;opacity:0}.ux-toggle i{height:19px;width:36px;display:block;background:var(--field);border:1px solid var(--edge);border-radius:20px;position:relative}.ux-toggle i:after{content:'';position:absolute;width:13px;height:13px;right:2px;top:2px;border-radius:50%;background:var(--secondary)}.ux-toggle input:checked+i{background:var(--accent-soft);border-color:var(--accent-edge)}.ux-toggle input:checked+i:after{right:19px;background:var(--accent)}
.settings-page{display:none}.workspace.settings-open .conversation-panel,.workspace.settings-open .chat-panel{display:none!important}.workspace.settings-open .settings-page{display:block;grid-column:2/-1;grid-row:2;overflow:auto;min-height:0;padding:30px 34px;background:radial-gradient(ellipse at 10% 0,var(--glow),transparent 45%),var(--base)}
.ux-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto 24px}.ux-settings-heading small{font:700 9px Inter,sans-serif;letter-spacing:3px;color:var(--accent)}.ux-settings-heading h1{font-size:30px;margin:7px 0 0;color:var(--ink);font-weight:700}.ux-settings-heading p{font-size:12px;color:var(--secondary);margin:5px 0}.ux-settings-nav{display:flex;gap:5px;padding:7px;border:1px solid var(--edge);border-radius:17px;background:linear-gradient(140deg,var(--panel),var(--field));overflow:auto;max-width:1440px;margin:auto;scrollbar-width:thin}.ux-settings-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:100px;border:1px solid transparent;border-radius:12px;padding:12px 9px;color:var(--secondary);font-size:11px;white-space:nowrap}.ux-settings-nav i{font-style:normal;font-size:22px;line-height:1}.ux-settings-nav [aria-selected=true]{background:linear-gradient(130deg,var(--accent-soft),var(--panel));border-color:var(--accent-edge);color:var(--accent);box-shadow:0 4px 14px #0002}.ux-settings-content{max-width:1440px;margin:22px auto}.ux-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 9px}.ux-section-heading h2{font-size:20px;margin:0}.ux-section-heading p{font-size:11px;color:var(--secondary);margin:5px 0}
.ux-connection-grid,.ux-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ux-connection-grid .ux-card,.ux-backup-grid .ux-card{margin:0 0 12px;position:relative;overflow:hidden}.ux-connection-grid .ux-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,var(--glow),transparent 60%);pointer-events:none}.ux-connection-mark{font-size:52px;color:var(--positive);line-height:1.4}.ux-status{font-size:11px;border:1px solid var(--edge);background:var(--field);border-radius:20px;padding:5px 10px;color:var(--secondary)}.ux-desk-preview{float:left;position:relative;width:70px;height:80px;display:grid;place-items:center;color:var(--accent);font-size:40px;background:var(--field);border-radius:15px}.ux-desk-preview span{position:absolute;top:5px;left:5px;font-size:12px;background:var(--accent);color:var(--accent-ink);border-radius:50%;width:22px;height:22px;text-align:center}.ux-provider-banner{display:flex;align-items:center;gap:20px;margin-bottom:20px}.ux-provider-banner>span{font-size:50px;color:var(--positive)}.ux-provider-banner h3{font-size:22px;margin:0}.ux-provider-banner p{font-size:12px;color:var(--secondary)}.ux-provider-banner b{margin-inline-start:auto;border:1px solid var(--edge);border-radius:20px;padding:6px 14px;font-size:11px;color:var(--secondary)}.ux-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--edge);margin:15px 0;scrollbar-width:thin}.ux-tabs button{flex:1;min-width:80px;padding:11px 12px;white-space:nowrap;color:var(--secondary);border-bottom:2px solid transparent;font-size:12px}.ux-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(transparent,var(--accent-soft))}.ux-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr)) 1.5fr;gap:10px;margin-top:22px}.ux-table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--edge);border-radius:15px}.ux-table{width:100%;border-collapse:collapse;font-size:12px}.ux-table th{text-align:start;color:var(--secondary);font-size:11px;font-weight:600;padding:14px 17px;background:var(--field);white-space:nowrap}.ux-table td{padding:14px 17px;border-top:1px solid var(--edge);vertical-align:middle;color:var(--ink)}.ux-table td:last-child{white-space:nowrap}.ux-table .ux-button{margin:3px}.ux-backup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-backup-icon{display:block;font-size:32px;color:var(--accent);margin:10px 0}.ux-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.ux-metrics article{padding:20px;background:linear-gradient(135deg,var(--raised),var(--panel));border:1px solid var(--edge);border-radius:15px;box-shadow:0 5px 20px #0002}.ux-metrics small{color:var(--secondary);font-size:11px;display:block}.ux-metrics strong{color:var(--accent);font-size:31px;display:block;margin-top:8px;font-family:Inter,sans-serif}.ux-agent-strip{display:flex;gap:8px;overflow:auto;margin:15px 0}.ux-roster{overflow:auto;margin-top:20px;border:1px solid var(--edge);border-radius:15px}.ux-roster table{border-collapse:collapse;width:100%;min-width:820px;background:var(--panel);font-size:12px}.ux-roster th,.ux-roster td{padding:16px;border:1px solid var(--edge);text-align:center}.ux-roster th{background:var(--field);font-weight:600;white-space:nowrap}.ux-roster th small{display:block;font-size:9px;color:var(--secondary);margin-top:5px}.ux-roster td button{border:1px dashed var(--edge);border-radius:8px;min-width:65px;padding:7px;color:var(--secondary)}.ux-roster[data-roster-mode=day] table{min-width:0}
.ux-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ux-themes>button{text-align:start;min-width:0;border:1px solid var(--edge);border-radius:14px;padding:9px;background:var(--field);color:var(--ink)}.ux-themes>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ux-themes i{height:62px;background:radial-gradient(ellipse at 0 0,var(--swatch),transparent 100%),var(--swatch-bg);border:1px solid #ffffff22;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:9px;align-items:flex-end}.ux-themes b{width:50%;height:8px;border-radius:3px;background:var(--swatch);opacity:.85}.ux-themes b:nth-child(2){width:65%;opacity:.3;align-self:flex-start}.ux-themes b:nth-child(3){width:42%;opacity:.55}.ux-themes strong{font-size:11px;display:block;margin-top:7px}.ux-themes small{font-size:9px;color:var(--secondary);display:block;margin-top:2px;font-family:Inter,sans-serif}
.ux-contact-hero{text-align:center;padding:5px 0 18px}.ux-contact-hero h2{font-size:21px;margin:13px 0 0}.ux-contact-hero p{font-size:12px;margin:4px 0 14px}.ux-avatar{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid var(--accent-edge);background:linear-gradient(130deg,var(--raised),var(--field));border-radius:50%;overflow:hidden;color:var(--accent)}.ux-avatar.ux-large{height:96px;width:96px;font-size:40px;box-shadow:0 0 0 6px var(--accent-soft),0 10px 30px #0004}.ux-avatar img{width:100%;height:100%;object-fit:cover}.ux-chips{display:flex;flex-wrap:wrap;gap:7px}.ux-chips>span{border:1px solid var(--accent-edge);border-radius:8px;padding:4px 10px;font-size:10px;color:var(--accent);background:var(--accent-soft)}.ux-details{border:1px solid var(--edge);border-radius:15px;background:var(--panel);margin:15px 0;overflow:hidden}.ux-details summary{padding:16px;font-size:13px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--ink);background:linear-gradient(120deg,var(--raised),var(--panel))}.ux-details>div{padding:17px}.ux-db-search{padding-top:15px;margin-top:15px;border-top:1px solid var(--edge)}.ux-person{display:inline-block;margin:4px;padding:4px 10px;background:var(--field);border:1px solid var(--edge);border-radius:18px;font-size:11px}.ux-saved-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;color:var(--ink);font-size:13px}.ux-option{border-top:1px solid var(--edge);padding:10px 0;font-size:12px}.ux-option p{white-space:pre-wrap}.ux-media-preview{display:block;max-width:100%;height:auto;margin:auto;border-radius:15px}
.ux-context{position:fixed;z-index:3500;min-width:250px;max-width:min(330px,94vw);max-height:calc(100dvh - 16px);overflow:auto;border:1px solid var(--accent-edge);border-radius:16px;background:linear-gradient(145deg,var(--raised),var(--panel));padding:8px;box-shadow:0 18px 70px #0009,inset 0 1px 0 #fff1;direction:rtl;backdrop-filter:blur(18px)}.ux-context>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:8px;font-size:12px;color:var(--ink);text-align:start}.ux-context>button:hover,.ux-context>button:focus{background:var(--accent-soft);color:var(--accent);outline:none}.ux-context>button i{font-style:normal;color:var(--accent);font-size:19px;min-width:23px;text-align:center}.ux-context>small{display:block;font-size:9px;line-height:1.7;padding:9px;color:var(--secondary);border-top:1px solid var(--edge);margin-top:5px}.ux-reactions{display:flex;gap:3px;direction:ltr;border-bottom:1px solid var(--edge);padding:3px 0 8px;margin-bottom:6px}.ux-reactions button{flex:1;font-size:20px;padding:5px;border-radius:8px}.ux-reactions button:hover{background:var(--accent-soft)}
.login-layer{background-color:var(--base)}.login-card{background:color-mix(in srgb,var(--panel),transparent 8%);border-color:var(--accent-edge);box-shadow:0 20px 80px #0006}.login-card input{background:var(--field);border-color:var(--edge);color:var(--ink)}.login-card h1{color:var(--ink)}
:root[data-theme=ivory] .message{background:linear-gradient(130deg,#fffdf6ee,#e7e4ddeb);color:#293c4a;border-color:#7c929a55}:root[data-theme=ivory] .message.outgoing{background:linear-gradient(130deg,#d1efe4f2,#abe0d1f2);color:#153e35;border-color:#459b8066}:root[data-theme=ivory] .message time{color:#526d74}:root[data-theme=ivory] .message-quote{color:#294454;background:#b7ccd084}:root[data-theme=ivory] .chat-shortcuts .shortcut-mint{color:#157b64}:root[data-theme=ivory] .chat-shortcuts .shortcut-violet{color:#7955a8}:root[data-theme=ivory] .chat-shortcuts .shortcut-blue{color:#286d9e}
@media(max-width:1200px){.chat-shortcuts button{min-width:59px}.chat-shortcuts small{font-size:8px}.workspace.settings-open .settings-page{padding:23px}.ux-backup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-filter-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}.ux-settings-nav button{min-width:95px}.ux-connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.chat-shortcuts{min-height:60px;padding:4px 5px}.chat-shortcuts button{min-width:56px}.chat-shortcuts span{font-size:22px}.chat-shortcuts small{font-size:8px}.workspace.settings-open .settings-page{grid-column:2;padding:14px 10px}.ux-settings-heading{align-items:flex-start;gap:8px;margin-bottom:16px}.ux-settings-heading h1{font-size:23px}.ux-settings-heading p{font-size:10px}.ux-settings-heading .ux-preview{font-size:8px;padding:4px 7px}.ux-settings-nav{border-radius:12px}.ux-settings-nav button{min-width:88px;font-size:10px;padding:10px 6px}.ux-settings-content{margin-top:18px}.ux-section-heading h2{font-size:18px}.ux-connection-grid,.ux-backup-grid,.ux-fields{grid-template-columns:1fr}.ux-metrics{grid-template-columns:1fr 1fr;gap:8px}.ux-metrics article{padding:13px}.ux-metrics strong{font-size:25px}.ux-filter-grid{grid-template-columns:1fr 1fr}.ux-card{padding:15px;border-radius:14px}.drawer{padding:18px}.drawer>header{top:-18px}.ux-themes{grid-template-columns:1fr 1fr}.ux-provider-banner{gap:10px;flex-wrap:wrap}.ux-provider-banner h3{font-size:19px}.ux-table th,.ux-table td{padding:11px}.message-more{opacity:.6}.ux-context{min-width:230px}.ux-roster{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.chat-shortcuts span svg{display:block;width:25px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}.message-more{top:-9px;inset-inline-end:-9px;width:22px;height:22px}.message.media-only .message-more{top:6px;inset-inline-end:6px}

/* Chat-first layout: navigation stays on the right; search belongs to the list. */
.workspace,body.compact .workspace{grid-template-rows:minmax(0,1fr)}
.rail,.conversation-panel,.chat-panel{grid-row:1}
.workspace.settings-open .settings-page{grid-row:1}
.conversation-panel>.global-search{width:100%;max-width:none;min-width:0;flex:0 0 46px;margin:17px 0 0;padding:0 15px;gap:12px;height:46px}
.conversation-panel>.global-search input{font-size:12px}
@media(max-width:760px){.conversation-panel>.global-search{flex-basis:42px;height:42px;margin-top:12px;padding:0 12px}.conversation-panel>.global-search input{font-size:11px}}

/* One-level chat header and edge-to-edge conversation canvas. */
.workspace,body.compact .workspace{grid-template-columns:54px 445px minmax(0,1fr)}
.chat-panel{margin:0;border:0;border-radius:0;box-shadow:none;background-size:cover;background-position:center}
.chat-header{height:82px;gap:9px;padding:0 12px;border:0;border-bottom:1px solid var(--edge);border-radius:0;background:linear-gradient(110deg,color-mix(in srgb,var(--raised),transparent 8%),color-mix(in srgb,var(--panel),transparent 5%));overflow:hidden}
.chat-header .chat-identity{flex:0 1 auto;min-width:80px;max-width:190px}.chat-header .chat-identity strong{font-size:14px}.chat-header .chat-identity span{max-width:190px;font-size:10px}
.chat-header .chat-shortcuts{flex:1;min-width:0;min-height:0;height:100%;padding:7px 0;gap:0;border:0;background:transparent;direction:rtl;scrollbar-width:thin}
.chat-header .chat-shortcuts button{min-width:55px;max-width:75px;padding:5px 3px;gap:5px}.chat-header .chat-shortcuts span{font-size:24px}.chat-header .chat-shortcuts small{font-size:8px}.chat-header .chat-shortcuts span svg{width:24px;height:28px}
#chat-avatar{cursor:pointer;outline-offset:3px}#chat-avatar:focus-visible{outline:2px solid var(--accent)}
.composer{margin:0}.composer-mode{padding-inline:16px}#composer-form{border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:13px}.conversation-panel{border-radius:0}
.rail{width:100%;padding:20px 4px 15px;gap:12px;border-radius:0;position:relative;isolation:isolate;background:linear-gradient(180deg,#8ce5e20a,#7963d90c 65%,#efc36b0e);border-left:1px solid var(--accent-edge);backdrop-filter:blur(22px);box-shadow:inset 1px 0 12px var(--glow),-5px 0 22px var(--glow)}
.rail:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,var(--accent-soft),transparent 38%),radial-gradient(ellipse at 50% 95%,#8769ff20,transparent 32%)}
.rail .nav-button{width:42px;min-height:48px;height:48px;border-radius:13px;color:var(--secondary)}.rail .nav-button svg{width:23px;height:23px}.rail .nav-button.active{color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),#ffffff03);border:1px solid var(--accent-edge);box-shadow:0 0 17px var(--glow),inset 0 0 12px var(--accent-soft)}
.rail .nav-button.logout{width:38px;min-height:40px;height:40px;border-radius:12px}
@media(max-width:1450px){.workspace,body.compact .workspace{grid-template-columns:54px 350px minmax(0,1fr)}.chat-header .chat-identity{max-width:150px}.chat-header .chat-identity strong{font-size:12px}.chat-header .chat-identity span{max-width:150px;font-size:9px}.chat-header .chat-shortcuts button{min-width:52px}.chat-header .chat-shortcuts small{font-size:7px}}
@media(max-width:1100px){.workspace,body.compact .workspace{grid-template-columns:50px 300px minmax(0,1fr)}.rail{padding-inline:3px}.rail .nav-button{width:40px;height:45px;min-height:45px}.chat-header{padding-inline:7px;gap:6px;height:76px}.chat-header .chat-identity{max-width:120px}.chat-header .chat-identity span{max-width:120px}.chat-header .chat-shortcuts button{min-width:49px}}
@media(max-width:760px){.workspace,body.compact .workspace{grid-template-columns:46px minmax(0,1fr)}.rail{padding:16px 3px 12px;gap:14px}.rail .nav-button{width:38px;min-height:43px;height:43px;border-radius:11px}.rail .nav-button svg{width:22px;height:22px}.rail .nav-button.logout{width:35px;height:38px;min-height:38px}.chat-panel{margin:0!important;border-radius:0!important}.chat-header{height:76px;padding-inline:5px;gap:5px}.chat-header .avatar.small{width:32px;height:32px}.chat-header .chat-identity{min-width:70px;max-width:92px}.chat-header .chat-identity strong{font-size:10px}.chat-header .chat-identity span{max-width:92px;font-size:7px}.chat-header .chat-shortcuts{padding:6px 0;min-height:0}.chat-header .chat-shortcuts button{min-width:47px;padding:4px 2px;gap:4px}.chat-header .chat-shortcuts span{font-size:22px}.chat-header .chat-shortcuts small{font-size:7px}.chat-header .chat-shortcuts span svg{width:22px;height:26px}#composer-form{border-radius:18px 18px 0 0}}
@media(max-height:620px){.rail{gap:6px;padding-block:8px}.rail .nav-button{min-height:38px;height:38px}}