/* Shared surfaces and controls for both work modes and themes. */
.prompt-activity{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font:12px/1.3 var(--font);margin:0 6px;flex-shrink:0}
.prompt-activity[hidden]{display:none}
.activity-ring{display:block;width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:prompt-spin .85s linear infinite}
.prompt-activity.waiting .activity-ring{animation:none;border-color:var(--accent);border-style:dotted}
@keyframes prompt-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.activity-ring{animation:none}}
@media(max-width:600px){.prompt-activity{max-width:110px;font-size:11px;gap:6px}.activity-ring{flex-shrink:0;width:16px;height:16px}}
.auth-mark .supplied-full-logo,.brand .supplied-wordmark,.brand .brand-mark,
.auth-head img,.empty-mark img,.msg img.avatar{filter:none!important;box-shadow:none!important}
.empty-mark::before{display:none}
:root[data-theme="dark"] .brand .supplied-wordmark{background:#edf1f6;border-radius:8px;padding:6px 8px}
.sidebar{gap:8px}.sidebar-foot{margin-top:auto;border:0}
.engine-picker{margin:0 0 8px;min-width:0!important}
.engine-picker select{font:600 21px/1.3 var(--font);padding:10px 12px;border-radius:10px;max-width:100%}
.engine-picker select:hover{background:var(--hover)}
.engine-picker option{background:var(--raised);color:var(--text)}
.codex-mode #codexView{background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--text);padding:28px max(24px,calc((100% - 900px)/2));}
#codexView h1{font:650 26px/1.3 var(--font);letter-spacing:-.035em;margin-bottom:12px}
#codexView p{color:var(--muted);font:14px/1.65 var(--font);margin:12px 0}
#codexView>p:first-of-type{max-width:760px}
#codexView button,#codexView select,#codexView input,
.toolbox-dialog button,.toolbox-dialog input:not([type=checkbox]):not([type=color]),
.toolbox-dialog textarea,.toolbox-dialog select{
 background:var(--raised);color:var(--text);border:0;border-radius:10px;
 font:14px/1.45 var(--font);padding:10px 14px;min-height:40px;box-shadow:var(--shadow-sm);
}
#codexView button:hover,.toolbox-dialog button:hover{background:var(--hover)}
#codexView button:disabled,.toolbox-dialog button:disabled{opacity:.45;cursor:default;box-shadow:none}
#codexView input{background:var(--sunken);box-shadow:none}
#codexView input::placeholder{color:var(--faint)}
#codexView #codexConnect,#codexView #codexNewProject{background:var(--solid);color:var(--solid-text)}
#codexView #codexConnect:hover,#codexView #codexNewProject:hover{opacity:.88;background:var(--solid)}
#codexView a,.toolbox-dialog a{color:var(--accent)}
#codexSetup{padding:16px 18px;background:var(--sunken);border-radius:14px;margin:20px 0}
#codexView summary{font:500 14px/1.5 var(--font);color:var(--muted);padding:6px 0}
#codexView .codex-project-row{gap:8px;margin:16px 0 8px}
#codexView .codex-project-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0}
#codexProjects{min-width:160px;max-width:300px}
#codexView #codexPath{font:12px/1.5 var(--mono);color:var(--faint);margin:8px 0}
#codexView #codexStatus{color:var(--muted);font-size:13px;min-height:20px}
#codexHistory article{margin:20px 0;padding:18px 20px;background:var(--raised);border-radius:14px;box-shadow:none}
#codexHistory strong{font:600 13px/1.5 var(--font);color:var(--accent)}
#codexHistory pre,#codexReply{font:15px/1.75 var(--font);margin:8px 0 0;color:var(--text)}
#codexLog,#codexApprovals pre{background:var(--code-bg);color:var(--text);padding:16px;border-radius:12px;font:13px/1.6 var(--mono)}
#codexApprovals section{background:var(--accent-soft);color:var(--text);padding:18px;border-radius:14px}
.codex-mode .composer-wrap{margin-bottom:0!important;padding-top:16px;padding-bottom:20px;max-width:948px}
.codex-mode .topbar{background:transparent}
.toolbox-dialog{background:var(--raised);color:var(--text);border:0;border-radius:18px;box-shadow:var(--shadow-lg)}
.toolbox-dialog::backdrop{background:var(--scrim)}
.toolbox-dialog p,.toolbox-dialog li{color:var(--muted)}
.tool-list article,.toolbox-dialog details{background:var(--sunken);border-radius:12px}
.toolbox-dialog #toolboxNotice{color:var(--accent)}
#plusMenu{background:var(--raised);color:var(--text);border:0;box-shadow:var(--shadow-lg);border-radius:16px}
#plusMenu small,#plusMenu kbd{color:var(--muted)}
#plusMenu button:hover,#plusMenu button:focus-visible{background:var(--hover)}
.workbench h2,.toolbox-dialog h2{font:600 22px/1.35 var(--font)}
@media(max-width:820px){
 .codex-mode #codexView{padding:20px 16px}
 .codex-mode .composer-wrap{padding:12px 14px max(12px,env(safe-area-inset-bottom))}
 #codexSetup{padding:14px}#codexView input{width:100%;margin:4px 0}
 #codexHistory article{padding:16px}#codexProjects{min-width:120px;max-width:180px}
}