:root{color-scheme:light}.theme-picker{display:block;width:114px;margin-right:10px}.theme-picker .select-trigger{height:34px;min-height:34px;font-size:12px;padding:6px 10px}.theme-picker .select-options{min-width:145px;left:auto;right:0}.top-meta{position:relative}
:root[data-theme=dark]{color-scheme:dark;--ink:#e1e9ed;--muted:#9fb0ba;--line:#34434e;--paper:#121b22;--green:#7bcbae;--orange-dark:#edb37f;--sidebar:#10181f;background:#121b22;color:#e1e9ed}
:root[data-theme=dark] body{background:#121b22;color:#e1e9ed}
:root[data-theme=dark] :is(.topbar,.save-bar){background:#19242d;border-color:#34434e;color:#a6b8c4}
:root[data-theme=dark] :is(.topbar strong,h1,h2,h3,.csx-client,.materials-project .csx-client){color:#e3ecf0}
:root[data-theme=dark] .sidebar{background:#10181f;border-right:1px solid #293741}
:root[data-theme=dark] .nav-item.active{background:linear-gradient(120deg,#503320,#674024);color:#ffc69a;border:1px solid #8c542e}
:root[data-theme=dark] .demo-strip{background:#302820;border-color:#574331;color:#d8b797}
:root[data-theme=dark] .demo-strip b{background:#513822;color:#efc196}
:root[data-theme=dark] :is(.panel,.project-card,.quarter-card,.cal-board,.cal-day-panel,.empty){background:#1c2832;border-color:#344550;color:#dbe5eb}
:root[data-theme=dark] :is(.field>span,.field-hint,.field-help,.detail-location,.detail-meta,.location,.csx-identity p,.csx-reference,.csx-progress p,.csx-date,.csx-people,.materials-context,.materials-project p,.materials-help,.page-footer,.results-meta,.overview-item>span,.stock-updated,.cal-overview,.cal-side-heading>span,.cal-empty,.cal-empty p,.cal-forecast>p,.cal-forecast>a span,.cal-forecast>a small){color:#9cb0bd}
:root[data-theme=dark] :is(input,textarea,select,.secondary,.sort-trigger,.filter-reset,.calendar-trigger,.time-trigger){background:#22313d!important;border-color:#405361!important;color:#dfe8ed!important}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:#95a8b5}
:root[data-theme=dark] :is(input,textarea):focus{background:#293442!important;border-color:#bc885e!important;outline:none}
:root[data-theme=dark] :is(input,textarea,select):disabled{background:#19252e!important;color:#8c9fae!important;-webkit-text-fill-color:#8c9fae;border-color:#33434f!important}
:root[data-theme=dark] :is(.primary,.sort-trigger[aria-expanded=true],.select-trigger[aria-expanded=true]){background:linear-gradient(120deg,#4c3426,#63442e);color:#ffd1a9;border-color:#92623d;box-shadow:none}
:root[data-theme=dark] :is(.secondary:hover,.sort-trigger:hover,.filter-reset:hover){background:#2c3e4d!important}
:root[data-theme=dark] :is(.sort-options,.select-options,.calendar-popover,.time-popover,.state-options,.progress-info p){background:#22313c;border-color:#435767;box-shadow:0 12px 35px #0005;color:#e2ebf0}
:root[data-theme=dark] :is(.sort-options button,.state-options button,.calendar-popover button,.time-popover button){color:#dce6ec}
:root[data-theme=dark] :is(.sort-options button[aria-selected=true],.sort-options button[aria-pressed=true],.state-options button[aria-pressed=true],.calendar-popover button[aria-selected=true],.time-popover button[aria-pressed=true]){background:#503a29;color:#ffd0a4}
:root[data-theme=dark] :is(.sort-options button:hover,.state-options button:hover,.calendar-popover button:hover,.time-popover button:hover){background:#344553}
:root[data-theme=dark] :is(.select-title,.sort-options p,.calendar-title,.time-title,.time-label,.choice-hint){color:#aabecb}
:root[data-theme=dark] :is(.section-icon,.avatar,.analytics-avatar){background:#314351;color:#b4d0e1}
:root[data-theme=dark] :is(.advancement-row,.panel-title,.csx-actions,.csx-edit-form,.project-archive,.overview-item,.stock-old-label:before,.stock-old-label:after){border-color:#354853}
:root[data-theme=dark] :is(.compact-state summary,.stage,.material-check,.project-state-field){color:#c1d0da}
:root[data-theme=dark] :is(.mini-status span,.track-line,.compact-progress-track span,.segments span){background:#344550}
:root[data-theme=dark] :is(.mini-status .filled,.stage.checked .track-line,.segments .done){background:#69b493}
:root[data-theme=dark] :is(.progress-warning,.printer-warning,.compact-alert){color:#e6b984;background:#3b3122;border-color:#785d37}
:root[data-theme=dark] :is(.compact-clear,.csx-material.received){color:#89cdb2}
:root[data-theme=dark] :is(.reference-number,.project-id,.csx-date strong,.csx-people strong,.materials-context strong,.card-people strong,.project-technician strong,.project-vendor strong){color:#c4d5df}
:root[data-theme=dark] :is(.tone-scheduled,.tone-working){background:radial-gradient(ellipse at 100% 0,#28476a90,transparent 70%),#1b2935;border-color:#3b5974}
:root[data-theme=dark] .tone-installed{background:radial-gradient(ellipse at 100% 0,#28584470,transparent 70%),#1b2c2b;border-color:#3d6557}
:root[data-theme=dark] .tone-churn{background:radial-gradient(ellipse at 100% 0,#67364070,transparent 70%),#2c232c;border-color:#6b4651}
:root[data-theme=dark] :is(.tone-prechurn,.tone-stalled){background:radial-gradient(ellipse at 100% 0,#64512c60,transparent 70%),#292a29;border-color:#665b40}
:root[data-theme=dark] :is(.badge.scheduled,.badge.working){background:#263f57;color:#99c7ef}
:root[data-theme=dark] .badge.installed{background:#284a3d;color:#90d4b4}
:root[data-theme=dark] .badge.churn{background:#54333e;color:#efaab5}
:root[data-theme=dark] :is(.badge.prechurn,.badge.stalled){background:#49402e;color:#e4ca8d}
:root[data-theme=dark] :is(.info-banner,.frozen-label){background:#233c50;color:#b1cfe1;border-color:#3c5c70}
/* Operational cards: same hues, darker surfaces. */
:root[data-theme=dark] :is(.csx-tone-0,.printer-tone-0){--csx-color:#d7b76e;--csx-tint:#5d4b2b55;--csx-border:#63573b}
:root[data-theme=dark] :is(.csx-tone-1,.printer-tone-2){--csx-color:#e2ae7d;--csx-tint:#68452c55;--csx-border:#6b533d}
:root[data-theme=dark] :is(.csx-tone-2,.printer-tone-1,.printer-tone-3){--csx-color:#8ebbe9;--csx-tint:#284b7255;--csx-border:#3e5b76}
:root[data-theme=dark] :is(.csx-tone-3,.printer-tone-4,.printer-tone-5){--csx-color:#83cbaf;--csx-tint:#275e4b55;--csx-border:#3c6558}
:root[data-theme=dark] .csx-card{background:radial-gradient(ellipse at 100% 0,var(--csx-tint),transparent 70%),#1c2933;border-color:var(--csx-border)}
:root[data-theme=dark] .csx-segments i{background:#344550}
:root[data-theme=dark] .csx-segments i.filled{background:linear-gradient(90deg,var(--csx-color),color-mix(in srgb,var(--csx-color),#1c2933 35%))}
:root[data-theme=dark] .materials-missing-1{--material-border:#63563b;--material-glow:#604a2a55;--material-head:#493b2555;--material-ink:#ddbd7b;--material-soft:#463b28;--material-divider:#4d4637}
:root[data-theme=dark] .materials-missing-2{--material-border:#73533c;--material-glow:#71482a55;--material-head:#513a2855;--material-ink:#e9b183;--material-soft:#503c2d;--material-divider:#5d4838}
:root[data-theme=dark] .materials-missing-3{--material-border:#744853;--material-glow:#6f334755;--material-head:#51313d55;--material-ink:#eca5b3;--material-soft:#50333e;--material-divider:#603e48}
:root[data-theme=dark] .materials-card{background:radial-gradient(ellipse at 100% 0,var(--material-glow),transparent 70%),#1c2933}
:root[data-theme=dark] .stock-hub{--hub-ink:color-mix(in srgb,rgb(var(--hub-rgb)),white 30%);background:radial-gradient(ellipse at 100% 0,rgba(var(--hub-rgb),.13),transparent 70%),#1b2832;border-color:rgba(var(--hub-rgb),.3)}
:root[data-theme=dark] .stock-hub-header{color:#e0eaf0}
:root[data-theme=dark] .stock-product{background:#1c2a35;border-color:#374853;color:#b3c4cf}
:root[data-theme=dark] .stock-product.has-stock{background:linear-gradient(120deg,#1c2933,rgba(var(--hub-rgb),.09));border-color:rgba(var(--hub-rgb),.28);color:#e0e8ed}
:root[data-theme=dark] .stock-stepper input{background:transparent!important;border:0!important;color:var(--hub-ink)!important}
:root[data-theme=dark] .stock-hub-footer .primary{background:rgba(var(--hub-rgb),.17);color:var(--hub-ink);border-color:rgba(var(--hub-rgb),.3)}
/* Calendar */
:root[data-theme=dark] .cal-scheduled{--cal-ink:#9cc4ed;--cal-bg:#263e57;--cal-border:#3b5977}
:root[data-theme=dark] .cal-installed{--cal-ink:#92d0b1;--cal-bg:#284839;--cal-border:#40624f}
:root[data-theme=dark] .cal-churn{--cal-ink:#eba7b5;--cal-bg:#4b303d;--cal-border:#694653}
:root[data-theme=dark] .cal-weekday{background:#202e39;border-color:#344450;color:#abc0cd}
:root[data-theme=dark] .cal-day{border-color:#32424e}
:root[data-theme=dark] .cal-day.weekend{background:#1a252e}
:root[data-theme=dark] .cal-day.outside{background:#16222b}
:root[data-theme=dark] .cal-day.selected{background:linear-gradient(145deg,#3a3025,#332d27);box-shadow:inset 0 0 0 1px #90623e}
:root[data-theme=dark] .cal-day-button{color:#bed0dc}
:root[data-theme=dark] .cal-day-button.today{background:#715035;color:#ffdbb6}
:root[data-theme=dark] :is(.cal-chip,.cal-project){background:linear-gradient(125deg,#202d38,var(--cal-bg));color:var(--cal-ink)}
:root[data-theme=dark] :is(.cal-navigation strong,.cal-side-heading h2){color:#dce8ee}
:root[data-theme=dark] :is(.cal-board-heading,.cal-project>small){color:#adbfcb}
:root[data-theme=dark] .cal-forecast{background:radial-gradient(ellipse at 100% 0,#29456770,transparent 65%),#1b2935;border-color:#3b5671}
:root[data-theme=dark] .cal-forecast>a{border-color:#344e63}
:root[data-theme=dark] .cal-forecast>a strong{color:#aacce8}
:root[data-theme=dark] .cal-view-month .cal-more{background:#344856;color:#c0d8e8}
:root[data-theme=dark] :is(.dash-view-switch,.dashboard-design .dash-view-switch){background:#253541;border-color:#3c5262}
:root[data-theme=dark] .dash-view-switch button{color:#afc1cd}
:root[data-theme=dark] .dash-view-switch button[aria-pressed=true]{background:linear-gradient(145deg,#4b382a,#61432e);color:#f5c49d;box-shadow:inset 0 0 0 1px #826044}
:root[data-theme=dark] svg rect[fill="#eef2f5"],:root[data-theme=dark] svg rect[fill="#e8edf3"]{fill:#354854}
@media(max-width:760px){.theme-picker{width:94px;margin-right:0}.top-meta{gap:6px}.theme-picker .select-trigger{font-size:11px}.top-meta .divider{display:none}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Compact project information and shared controls. */
:root[data-theme=dark] .search{background:#22313d;border-color:#405361;color:#a4b8c7}
:root[data-theme=dark] .search input{background:transparent!important}
:root[data-theme=dark] :is(.track-caption,.card-track-row>strong,.compact-date>div>span,.card-people small,.compact-project .location,.compact-project .location>span){color:#b5c8d4}
:root[data-theme=dark] :is(.compact-date,.card-people,.project-vendor){border-color:#3b4c57}
:root[data-theme=dark] .card-track>span{background:#394b58}
:root[data-theme=dark] .card-track>span.filled{background:#d9a574}
:root[data-theme=dark] .card-track-row.is-ready>strong{color:#92d2b5}
:root[data-theme=dark] .card-track-row.is-ready .card-track>span.filled{background:#7bc5a3}
:root[data-theme=dark] :is(.compact-gaps,.due-tag){color:#e9c08b}
:root[data-theme=dark] .due-tag{background:#4a3928}
:root[data-theme=dark] .overview-item strong{color:#f3ba87;background:transparent}
:root[data-theme=dark] .overview-active strong{color:#9bc9f5}
:root[data-theme=dark] .overview-completed strong{color:#94d7b5}
:root[data-theme=dark] .overview-churn strong{color:#efacb9}
:root[data-theme=dark] .overview-pre-churn strong{color:#e5c080}
:root[data-theme=dark] .overview-stalled strong{color:#bbc4d9}
:root[data-theme=dark] input[readonly]{-webkit-text-fill-color:#dfe8ed;opacity:1}
:root[data-theme=dark] :is(.back-link,.compact-state>summary){background:#22343f;border-color:#405361;color:#d7e5ed}
:root[data-theme=dark] .stage.checked{background:#263f36;color:#a3d9c0}
:root[data-theme=dark] :is(.stage small,.advancement-row small,.progress-heading span,.progress-heading small){color:#aec2ce}
:root[data-theme=dark] .stage:not(:disabled):hover{background:#3c342b}
:root[data-theme=dark] .calendar-grid button[aria-pressed=true]{background:#543d2c;color:#ffd0a4}
:root[data-theme=dark] .calendar-footer{border-color:#405361}
:root[data-theme=dark] .project-state-control{--status-bg:#493526;--status-ink:#f3ba87;--status-border:#876144}
:root[data-theme=dark] .project-state-control.state-scheduled{--status-bg:#263f57;--status-ink:#a1cef4;--status-border:#547a9c}
:root[data-theme=dark] .project-state-control.state-installed{--status-bg:#284a3d;--status-ink:#99d8b9;--status-border:#527e68}
:root[data-theme=dark] .project-state-control.state-churn{--status-bg:#54333e;--status-ink:#efacb9;--status-border:#865765}
:root[data-theme=dark] .project-state-control.state-prechurn{--status-bg:#49402e;--status-ink:#e4ca8d;--status-border:#81724f}
:root[data-theme=dark] .project-state-control.state-stalled{--status-bg:#363b4a;--status-ink:#c0c7df;--status-border:#676d82}
:root[data-theme=dark] .field .project-state-control>.select-trigger{background:var(--status-bg)!important;color:var(--status-ink)!important;border-color:var(--status-border)!important;border-left-color:var(--status-ink)!important}
:root[data-theme=dark] :is(.dash-legend,.cal-overview strong){color:#b8d1e0}

:root[data-theme=dark] :is(.row-summary,.csx-material,.cal-forecast h2 span){color:#b5c8d4}
:root[data-theme=dark] .cal-forecast h2 span{background:#314657}
:root[data-theme=dark] .cal-overview b{color:#9bc7ed}
:root[data-theme=dark] .cal-overview span:last-child b{color:#8fceb0}
:root[data-theme=dark] .cal-side-heading h2 b{background:#314657;color:#b8d4ed}
/* Shared warning treatment across cards, details and operational pages. */
:root{--alert-bg:#fcf6e8;--alert-border:#d2a345;--alert-ink:#79551d}
:root[data-theme=dark]{--alert-bg:#b98a2520;--alert-border:#c9a04c;--alert-ink:#e7ce9b}
:root[data-theme] :is(.compact-alert,.progress-warning,.printer-warning,.menu-warning,.installation-warning){background:var(--alert-bg);color:var(--alert-ink);border:0;border-left:2px solid var(--alert-border);border-radius:0 4px 4px 0;padding:7px 10px;font-size:11px;line-height:1.5;min-height:0;box-shadow:none}
:root[data-theme] :is(.compact-alert,.progress-warning){display:flex;align-items:flex-start;gap:7px}
:root[data-theme] .compact-alert{margin:3px 0 10px}
:root[data-theme] :is(.printer-warning,.menu-warning,.progress-warning){margin:8px 0 0}
:root[data-theme] :is(.compact-alert,.progress-warning)>.icon{width:13px;height:13px;margin-top:2px;flex-shrink:0}