/* Sunset workspace, consistent safe areas and a permanent primary navigation. */
:root,body[data-tab][data-view],body[data-tab=claude]:not([data-view=home]),body[data-tab=ssh]{--bg:#180f17;--bg2:#41211c;--panel:#2b1a20;--card:#39222a;--line:#e1ab7640;--text:#fff1e7;--dim:#ceada3;--acc:#ffc27f;--acc2:#ffddb2;--accbg:#ab542b33;--user:#66321f;--nav-h:86px;--workspace-top:max(var(--tg-top,0px),env(safe-area-inset-top,0px));--workspace-bottom:max(var(--tg-bottom,0px),env(safe-area-inset-bottom,0px));color-scheme:dark}
html.fs{--workspace-top:max(var(--tg-top,0px),calc(env(safe-area-inset-top,0px) + 48px))}
html,body{background:#180f17;overflow:hidden;height:100%;margin:0}/* No home screen any more, so no sunset photo: a plain backdrop. */body:before{content:'';position:fixed;inset:0;max-width:760px;margin:auto;background:#180f17;pointer-events:none}
body[data-tab] #app,body[data-tab=ssh] #app,body[data-view=home] #app{position:fixed;left:0;right:0;top:var(--ssh-top,0px);height:var(--ssh-height,100dvh);max-width:760px;padding:calc(var(--workspace-top) + 8px) 0 calc(var(--nav-h) + var(--workspace-bottom));background:transparent;min-height:0;overflow:hidden;isolation:isolate}
body[data-view=home] #engineHome{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:normal;gap:20px;padding:10px 20px 22px;direction:inherit;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1}
.home-brand{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 0 4px;flex:none}.home-brand>img{width:132px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 10px #15040aaa)}.home-brand>b{font:700 21px/1.2 Arial;letter-spacing:6px;margin-left:6px;color:#fff4e3;text-shadow:0 2px 12px #170610}.home-brand>span{font:9px/1.5 Arial;letter-spacing:3px;color:#eec8ac;margin-top:5px}
.home-heading{padding:0 2px;text-shadow:0 2px 9px #180911bb}.home-kicker{font-size:10px;color:#ffd29b}.home-heading h1{font-size:25px;line-height:1.7;margin:3px 0 0;font-weight:700;color:#fff5e5}.home-heading p{font-size:12px;color:#e8cbbc;margin:2px 0 0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:ltr;flex:none}
#engineHome .workspace-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:148px;padding:17px;border-radius:22px;background:linear-gradient(135deg,#6d341de0,#291720f2);border:1px solid #fac98b65;box-shadow:inset 0 1px #ffedce33,0 10px 24px #17050b33;font:inherit;text-align:left;direction:ltr;width:auto;grid-column:auto;justify-self:stretch;transition:transform .15s,background .15s;overflow:hidden;color:#fff3e5}

#engineHome .workspace-card:nth-child(3),#engineHome .workspace-card:nth-child(4){min-height:132px;background:linear-gradient(140deg,#3d2426ed,#25171fe8);border-color:#c58d645c}
#engineHome .workspace-card:active{transform:scale(.975)}#engineHome .workspace-card>b{font:700 18px/1.6 Vazirmatn,Arial}#engineHome .workspace-card>small{font:10px/1.7 Vazirmatn,sans-serif;color:#e1bdae;direction:rtl;align-self:flex-end}
.workspace-symbol{width:43px;height:43px;display:grid;place-items:center;border:1px solid #f7c38c33;border-radius:13px;background:#e9872b15;margin-bottom:3px;flex:none}.workspace-symbol img,#engineHome .workspace-symbol img{width:28px;height:28px;object-fit:contain;box-shadow:none;border-radius:0}.ssh-symbol{color:#ffcc95}.workspace-symbol svg,#engineHome #homeSsh svg{width:27px;height:27px;color:#ffca8a}.panel-symbol img,#engineHome .panel-symbol img{width:38px;height:25px}.workspace-arrow{position:absolute;right:15px;top:14px;color:#f0c394;font:20px Arial;opacity:.7}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;padding:1px 2px;flex:none}.home-bottom>span{display:flex;align-items:center;gap:6px;color:#d8b7a8}.home-bottom i{display:inline-block;width:6px;height:6px;background:#73d9a0;border-radius:50%;box-shadow:0 0 8px #73d9a044}.home-bottom button{font-size:10px;color:#ffe0af;padding:7px 0}
body[data-tab] >nav.tabs#workspaceDock,body[data-view=home] >nav.tabs#workspaceDock{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:40;bottom:calc(10px + var(--workspace-bottom));left:12px;right:12px;max-width:724px;margin:0 auto;border:1px solid #efb68155;border-radius:23px;padding:6px;gap:3px;background:linear-gradient(145deg,#402227f5,#251721f5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffe7ca1f,0 7px 24px #14060e77}
#workspaceDock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;padding:5px 2px;border:1px solid transparent;border-radius:17px;font:10px/1.5 Vazirmatn,Arial;color:#d4ada3;background:transparent;min-width:0}#workspaceDock button.on{color:#ffdaab;background:linear-gradient(140deg,#e5873238,#7f402b2e);border-color:#ffd0984f;box-shadow:inset 0 1px #ffe7bc22}#workspaceDock .nav-icon{height:24px;width:24px;display:grid;place-items:center}#workspaceDock svg,#workspaceDock img{display:block;width:22px;height:22px;object-fit:contain}#workspaceDock button[data-dock=codex] img{width:21px;height:21px;opacity:.8}#workspaceDock button[data-dock=codex].on img{opacity:1}
body.keyboard-open[data-tab] >nav.tabs#workspaceDock{display:none!important}body.keyboard-open[data-tab] #app{padding-bottom:4px}
body[data-tab] #app>.top,html.fs body[data-tab] #app>.top{padding:8px 58px;min-height:55px;background:#2c181c70;border:0;border-bottom:1px solid #daa16b26;flex:none}.top .brand,body[data-tab=ssh] .brand{gap:8px}.top .brand b,body[data-tab=claude] .top .brand b{font:700 19px/1.5 Vazirmatn,Arial;letter-spacing:0;color:#fff4e7}.top .logo,body[data-tab=ssh] .top .logo{width:31px;height:31px;flex-basis:31px;background:#e7a15f12;border:1px solid #f4bb8040;border-radius:10px;padding:5px}.top .logo img,body[data-tab=claude] .top .brand .logo img{width:21px;height:21px}.top #workspaceBack{left:auto;right:auto;inset-inline-start:14px;top:9px;background:#62362255;border-color:#daab7766;color:#ffe0b8;height:36px;width:36px;border-radius:11px}.top #workspaceSettings{inset-inline-end:14px;top:9px;width:36px;height:36px;background:#62362255;border-color:#daab7766;color:#ffe0b8;border-radius:11px}
body:not([data-tab=ssh]):not([data-view=home]) #app>.ai-actions:not(.hidden){display:flex!important;padding:9px 14px 6px;gap:7px;flex:none}.ai-actions .icon{max-width:none;min-height:38px;height:auto;display:flex;gap:5px;flex:1;background:#4e2a1e44;border-color:#b9815855;border-radius:11px}.ai-actions .icon:after{content:attr(aria-label);font-size:9px;margin:0}.ai-actions .icon svg{height:15px;width:15px;fill:#e5be9e}.ai-actions .icon.on{background:#d3823626;border-color:#fbc88e}.ai-actions #btnSettings{display:none}
body:not([data-tab=ssh]):not([data-view=home]) #app>#sub:not(.hidden){display:flex!important;padding:3px 16px 7px;color:#bfa098;background:transparent;font-size:10px;flex:none}.sub #subSession{max-width:70%}.sub #subModel{font-size:9px;color:#ab8a82}
body[data-tab] .chat{padding:12px 14px;min-height:0;gap:13px;flex:1;overflow-y:auto}body[data-tab] .msg.bot{background:#2a1b23e8;border:1px solid #d2a27828;border-radius:18px;box-shadow:0 3px 13px #09040a25;padding:12px 14px;font-size:14px;color:#f6e9df}body[data-tab] .msg.user,body[data-tab=claude] .msg.user.voice-note{background:linear-gradient(120deg,#774022d9,#573124e8);border:1px solid #e6af6c50;color:#fff1df;border-radius:18px}body[data-tab] .msg .meta{color:#b99b8f}.msg pre{background:#130e16;border-color:#d7a57922;border-radius:13px;color:#ffe3b5}.msg code.i{background:#ffc47814;color:#ffe3b5}.copy-code{color:#f5c891}.msg .show{color:#f1c993}.voice .wave i{background:#facb95!important}.voice .play{background:#ecbb8b!important;color:#39202a}.voice .play svg{fill:#39202a}.empty{padding:35px 15px;display:grid;place-items:center}.empty .big{background:#6b382729!important;border:1px solid #e5b88333!important;border-radius:23px;width:74px;height:74px}.empty .big img{width:38px;height:38px}
body[data-tab] .composer{padding:7px 12px 9px;background:linear-gradient(transparent,#180f17a8);flex:none}body[data-tab] .composer .row{background:#2b1c24f5;border:1px solid #e8b58359;border-radius:21px;min-height:53px;box-shadow:inset 0 1px #ffe8cb18,0 7px 18px #10060b66}.composer textarea{font-size:14px;color:#fff0e5}.composer textarea::placeholder{color:#b89c92}.round.mic,.round.send{background:linear-gradient(130deg,#ffbc6b,#f9894b);color:#442014;border:1px solid #ffd4a388;border-radius:13px}.round.mic svg,.round.send svg{fill:#442014}.composer #btnAttach{border:0;background:transparent}.composer #btnAttach svg{stroke:#dfb791}.recbar{background:#382028!important}.stt-status{color:#ffdab0}.preview{background:transparent}body[data-tab] .busy{margin:0 15px 26px;padding:4px 2px;background:transparent;border:0;gap:9px;max-height:25vh}.busy #busyText{max-height:22vh;color:#dfbea6!important;opacity:.7;font-size:11px}.busy button{color:#f3c5a2}.busy #thinkingLogo{width:23px!important;height:23px!important;animation:claude-thinking 1.6s ease-in-out infinite!important;transform:none}body[data-tab] .busy #busyText{animation:claude-thinking 1.6s ease-in-out infinite}.jump-latest{background:#40272c;color:#f8c68e;border-color:#c18f62;bottom:calc(var(--nav-h) + var(--composer-height,64px) + var(--workspace-bottom) + 12px)}
body[data-tab=ssh] #app>.ssh{margin:7px 10px 4px;padding:0;flex:1;min-height:0;background:transparent;border:0}body[data-tab=ssh] .term-wrap{border:1px solid #d19c6859;border-radius:17px;overflow:hidden;min-height:0;background:#09090e;box-shadow:0 8px 24px #10040a33}body[data-tab=ssh] .term-top{background:linear-gradient(130deg,#392324,#251a22);border-bottom:1px solid #d5a36c33;min-height:43px}.term-keyboard{background:#69412c55!important;border-color:#d9a36955!important;color:#ffdab3}.term-state{color:#c2a495}.term-name{color:#e1c9ac}body[data-tab=ssh] .keys{background:#281b22;border-color:#cca17444}.keys button{background:#3d2930!important;border-color:#c89c6e44!important;color:#f7d4ae!important}.terminal-symbol{color:#ffc17b!important}.term-msg{color:#ceb5a8}.term-msg b{color:#f5dbc1}
body[data-view=home] #app>.top,body[data-view=home] #app>.ai-actions,body[data-view=home] #app>#sub{display:none!important}
.sheet{padding:calc(var(--workspace-top) + 12px) 12px calc(var(--nav-h) + var(--workspace-bottom) + 8px);align-items:flex-end;justify-content:center;display:flex;z-index:35}.sheet .sheet-body{position:relative;width:100%;height:auto;max-height:100%;max-width:724px;overflow:auto;border-radius:25px;border:1px solid #ecbd854f;background:linear-gradient(145deg,#3a2529,#21161f);box-shadow:inset 0 1px #fff0cb24,0 -12px 50px #0d040b66;padding:58px 17px 22px}.sheet .sheet-bg{background:#0d070ba8;backdrop-filter:blur(5px)}.sheet .sheet-close{top:14px;inset-inline-end:14px;margin:0;background:#6c423344;color:#ffdfb6;border:1px solid #edc18b55;border-radius:11px;min-height:34px}.sheet h3{padding-inline-end:0;font-size:17px;color:#fff0e0;margin-bottom:15px}.sheet .control-description{color:#c4a99e;font-size:12px}.sheet .control-row button,.sheet .workspace-options button,.sheet .item{background:#2b1c25;border-color:#c093673f;color:#edd3c0;border-radius:13px}.sheet .btn{background:linear-gradient(115deg,#ffc378,#ec954e);color:#3d1d16;border:1px solid #ffdeb155;border-radius:12px}.sheet .btn.danger{background:#5e2b35;color:#ffd7db}.sheet .field{background:#1c141f;border-color:#b08d6b66}.sheet .item.on{border-color:#fbc282;background:#75472544}.sheet .usage{background:#2a1c23;border-color:#9e755144}.sheet .bar i{background:linear-gradient(90deg,#ff8c3c,#ffd36a)}.workspace-options{gap:8px}.usage .h{font-size:12px}.toast{background:#fff0d9;color:#522c27;border:1px solid #ffcb8e;border-radius:14px;bottom:calc(var(--nav-h) + var(--workspace-bottom) + 15px);z-index:70}.album-thumb{border-color:#e7b57a66}.pic{border-radius:13px}
@media(max-width:359px){#engineHome .workspace-card{padding:13px;min-height:137px}#engineHome .workspace-card:nth-child(n+3){min-height:124px}.workspace-grid{gap:10px}.home-heading h1{font-size:22px}.home-heading p{font-size:11px}.home-brand>img{width:114px;height:65px}.home-brand>b{font-size:18px}.home-brand>span{font-size:8px}body[data-view=home] #engineHome{padding:7px 15px 20px;gap:16px}.ai-actions .icon:after{font-size:8px}.ai-actions{gap:5px!important}#workspaceDock button{font-size:9px}.top .brand b,body[data-tab=claude] .top .brand b{font-size:17px}}
@media(min-width:620px){#engineHome .workspace-card{min-height:160px;padding:22px}.workspace-grid{gap:17px}body[data-view=home] #engineHome{padding:14px 40px 25px;gap:22px}.home-brand{padding-top:6px}.home-heading h1{font-size:30px}.home-heading p{font-size:14px}.home-brand>img{width:145px;height:82px}.workspace-card>small{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){#engineHome .workspace-card,body[data-tab] .busy #thinkingLogo,body[data-tab] .busy #busyText{animation:none!important;transition:none}.busy #thinkingLogo{opacity:.7}}
html.fs body[data-tab][data-view]{--workspace-top:max(var(--tg-top,0px),calc(env(safe-area-inset-top,0px) + 48px))}
#engineHome .home-bottom>button{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;min-height:36px;min-width:0;height:auto;gap:0;padding:7px 0;border:0;border-radius:0;box-shadow:none;background:none;font:10px/1.6 Vazirmatn,sans-serif;white-space:nowrap;color:#ffe0af}

/* Keep close navigation in its own row, including when long settings scroll. */
.sheet .sheet-body{display:flex;flex-direction:column;padding:12px 17px 20px;overflow:hidden}
.sheet .sheet-close{position:static;float:none;align-self:flex-end;flex:none;margin:0 0 12px;min-height:38px;height:38px;background:#58352e}
#sheetContent{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:2px}
body[data-tab] #app>.top,html.fs body[data-tab] #app>.top{background:#2c181c35;border-bottom:1px solid #daa16b26}
body:not([data-tab=ssh]):not([data-view=home]) #app>.ai-actions:not(.hidden),body:not([data-tab=ssh]):not([data-view=home]) #app>#sub:not(.hidden){background:transparent;color:#f5d8bf}
.sub #subModel{color:#e5c4af}.ai-actions .icon{background:#513126;border-color:#bb8b66;color:#fff0dc}
.sheet .sheet-bg,body[data-tab] >nav.tabs#workspaceDock{backdrop-filter:none;-webkit-backdrop-filter:none}
.setting-icon{display:inline-flex;width:21px;height:21px;flex:none;align-items:center;justify-content:center;vertical-align:middle;margin-inline-end:8px;color:#ffd19a;pointer-events:none}
.setting-icon svg,.setting-icon img{width:21px;height:21px;object-fit:contain}.sheet h3 .setting-icon{width:25px;height:25px}
.sheet .control-row button,.sheet .workspace-options button{line-height:1.8}

/* Glass header surface; contrast belongs to the individual controls. */
.top #workspaceBack,.top #workspaceSettings{background:#513126;border-color:#bb8b66;color:#fff0dc}
.top .brand,body[data-tab=ssh] .top .brand{background:#402820e6;border:1px solid #bb8b66;border-radius:12px;padding:3px 8px}
.top .logo,body[data-tab=ssh] .top .logo{background:#513126;border-color:#bb8b66}
.top .brand b,body[data-tab=claude] .top .brand b{color:#fff4e7}