/* One scale and one monitoring console for every section. */
:root{--console-surface:#fff;--console-label:#596e7b}
:root[data-theme=dark]{--console-surface:#1b2933;--console-label:#b6c7d2}
:root #main .page-heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px;margin:2px 0 28px}
:root #main .page-heading h1{font-size:34px;font-weight:650;line-height:1.2;letter-spacing:-1.1px;margin:0;flex-shrink:0}
:root #main .page-heading>.primary{margin-left:auto}
:root #main :is(.dash-title-row,.cal-title){display:flex;align-items:center;gap:20px;flex-wrap:wrap;width:auto;flex-basis:auto}
:root #main .page-heading .dash-view-switch{display:inline-flex;align-items:center;padding:4px;border-radius:12px;flex-shrink:0}
:root #main .page-heading .dash-view-switch button{min-height:32px;font-size:13px;padding:6px 17px;border-radius:8px}
:root #main .project-overview{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;width:auto;min-width:0;margin:0}
:root #main .overview-item{--console-rgb:194,126,62;--console-ink:#995f27;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:78px;min-height:66px;padding:9px 13px;text-align:center;border:1px solid rgba(var(--console-rgb),.19);border-radius:11px;background:linear-gradient(135deg,rgba(var(--console-rgb),.10),rgba(var(--console-rgb),.025) 90%),var(--console-surface);box-shadow:0 2px 5px #16232d03;cursor:default}
:root #main .overview-item strong{color:var(--console-ink);font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-.5px;font-variant-numeric:tabular-nums;background:transparent;margin:0}
:root #main .overview-item>span{color:var(--console-label);font-size:11px;line-height:1.3;margin:0;white-space:normal;max-width:150px}
:root #main :is(.overview-active,.csx-tone-2,.printer-tone-1,.printer-tone-3){--console-rgb:75,133,194;--console-ink:#3c72ac}
:root #main :is(.overview-completed,.csx-tone-3,.printer-tone-4){--console-rgb:57,151,108;--console-ink:#2d7c58}
:root #main .overview-churn{--console-rgb:191,84,106;--console-ink:#a44961}
:root #main :is(.overview-pre-churn,.csx-tone-0,.printer-tone-0){--console-rgb:184,149,61;--console-ink:#8d6c20}
:root #main .overview-stalled{--console-rgb:126,134,160;--console-ink:#66708d}
:root[data-theme=dark] #main .overview-item{--console-ink:#edb780}
:root[data-theme=dark] #main :is(.overview-active,.csx-tone-2,.printer-tone-1,.printer-tone-3){--console-ink:#9dc6ee}
:root[data-theme=dark] #main :is(.overview-completed,.csx-tone-3,.printer-tone-4){--console-ink:#91d0b0}
:root[data-theme=dark] #main .overview-churn{--console-ink:#edacbc}
:root[data-theme=dark] #main :is(.overview-pre-churn,.csx-tone-0,.printer-tone-0){--console-ink:#ddc582}
:root[data-theme=dark] #main .overview-stalled{--console-ink:#bec6df}
@media(max-width:760px){
 :root #main .page-heading{gap:16px 12px;margin-bottom:24px}
 :root #main .page-heading h1{font-size:28px;letter-spacing:-.8px}
 :root #main :is(.dash-title-row,.cal-title){gap:12px}
 :root #main .page-heading .dash-view-switch button{padding:6px 12px;font-size:12px}
 :root #main .project-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex-basis:100%;width:100%}
 :root #main :is(.materials-page,.stock-page,.calendar-page,.csx-page:not(.printer-page)) .project-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root #main .overview-item{min-width:0;min-height:66px;padding:9px 8px}
 :root #main .overview-item strong{font-size:24px}
 :root #main .overview-item>span{font-size:11px}
}
@media(max-width:760px){:root #main .page-heading>.primary{order:1}:root #main .page-heading>.project-overview{order:2}}
/* Fixed, shared label footprint; wrapping changes rows, never tile size. */
:root #main .project-overview{display:flex;flex-wrap:wrap;gap:8px}
:root #main .overview-item{width:104px;min-width:104px;max-width:104px;height:66px;min-height:66px;padding:9px 6px;flex:0 0 104px}
:root #main .overview-item>span{font-size:11px;line-height:15px;white-space:nowrap;max-width:100%}
@media(max-width:760px){:root #main :is(.materials-page,.stock-page,.calendar-page,.csx-page:not(.printer-page)) .project-overview{display:flex}}
:root #main .project-status-archive{margin-top:20px;padding-top:10px}
:root #main .project-status-archive .archive-count{display:inline-block;margin-left:8px;padding:3px 7px;font-size:12px;line-height:1.4;border-radius:5px;background:#e5ebee;color:#526877;vertical-align:middle}
:root[data-theme=dark] #main .project-status-archive .archive-count{background:#2b3d49;color:#bfd2df}
:root[data-theme=dark] #main .project-status-archive>summary{color:#d6e3eb}