/* Opsia product identity; tenant names never modify these tokens. */
:root{
 --opsia-orange:#fb631b;--opsia-orange-soft:#fcddcf;--opsia-blue:#0071ab;--opsia-terminal:#00ff70;
 --opsia-machine:#101010;--opsia-void:#0f0e12;--opsia-paper:#f9f8f4;
 --color-void:#101010;--color-abyss:#141416;--color-deep-sea:#1b1b1e;
 --color-cobalt-panel:#232326;--color-quartz:#f6f6f6;--color-ash:#adadac;
 --color-mist:#d7d7d5;--color-slate:#444446;--color-obsidian-edge:#303032;
 --color-inkline:#272729;--color-sapphire-hairline:#3b3b3e;
 --color-frosted-lilac:#fcddcf;--color-signal-blue:#fb631b;--color-pulse-violet:#0071ab;
}
::selection{background:#fb631b55;color:#fff}
/* Home-screen windows: keep controls clear of notches and the home indicator. */
.layout,.boot-loading{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.login{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
@media(max-width:800px){aside{top:env(safe-area-inset-top);left:env(safe-area-inset-left)}}
main::before{background:radial-gradient(ellipse at 75% -25%,#33333366,transparent 58%)}
main{background:#141416}
.opsia-wordmark{display:block;width:132px;height:auto;object-fit:contain}
.sidebar-brand .opsia-wordmark{width:116px}
.sidebar-brand{padding-left:8px;margin-bottom:20px}
/* Co-branding identifies the workspace without changing the Opsia theme. */
/* Keep the existing alignment and control positions with 20% smaller branding. */
.brand-lockup,.mode-bar #modeLabel{transform:scale(.8)}
.brand-lockup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;width:100%}
.brand-lockup{transform-origin:left center}
.brand-lockup .opsia-wordmark{width:100%;height:auto;max-height:100%;object-fit:contain}
.brand-separator{font:300 22px/1 var(--font-inter);color:#9c9c9e;user-select:none}
.tenant-logo{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.tenant-brand-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.4 var(--font-figtree);color:#f6f6f6;letter-spacing:0}
.login-card .brand-lockup{width:min(100%,370px);height:60px;gap:20px}
.login-card .brand-lockup .opsia-wordmark{width:100%}
.login-card .tenant-brand-name{font-size:18px}
.sidebar-brand .brand-lockup{flex:1;height:36px;gap:8px}
.sidebar-brand .brand-separator,.sk-sidebar .brand-separator{font-size:16px}
.sidebar-brand .brand-lockup .opsia-wordmark,.sk-sidebar .brand-lockup .opsia-wordmark{width:100%}
.sk-sidebar .brand-lockup{height:36px;gap:8px}
.mode-status::before{display:none}
.mode-bar #modeLabel{display:flex;align-items:center;justify-content:center;width:150px;height:36px}
.sidebar-brand #new,.compose-actions #attachButton{background:var(--opsia-orange);color:#181818;border-color:#fb631b;box-shadow:none}
.sidebar-brand #new:hover,.compose-actions #attachButton:hover{background:#ff874f;filter:none}
#new:focus-visible,#attachButton:focus-visible{outline-color:#fcddcf}
#chats button.selected{border-color:#45403d;background:#272321}
#chats button.selected::before{content:'';width:3px;height:14px;flex:none;border-radius:2px;background:var(--opsia-orange)}
#messageForm{background:#1b1b1e;box-shadow:0 8px 24px #0004,0 0 0 1px #6b6b70}
#messageForm:focus-within{box-shadow:0 8px 24px #0005,0 0 0 2px #fff}
@media(forced-colors:active){#messageForm{outline:1px solid CanvasText}#messageForm:focus-within{outline:2px solid Highlight;outline-offset:2px}}
.message.user{background:#1c1c1f;border-color:#333335}
.message.assistant>.role{color:#fcddcf}
.mode-status{gap:4px}
.mode-bar #modeLabel{color:#adadac;font-family:var(--font-ibm-plex-mono);letter-spacing:.06em;font-size:11px}
.compose-actions>.compose-spacer{display:block;flex:0 0 44px;min-width:44px;height:44px}
.chat-effort #effortButton{position:relative;isolation:isolate;overflow:hidden;width:44px;min-width:44px;padding:9px}
.chat-effort #effortButton .effort-glyph{width:26px;height:26px;transform:none;position:relative;z-index:1}
.chat-effort #effortButton[data-value="medium"]{background:#ffffff12}
.chat-effort #effortButton[data-value="medium"]:focus-visible{outline-color:#fff}
.chat-effort #effortButton.effort-matrix{background:#021109;box-shadow:inset 0 0 0 1px #00ff7029}
.chat-effort #effortButton.effort-matrix:hover,.chat-effort #effortButton.effort-matrix[aria-expanded="true"]{background:#052013;box-shadow:inset 0 0 0 1px #00ff7066}
.chat-effort #effortButton.effort-matrix:focus-visible{outline-color:var(--opsia-terminal)}
.chat-effort #effortPanel{left:0;width:210px}
#effortDescription{margin:6px 0 12px;color:var(--color-ash);font:12px/1.5 var(--font-inter)}
#effortLevels{gap:8px}
#effortLevels:before{display:none}
#effortLevels button{isolation:isolate;overflow:hidden;min-height:70px;padding:12px;gap:14px}
#effortLevels button .effort-glyph{position:relative;z-index:1;flex:none;background:transparent;width:28px;height:28px}
#effortLevels button .effort-label{position:relative;z-index:1;font:500 13px var(--font-inter);line-height:1.5}
#effortLevels button small{display:block;color:var(--color-ash);font-size:10px;margin-top:2px}
#effortLevels button[data-value="medium"]{border-color:#fff;color:#fff}
#effortLevels button[data-value="medium"]:hover,#effortLevels button[data-value="medium"][aria-pressed="true"]{background:#ffffff0d;border-color:#fff}
#effortLevels button[data-value="medium"]:focus-visible{outline-color:#fff;outline-offset:-4px}
#effortLevels button.effort-matrix{background:#03150b;border-color:#00ff7080;color:var(--opsia-terminal)}
#effortLevels button.effort-matrix:hover,#effortLevels button.effort-matrix[aria-pressed="true"]{background:#052013;border-color:var(--opsia-terminal)}
#effortLevels button.effort-matrix:focus-visible{outline-color:var(--opsia-terminal);outline-offset:-4px}
#effortLevels button.effort-matrix small{color:#b5d9c2}
#effortLevels button[aria-pressed="true"]::after{content:'✓';position:relative;z-index:1;margin-left:auto;color:inherit;font-size:13px}
.effort-matrix .effort-glyph{filter:drop-shadow(0 0 4px #001d0c) drop-shadow(0 0 8px #00ff7033)}
.matrix-rain{position:absolute!important;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;opacity:.58;text-align:center;mask-image:linear-gradient(90deg,#000c,#0006 45%,#000c)}
.matrix-rain::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,#03150b80,transparent 75%)}
.matrix-rain .matrix-stream{position:absolute;top:-120px;left:var(--stream-x);width:1em;color:var(--opsia-terminal)!important;font:9px/10px var(--font-ibm-plex-mono)!important;font-weight:400!important;white-space:pre;letter-spacing:0;text-shadow:0 0 5px #00ff7055;animation:opsia-code-fall var(--stream-time) linear var(--stream-delay) infinite,opsia-code-glimmer var(--stream-glimmer) ease-in-out var(--stream-delay) infinite}
.chat-effort #effortButton .matrix-rain{opacity:.52}
.chat-effort #effortButton .matrix-stream:nth-child(even){display:none}
@keyframes opsia-code-fall{to{transform:translateY(120px)}}
@keyframes opsia-code-glimmer{0%,100%{opacity:.32}40%,65%{opacity:1}75%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.matrix-rain .matrix-stream{animation:none!important;transform:translateY(60px);opacity:.55}.matrix-rain{opacity:.35}}
@media(forced-colors:active){.matrix-rain{display:none}#effortLevels button,.chat-effort #effortButton{border:1px solid ButtonText!important;color:ButtonText!important}#effortLevels button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-4px}.effort-matrix .effort-glyph{filter:none}}
#usageProgress{accent-color:var(--opsia-orange)}
#usagePanel{background:#1b1b1e}
.empty{padding-top:clamp(46px,12vh,130px);max-width:820px}
.empty .role{display:flex;align-items:center;gap:12px;color:#adadac;font-family:var(--font-ibm-plex-mono);font-size:11px;letter-spacing:.13em}
.empty .role::before{content:'';width:20px;height:2px;background:var(--opsia-orange)}
.empty h1{max-width:700px;font-size:clamp(38px,4.6vw,64px);letter-spacing:-.04em;color:#f6f6f6;margin:24px 0}
.empty h1 .accent{color:#fcddcf}
.empty p{max-width:480px;color:#adadac;font-size:15px;line-height:1.8}
.empty-signature{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid #ffffff10;max-width:480px;color:#77777a;font:10px var(--font-ibm-plex-mono);letter-spacing:.13em}
.empty-signature img{width:21px;height:21px;opacity:.5}
.preview-notice{flex:none;margin-top:10px;padding:9px 12px;border:1px solid #fb631b30;border-radius:8px;background:#fb631b09;color:#fcddcf;font:11px/1.5 var(--font-inter);text-align:center}
.preview-notice+.mode-bar{min-height:54px}
.preview-link{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:13px;color:#fcddcf;text-decoration:none;border-bottom:1px solid #fb631b55;margin-top:10px}
.preview-link:hover{color:#fff;border-bottom-color:var(--opsia-orange)}
.preview-link span{font-size:20px}
#send:disabled{opacity:.5}
#send.setup-disabled{max-width:180px;font-size:11px;padding-inline:12px}
.login{background:radial-gradient(ellipse at 90% -25%,#3a3a3a 0%,transparent 68%),var(--opsia-void);position:relative;isolation:isolate;overflow:hidden}
.login::before{content:'';position:absolute;width:min(58vw,840px);height:140vh;right:-25vw;top:-25vh;transform:rotate(28deg);border-left:1px solid #ffffff0a;background:repeating-linear-gradient(90deg,transparent 0 32px,#ffffff04 33px 34px);z-index:-1;pointer-events:none}
.login-card{width:min(460px,100%)}
.login-card .opsia-wordmark{width:155px}
.login-eyebrow{display:flex;align-items:center;gap:12px;font:11px var(--font-ibm-plex-mono);letter-spacing:.13em;color:#adadac;margin-top:56px}
.login-eyebrow>span:first-child{width:20px;height:2px;background:var(--opsia-orange)}
.login-card h1{font-size:clamp(44px,6vw,66px);letter-spacing:-.04em;line-height:1.08;margin:24px 0}
.login-card p{font-size:14px;line-height:1.8;max-width:390px;margin:0 0 28px}
#passkeyLogin{background:#fb631b;color:#181818;min-width:210px;border-radius:999px}
#passkeyLogin:disabled{background:#272729;color:#adadac;border-color:#3b3b3e;opacity:1}
.login-signature{display:flex;align-items:center;justify-content:space-between;margin-top:56px;padding-top:22px;border-top:1px solid #ffffff12;font:10px var(--font-ibm-plex-mono);letter-spacing:.14em;color:#858483}
.login-signature span{width:20px;height:2px;background:var(--opsia-blue)}
#loginError{margin:18px 0 0}
.sk-sidebar .opsia-wordmark{width:116px}
.skeleton::after{background:linear-gradient(90deg,transparent,#fcddcf10,transparent)}
#dropHint{color:#fcddcf;background:#141416ed;border-color:var(--opsia-orange)}
.action-card[aria-expanded="true"]{background:#fb631b10;border-color:#fb631b66}
.action-card:focus-visible,button.notice-close:focus-visible{outline-color:#fcddcf}
.action-card.running .action-icon{border-color:#fb631b30;border-top-color:#fb631b}
#workspaceTenant{font:11px var(--font-ibm-plex-mono)}
@media(max-width:800px){
 .empty{padding-top:clamp(40px,8vh,90px)}
 .empty h1{font-size:clamp(38px,7vw,54px)}
 .compose-actions>.compose-spacer{flex-basis:34px;min-width:34px}
 .preview-notice{font-size:10px}
}
@media(max-width:480px){
 .empty h1{max-width:320px;font-size:38px}
 .empty p{font-size:14px}
 .empty-signature{margin-top:26px;padding-top:20px;font-size:9px}
 .compose-actions{gap:6px}
 .compose-actions>.compose-spacer{flex-basis:0;min-width:0;width:0}
 .chat-effort #effortButton{padding:9px}
 #send.setup-disabled{max-width:138px;font-size:10px;padding-inline:10px}
 .login-eyebrow{margin-top:44px}
}

/* Authenticated workspace state, preserving the existing control positions. */
.sidebar-foot .workspace-user{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.6;margin-bottom:6px}
#usagePanel{max-height:min(440px,70dvh);overflow:auto;overflow-wrap:anywhere}
#usageProgress{accent-color:var(--usage-color)}
#usageSummary{color:var(--usage-color,inherit);font-weight:600}
#usageTokens:empty{display:none}
#passkeyLogin[aria-busy="true"]{cursor:progress}
#loginError:empty{display:none}
#previewNotice{overflow-wrap:anywhere}
#viewLoadingStatus{overflow-wrap:anywhere}
@media(max-width:480px){.message.user{padding:16px;margin-left:6%}}

.existing-passkey{display:block;margin-top:12px;color:var(--opsia-orange-soft);padding-left:0}
.signup-link,.signup-back{display:block;width:fit-content;min-height:44px;padding:12px 0;margin-top:8px;color:var(--opsia-orange-soft);font-size:14px;text-underline-offset:4px}
.signup-link{display:flex;align-items:center;justify-content:center;min-width:210px;padding:12px 22px;margin-top:14px;border:1px solid #77777a;border-radius:999px;color:#fff;text-decoration:none}
.signup-link:hover{background:#ffffff0c;border-color:#fff}
.signup-link:focus-visible,.signup-back:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
#signupForm{margin-top:24px;gap:8px}
#signupForm input{width:100%;min-width:0;min-height:48px;border:1px solid #77777a;border-radius:10px;background:#202022;color:#fff;padding:12px;font:16px var(--font-inter);margin-bottom:10px}
#signupForm input:focus-visible{outline:2px solid #fff;outline-offset:2px}
#signupForm input:disabled{opacity:.65}
#signupCode{font-family:var(--font-ibm-plex-mono)!important;letter-spacing:.3em}
#signupForm #signupHint{font-size:12px;line-height:1.6;margin:0 0 8px;color:#adadac}
#signupSubmit{background:var(--opsia-orange);color:#181818;border-radius:999px;min-height:48px}
#signupSubmit:disabled{background:#272729;color:#adadac;border-color:#3b3b3e;cursor:progress}
.empty p.empty-privacy{font-size:13px;line-height:1.7;color:#a9a9aa}
@media(max-width:480px){body:has(#signupForm:not([hidden])) .login-eyebrow{margin-top:28px}body:has(#signupForm:not([hidden])) .login-signature{margin-top:28px}}

/* Requester consent is separate from the administrator's review queue. */
.user-confirmation{padding:18px;margin:10px 0;border-color:#fb631b66;background:#1b1b1e;overflow-wrap:anywhere}
.user-confirmation h2{margin:0 0 8px;font-size:18px;color:var(--color-quartz)}
.user-confirmation .confirmation-intro{margin:0 0 10px;font-size:12px;line-height:1.6}
.user-confirmation .confirmation-summary{margin:10px 0;color:#f6f6f6;font-size:14px;line-height:1.6}
.confirmation-summary-items{margin:8px 0;padding-left:20px;font-size:12px;line-height:1.8;color:#d7d7db}
.user-confirmation .confirmation-resource{margin:8px 0;font:12px/1.6 var(--font-ibm-plex-mono);color:var(--color-quartz)}
.user-confirmation .confirmation-warning{padding:10px 12px;margin:10px 0;background:#fb631b0d;border-left:2px solid var(--opsia-orange);font-size:12px;line-height:1.6;color:var(--opsia-orange-soft)}
.confirmation-details{margin:12px 0;border:1px solid var(--color-obsidian-edge);border-radius:8px;padding:8px 10px}
.confirmation-details summary{font-size:12px;color:var(--color-quartz);min-height:32px;display:list-item;line-height:32px}
.confirmation-details pre{padding:12px;margin:8px 0 0;background:#101010;border-radius:6px;max-height:180px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font:11px/1.6 var(--font-ibm-plex-mono)}
.user-confirmation .confirmation-content-label{margin:12px 0 0;font-size:11px;color:var(--color-quartz)}
.user-confirmation .confirmation-expiry{margin:8px 0;color:var(--color-ash);font-size:11px}
.user-confirmation .confirmation-status{font-size:12px;line-height:1.6;color:var(--opsia-orange-soft)}
.confirmation-status:empty{display:none}
.confirmation-actions{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 0 8px;background:#1b1b1e;box-shadow:0 -8px 16px #1b1b1ed9}
.confirmation-actions button{margin:0;font-size:12px;min-height:44px;padding:10px 14px}
.confirmation-actions button:focus-visible{outline-color:var(--opsia-orange-soft)}
@media(max-width:480px){.user-confirmation{padding:12px}.user-confirmation h2{font-size:16px}.confirmation-actions button{flex:1;padding-inline:10px}}

/* Durable conversation feedback; transcript stays readable while reconnecting. */
.connection-status{flex:none;margin:6px 0;padding:8px 12px;border:1px solid #ffffff26;border-radius:8px;color:#dadadc;background:#202023;font-size:12px;line-height:1.5}
.task-activity{flex:none;max-height:22vh;overflow:auto;color:#c9c9cf;font-size:12px;padding:4px 0;scrollbar-width:thin}
.activity-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.activity-list .activity-card{display:flex;align-items:center;gap:9px;flex:0 1 280px;min-width:0;max-width:100%;padding:9px 12px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;line-height:1.4;cursor:default}
.activity-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.activity-label{min-width:0;overflow-wrap:anywhere;color:#dedee3}.activity-state{color:#b2b2b9;font-size:11px}
.activity-icon{flex:none;display:grid;place-items:center;width:18px;height:18px;font-size:17px;color:#b2b2b9}
.activity-success .activity-icon,.activity-success .activity-state{color:#82d7a0}
.activity-failed .activity-icon,.activity-failed .activity-state{color:#f29a98}
.activity-waiting .activity-icon,.activity-blocked .activity-icon{color:#e9bf73}
.activity-running .activity-icon{color:#dedee3}
.activity-icon>svg{display:block;width:18px;height:18px}
.activity-running .activity-icon>svg{transform-box:view-box;transform-origin:50% 50%;animation:activity-spin .9s linear infinite}
@keyframes activity-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.activity-running .activity-icon>svg{animation:none}}
.task-outcome{flex:none;max-height:22vh;overflow:auto;background:#ffffff04;border:1px solid #ffffff20;border-radius:9px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.6;color:#dedee1}
.task-outcome p{margin:0 0 8px}.task-outcome button{font-size:12px;min-height:36px;padding:6px 12px}
.working-detail{margin-left:auto;color:#9999a3;font-size:11px}
#messages{scroll-behavior:auto}
@media(max-width:480px){.activity-list .activity-card{flex-basis:100%}.task-outcome{max-height:24vh}.connection-status{font-size:11px}}
.conversation-attention{flex:none;color:#e9bf73;font-size:14px}

/* Execution cards share the transcript scroll and the Clysme compact layout. */
#messages .inline-activities{padding:4px 0;margin:8px 0;background:transparent;border:0}
.inline-activities .activity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:7px}
.inline-activities .activity-card{width:100%;box-sizing:border-box;min-height:58px;padding:10px 12px;gap:10px;background:#ffffff03;border-color:#ffffff14}
.inline-activities .activity-label{font-size:12px}.inline-activities .activity-state{font-size:10px}

/* T2B specialists. Explicit rows preserve equal widths, including the last row. */
#agentNavigation{margin:0 2px 16px}
.agent-nav-title{font-size:10px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#adadac;margin:16px 8px 10px}
#agentGrid{display:flex;flex-direction:column;gap:7px}
.agent-grid-row{display:flex;gap:7px;min-width:0;width:100%}
.agent-button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex:1 1 0;min-width:0;min-height:64px;padding:10px 4px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03;color:#bcbcbf;font-size:10px;font-weight:500;text-align:center;line-height:1.45;overflow-wrap:anywhere}
.agent-button:hover{background:#ffffff09;color:#fff;border-color:#ffffff50}
.agent-button[aria-pressed="true"]{background:#272321;color:#fff;border-color:#a36c50}
.agent-button:focus-visible,.agent-session-link:focus-visible,#agentOrigin:focus-visible{outline:2px solid #fff;outline-offset:3px}
.agent-general{width:100%;min-height:42px;font-size:12px;justify-content:flex-start;padding:10px 12px}
.agent-working-dot{position:absolute;top:5px;right:6px;font-size:8px;color:#8ddb9b}
.agent-button-title{overflow-wrap:normal;word-break:normal}
#agentContext{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0;color:#b7b7bb;font-size:11px;border-bottom:1px solid #ffffff09}
#agentContextTitle{font-weight:500;letter-spacing:.02em}
#agentOrigin{padding:5px 8px;min-height:32px;font-size:10px;line-height:1.5;color:#d7b59f}
#conversationSectionTitle{min-width:0;line-height:1.5}
.chat-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-origin{display:block;margin-top:3px;color:#a9a1a0;font-size:9px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message>.role:has(.agent-session-link){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.agent-session-link{font:400 10px/1.4 var(--font-inter);text-transform:none;letter-spacing:0;color:#bcbcc2;min-height:28px;background:transparent;border:0;border-bottom:1px solid #ffffff30;border-radius:0;padding:4px 0}
.agent-session-link:hover{background:transparent;color:#fff;border-color:#fff}
.inline-activities>.role:not([hidden]){margin:6px 0 8px;color:#fcddcf}
#workspaceFilesButton{width:100%;min-height:42px;text-align:left;padding:10px 12px;margin-bottom:10px;font-size:12px;color:#c4c4c7;border:1px solid #ffffff15;border-radius:9px}
#workspaceFilesButton:hover{background:#ffffff06;border-color:#ffffff38}
.workspace-files{width:min(680px,calc(100vw - 32px));max-height:min(80dvh,760px);margin:auto;padding:24px;background:#18181b;color:#f6f6f6;border:1px solid #55555b;border-radius:16px;box-shadow:0 20px 80px #0009;overflow:auto;scrollbar-width:thin}
.workspace-files::backdrop{background:#0009;backdrop-filter:blur(3px)}
.files-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.files-heading h2{font-size:18px;font-weight:500;margin:0}
#workspaceFilesClose{font-size:24px;line-height:1;width:44px;min-height:44px;padding:4px;color:#ddd}
.files-description,#workspaceFilesStatus{font-size:12px;line-height:1.6;color:#adadac}
#workspaceFilesStatus:empty{display:none}
#workspaceFilesPath{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:16px 0;border-bottom:1px solid #ffffff18;padding-bottom:10px}
#workspaceFilesPath button{min-height:36px;max-width:100%;padding:6px 10px;font-size:12px;overflow-wrap:anywhere}
#workspaceFilesPath button[aria-current]{color:#fff;background:#ffffff09}
#workspaceFilesPath button+button::before{content:'/';color:#777;margin-right:10px}
#workspaceFilesList{list-style:none;margin:0;padding:0}
.workspace-file{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-bottom:1px solid #ffffff0d;border-radius:6px;text-align:left;background:transparent;text-decoration:none;font:400 13px/1.5 var(--font-inter);color:#e5e5e8}
.workspace-file:hover{background:#ffffff08;color:#fff}
.file-symbol{width:16px;flex:none;color:#d6aa91;font-size:18px}
.file-name{flex:1;min-width:0;overflow-wrap:anywhere}
.file-size{flex:none;font-size:10px;color:#9e9ea5}
@media(max-width:480px){.workspace-files{padding:16px}.files-heading h2{font-size:16px}#agentOrigin{padding-inline:0}}

/* T2B specialist presentation: reuse Clysme symbols and palette. */
.sidebar-brand .tenant-logo[data-tenant="t2b"]{transform:scale(.6);transform-origin:center}
.agent-button:not(.agent-general){flex-direction:column;gap:7px;min-height:84px}
.agent-icon-wrap,.agent-icon{display:block;width:30px;height:30px;flex:none}
.agent-button[data-agent-id="contracts"]{--agent-color:#a8dbce}
.agent-button[data-agent-id="writer"]{--agent-color:#c4b9ff}
.agent-button[data-agent-id="editor"]{--agent-color:#75bfff}
.agent-button[data-agent-id="developer"]{--agent-color:#e4bd96}
.agent-button[data-agent-id="social_media"]{--agent-color:#e4bf88}
.agent-button:not(.agent-general):hover,.agent-button:not(.agent-general)[aria-pressed="true"]{border-color:var(--agent-color);background:color-mix(in srgb,var(--agent-color) 10%,#101010)}

/* Compact T2B welcome and specialist identity. */
.login-card .tenant-logo[data-tenant="t2b"]{transform:scale(.6);transform-origin:center}
.empty-agent-icon{margin-bottom:20px}
.empty-agent-icon .agent-icon{width:64px;height:64px}
.empty-agent-icon + h1{margin-top:0}

/* Specialist histories live in their own view; sidebar contains general sessions. */
.agent-sessions{flex:1;min-height:0;overflow:auto;padding:32px 0}
.agent-sessions h1{font-size:26px;margin:0 0 24px;font-weight:500}
.agent-sessions-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.agent-sessions-heading h2{font-size:14px;font-weight:500;margin:0;color:#bcbcbf}
#agentSessionsEmpty{font-size:13px;color:#adadac}
#agentSessionsList{display:flex;flex-direction:column;gap:8px}
#agentSessionsList .chat-row{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:14px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03;color:var(--color-quartz);font:400 14px/1.5 var(--font-inter);text-align:left}
#agentSessionsList .chat-row:hover{background:#ffffff09;border-color:#ffffff50}
#agentSessionsList .chat-title{min-width:0;flex:1;text-align:left;overflow-wrap:anywhere}
#agentSessionsList :is(.conversation-running,.conversation-attention){flex:none}
#agentSessionsBack{font-size:11px;min-height:36px}
.agent-sessions-open > :is(#messages,#viewLoading,#connectionStatus,#taskActivity,#taskOutcome,#approvals,#taskQueue,.compose){display:none!important}
#agentSessionsTitle:focus{outline:none}
#agentSessions button:focus-visible{outline:2px solid white;outline-offset:3px}