:root{--ui-bg:#f2f4f7;--ui-panel:#fff;--ui-soft:#eef2f6;--ui-line:#ced7e0;--ui-text:#1d3247;--ui-muted:#536578;--ui-link:#245979;--ui-good:#286346;--ui-warn:#865a19;--ui-bad:#a03930}
:root[data-theme="dark"]{--ui-bg:#101a24;--ui-panel:#192735;--ui-soft:#223343;--ui-line:#425568;--ui-text:#edf3f8;--ui-muted:#b6c6d6;--ui-link:#9acdf0;--ui-good:#95d6ae;--ui-warn:#f0cc8a;--ui-bad:#ffb3aa;--bg:var(--ui-bg);--surface:var(--ui-panel);--surface2:var(--ui-soft);--line:var(--ui-line);--text:var(--ui-text);--muted:var(--ui-muted);--cyan:var(--ui-link);--green:var(--ui-good);--amber:var(--ui-warn);--coral:var(--ui-bad)}
:root[data-theme="light"]{--bg:var(--ui-bg);--surface:var(--ui-panel);--surface2:var(--ui-soft);--line:var(--ui-line);--text:var(--ui-text);--muted:var(--ui-muted)}
#appShell .main{color:var(--ui-text)}
#appShell .main :is(.assistant-context,.assistant-chat,.assistant-reply,.job-commercial-preview,.portfolio-commercial-safeguard,.engineering-control-panel,.engineering-record,.engineering-workflow,.comparison-panel,.calendar-box,.diary-box,.notice-panel,.schedule-panel,.project-banner,.inner-detail,.inner-window,.workspace-detail,.workspace-table,.workspace-panel-grid article,.role-card,.access-panel){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none;border-radius:6px}
#appShell .main :is(.assistant-prompts button,.commercial-metrics>div,.safeguard-kpis>div,.settings-security-strip div,.timeline-head,.engineering-record footer em,.hero-chip,.record-layout aside){background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
#appShell .main :is(h1,h2,h3,h4,strong,th,td){color:var(--ui-text)}
#appShell .main :is(p,small,li,.page-copy,.eyebrow,.job-number,.job-meta,.panel-heading,.assistant-context>span,.engineering-record p){color:var(--ui-muted)!important}
#appShell .main :is(input,select,textarea){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
#appShell .main ::placeholder{color:var(--ui-muted);opacity:1}
#appShell .main :is(.back-button,.compact-action,.workspace-table button,.workspace-panel-grid button,.open-job){background:var(--ui-panel)!important;color:var(--ui-link)!important;border-color:var(--ui-line)!important}
#appShell .main :is(.primary-action,#assistantForm button,.exec-assistant button){background:#285877!important;color:#fff!important;border:1px solid #285877!important;border-radius:4px;font-weight:600}
#appShell .assistant-message>span{background:var(--ui-soft);color:var(--ui-link);border:1px solid var(--ui-line);border-radius:6px}
#appShell .assistant-prompts button{border-radius:4px;font-size:12px;padding:11px 14px}
#appShell .assistant-context small,#appShell .assistant-message p{font-size:12px!important}
#appShell .assistant-reply{font-size:13px;line-height:1.7}
#appShell .assistant-context,#appShell .assistant-chat{padding:24px}
#appShell .assistant-context h3{font-size:17px}
#appShell .assistant-context ul{font-size:13px}
#appShell .loss-guardrail{color:var(--ui-bad);border-color:var(--ui-bad);background:var(--ui-panel)}
#appShell .profit-note{color:var(--ui-good);border-color:var(--ui-good);background:var(--ui-panel)}
#appShell .main .profit{color:var(--ui-good)!important}#appShell .main .loss{color:var(--ui-bad)!important}
#appShell .exec-state{color:var(--ui-good)}#appShell .exec-state.attention,#appShell .exec-warning,#appShell .exec-level.amber{color:var(--ui-warn)}#appShell .exec-level{color:var(--ui-bad)}#appShell .exec-level.neutral{color:var(--ui-muted)}
#appShell .exec-panel :is(button,small){color:var(--ui-link)}
#appShell .exec-projects th{background:var(--ui-soft)}
#appShell .exec-priorities>button{background:var(--ui-panel);border-color:var(--ui-line)}
#appShell .exec-priorities>button:hover{background:var(--ui-soft)}
#appShell .exec-projects td,#appShell .exec-panel header,#appShell .exec-panel footer,#appShell .exec-agenda>div{border-color:var(--ui-line)}
#appShell .theme-control{font-size:10px;color:var(--ui-muted);display:flex;align-items:center;gap:8px}
#appShell .theme-control select{min-height:32px;padding:5px 8px;font-size:12px;border-radius:4px;background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-line)}
:root[data-theme="dark"] #appShell :is(.topbar,.search-button,.sign-out-button,.back-button){background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
:root[data-theme="dark"] #appShell :is(.live-status,.account-summary,.exec-date,.exec-projects button,.exec-panel header button){color:var(--ui-text)!important}
:root[data-theme="dark"] #appShell .commissioning-status,:root[data-theme="dark"] #appShell .commissioning-status strong{color:var(--ui-muted)!important}
:root[data-theme="dark"] #appShell .main :is(.status-pill,.status-chip,.module-icon,.exec-priorities header b,.exec-progress){background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
#appShell button:focus-visible,#appShell select:focus-visible,#appShell input:focus-visible{outline:3px solid #5c96bf;outline-offset:3px}
@media(max-width:700px){#appShell .theme-control{margin-right:auto;font-size:0;gap:0}#appShell .theme-control select{font-size:12px!important;min-height:34px}}
#appShell .nav-filter{display:block;margin:0 0 12px}#appShell .nav-filter input{min-height:34px;width:100%;font-size:11px;background:#1d3549;color:#e5edf4;border:1px solid #3b5265;padding:8px 10px;border-radius:4px}#appShell .nav-filter input::placeholder{color:#b8c7d4}#appShell .nav-group{border-top:1px solid #ffffff20;margin-top:12px;padding-top:8px}#appShell .nav-group summary{cursor:pointer;color:#d4dfe8;font-size:11px;padding:10px 5px;line-height:1.6}#appShell .nav-group summary small{color:#9bb0c2;font-size:10px}#appShell .nav-item[hidden]{display:none!important}#appShell .sidebar nav{flex:1;overflow-y:auto;min-height:0}#appShell .sidebar-foot{flex-shrink:0}#appShell .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#appShell .settings-card{background:var(--ui-panel);border:1px solid var(--ui-line);padding:24px;border-radius:6px;color:var(--ui-text)}#appShell .settings-card h2{font-size:18px;margin:0 0 15px}#appShell .settings-card p{font-size:12px;line-height:1.7}#appShell .settings-card label{display:flex;flex-direction:column;gap:7px;margin:18px 0;font-size:12px;color:var(--ui-text)}#appShell .settings-card select{width:100%;font-size:13px}#appShell .settings-card button{padding:10px 14px;margin:6px 5px 6px 0;font-size:12px}#appShell .settings-card .settings-checkbox{flex-direction:row;align-items:center}#appShell .settings-checkbox input{min-height:18px;width:18px}#settingsNotice{color:var(--ui-good);font-size:13px}:root[data-text-size="large"] #appShell .main{zoom:1.12}
@media(max-width:700px){#appShell .settings-grid{grid-template-columns:1fr}}
#appShell .sidebar .nav-item.active,#appShell .sidebar .nav-item:hover{color:#f3f7fb!important}#appShell .sidebar .nav-item.active .nav-icon{color:#bfd2e3!important}:root[data-theme="dark"] #appShell .account-summary small{color:var(--ui-muted)!important}
/* One appearance choice controls the entire interface, including navigation. */
#appShell .sidebar{background:var(--ui-panel)!important;border-right:1px solid var(--ui-line)!important;color:var(--ui-text)!important}
#appShell .sidebar :is(.menu-label,.nav-icon,.system-mark small){color:var(--ui-muted)!important}
#appShell .sidebar .nav-item{color:var(--ui-text)!important}
#appShell .sidebar .nav-item.active,#appShell .sidebar .nav-item:hover{background:var(--ui-soft)!important;color:var(--ui-text)!important;border-left-color:var(--ui-link)}
#appShell .sidebar .nav-item.active .nav-icon{color:var(--ui-link)!important}
#appShell .sidebar :is(.sidebar-head,.sidebar-foot){border-color:var(--ui-line)!important;color:var(--ui-text)!important}
#appShell .sidebar :is(.close-button,.help-button){color:var(--ui-muted)!important;background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
#appShell .sidebar .system-mark>span{background:var(--ui-soft)!important;color:var(--ui-text)!important}
#appShell .avatar,#appShell .split-menu-tab{background:var(--ui-soft)!important;color:var(--ui-text)!important}
#appShell .split-menu-arrow{color:var(--ui-text)!important}
#appShell .sidebar-head{gap:10px;align-items:center;padding:2px 4px 23px}
#appShell .control-brand{display:flex;align-items:center;gap:11px;min-width:0;background:transparent!important}
#appShell .sidebar-head .control-brand img,#appShell .control-brand img{width:48px;height:48px;object-fit:contain;object-position:center;background:transparent!important;border-radius:0;box-shadow:none;flex:0 0 48px}
#appShell .control-brand>span{font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--ui-text)}
#appShell .sidebar-head .close-button{flex:0 0 20px;width:20px}
#appShell .sidebar .footer-symbol{width:30px;height:30px;object-fit:contain;background:transparent}