/* 1.0.54: shared screen theme; retain page-specific grids and print styles. */
@media screen {
main.visual-pilot{--ink:#17364b;--text:#334e60;--muted:#687f90;--line:#dde7ec;--primary:#117b78;--primary-dark:#095e5c;padding-top:28px;font-size:15px}
.visual-pilot .page-heading{margin-bottom:24px;gap:20px}
.visual-pilot h1{font-size:28px;line-height:1.35;letter-spacing:0;font-weight:650;margin-bottom:8px}
.visual-pilot .eyebrow{font-size:11px;letter-spacing:1.6px;color:#738c9d;margin-bottom:8px}
.visual-pilot .page-heading p{font-size:14px;color:#687f90;line-height:1.7}
.visual-pilot h2{font-size:18px;line-height:1.5;font-weight:650}
.visual-pilot h3{font-size:16px;line-height:1.5}
.visual-pilot .panel,.visual-pilot .metric{border-color:#dde7ec;border-radius:10px;box-shadow:0 2px 5px #17364b03}
.visual-pilot .panel-heading{padding:16px 22px;border-bottom-color:#e5edf1}
.visual-pilot .panel-heading a,.visual-pilot .panel-heading>span{font-size:13px}
.visual-pilot .button{border-radius:6px;font-size:15px;min-height:42px;box-shadow:none}
.visual-pilot .button.primary{background:#117b78;border-color:#117b78}
.visual-pilot .button.primary:hover{background:#095e5c;border-color:#095e5c}
.visual-pilot .button:not(.primary):not(.danger):hover{background:#edf5f5;border-color:#bed8d6}
.visual-pilot :is(a,button,input,select,textarea):focus-visible{outline:2px solid #117b78;outline-offset:3px}
.visual-pilot .filters{padding:16px 20px;border-color:#dde7ec;border-radius:10px;box-shadow:none}
.visual-pilot .field>span{color:#597184;font-size:15px}
.visual-pilot input,.visual-pilot select,.visual-pilot textarea{border-color:#cedce5;color:#334e60;background-color:#fff}
.visual-pilot input::placeholder,.visual-pilot textarea::placeholder{color:#8295a3}
.visual-pilot .table-wrap table{font-size:15px}
.visual-pilot th{background:#edf3f6;color:#547084;font-size:14px;font-weight:600;padding:13px 18px;border-bottom:1px solid #dbe6ec;white-space:nowrap}
.visual-pilot td{padding:14px 18px;border-bottom:1px solid #e8eef2;color:#334e60;vertical-align:middle}
.visual-pilot tbody tr:last-child td{border-bottom:0}
.visual-pilot tbody tr:hover td{background:#f1f8f7}
.visual-pilot .numeric{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:500}
.visual-pilot .project-name{font-weight:600;color:#175f69}
.visual-pilot .muted{color:#718493}
.visual-pilot .badge{border-radius:5px;padding:4px 9px;font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap}
.visual-pilot :is(.status-draft,.status-archived){background:#edf1f4;color:#617484}
.visual-pilot :is(.status-pending,.status-incomplete){background:#fff3df;color:#956319}
.visual-pilot .status-returned{background:#fcebec;color:#a13f48}
.visual-pilot :is(.status-before,.status-during,.status-after){background:#e8f4f3;color:#176e6a}
.visual-pilot :is(.status-stocked,.status-allocated,.status-completed){background:#eaf4eb;color:#387044}
.visual-pilot .dashboard-summary{gap:20px}
.visual-pilot .dashboard-summary .metrics{gap:16px}
.visual-pilot .dashboard-summary .metric{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;position:relative}
.visual-pilot .dashboard-summary .metric:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 3px 3px 0;background:#8fc4bd}
.visual-pilot .metric>span{font-size:15px;color:#597184}
.visual-pilot .metric strong{font-size:30px;line-height:1.3;color:#173e52;font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums}
.visual-pilot .metric small{font-size:13px;color:#738797}
.visual-pilot .stage-chart{padding:16px 22px}
.visual-pilot .bar-row{font-size:14px;margin:13px 0}
.visual-pilot .bar-track{height:6px;background:#edf2f5}
.visual-pilot .bar-track i{background:#61a9a1}
.visual-pilot .project-progress{border-color:#dde7ec;border-radius:9px;padding:10px;margin-bottom:20px}
.visual-pilot .project-progress .current{color:#086e69;background:#e3f2ef;box-shadow:inset 0 -3px 0 #16867d;border-radius:5px;font-weight:700}
.visual-pilot .project-progress .past{color:#537f7d}
.visual-pilot .project-detail-toolbar{margin-bottom:20px}
.visual-pilot .tabs a{font-size:15px}
.visual-pilot .tabs a.active{color:#096d69;border-color:#16867d;font-weight:600}
.visual-pilot .project-overview-grid{gap:18px}
.visual-pilot .overview-info,.visual-pilot .overview-needs{padding:20px}
.visual-pilot .overview-metrics .metric{padding:16px 18px}
.visual-pilot .overview-metrics .metric strong{font-size:25px;margin:8px 0 0}
.visual-pilot .data-list dt{color:#718493}
.visual-pilot .data-list dd{color:#334e60}
.visual-pilot .help{color:#718493;font-size:13px}
.visual-pilot .card-dialog{border-color:#dbe6ec;box-shadow:0 20px 64px #17364b25}
.visual-pilot .card-dialog-toolbar{background:#f7fafb}
.visual-pilot .timeline-tile{box-shadow:none;border-radius:8px}
.visual-pilot .pagination{padding-top:16px;font-size:14px}
/* Preserve compact controls and school statistics in the shared theme. */
.visual-pilot .button.small{font-size:14px;min-height:36px;padding:7px 12px}
.visual-pilot .school-metrics .metric strong{font-size:28px;line-height:1.2}
.visual-pilot .school-metrics .metric{box-shadow:none}
.visual-pilot .login-card{border-color:#dde7ec;border-radius:10px;box-shadow:0 8px 30px #17364b08}
.visual-pilot .login-card h1{font-size:26px}
.visual-pilot .alert{border-radius:6px}
.visual-pilot .dashboard-reminder,.visual-pilot .file-preview-dialog{border-color:#dde7ec;border-radius:10px}
.visual-pilot .reminder-heading{background:#f7fafb}
@media(max-width:850px){main.visual-pilot{padding-top:22px}.visual-pilot h1{font-size:24px}.visual-pilot .metric strong{font-size:26px}.visual-pilot .panel-heading{padding:14px 16px}}
}

/* 1.0.57 dashboard equipment categories */
@media screen {
.visual-pilot .dashboard-with-categories{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:stretch}
.dashboard-with-categories>*{min-width:0}
.visual-pilot .dashboard-with-categories .panel-heading{padding:16px;flex-wrap:wrap;gap:10px}
.visual-pilot .dashboard-with-categories .panel-heading h2{font-size:17px}
.visual-pilot .dashboard-with-categories .stage-chart{padding:12px 16px}
.visual-pilot .dashboard-with-categories .bar-row{margin:10px 0;font-size:14px}
.visual-pilot .dashboard-with-categories .metrics{gap:12px}
.visual-pilot .dashboard-with-categories .metric{padding:16px;overflow-wrap:anywhere}
.visual-pilot .dashboard-with-categories .metric strong{font-size:clamp(22px,1.65vw,30px)}
.category-content{padding:16px}
.category-switch{display:flex;border:1px solid #dbe6ec;border-radius:6px;overflow:hidden}
.category-switch button{border:0;background:#fff;padding:7px 9px;color:#547084;font-size:13px}
.category-switch button[aria-pressed=true]{background:#117b78;color:white}
.category-chart-body{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(170px,1.1fr);align-items:center;gap:16px;min-height:230px}
.category-donut{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;width:100%;max-width:220px;margin:auto}
.category-donut>div{width:70%;height:70%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.category-donut strong{font-size:clamp(20px,1.6vw,28px);color:#17364b;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.category-donut small{font-size:12px;color:#687f90}
.category-ranking{display:grid;gap:14px;min-width:0}
.category-rank{display:grid;grid-template-columns:minmax(65px,1fr) minmax(20px,.7fr) 42px;align-items:center;gap:6px;border:0;background:none;padding:0;text-align:left;color:#334e60;font-size:13px;min-width:0;width:100%}
.category-rank>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-rank>i{background:#edf2f5;height:10px;border-radius:3px;overflow:hidden}
.category-rank b{display:block;height:100%;border-radius:3px;min-width:1px}
.category-rank small{text-align:right;font-size:12px}
.category-selection{background:#eef7f6;color:#176e6a;border-radius:6px;padding:10px 12px;margin-top:12px;font-size:14px;overflow-wrap:anywhere;min-height:42px}
.category-note{font-size:12px;color:#687f90;margin:12px 0 8px}
.category-unit{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}.category-unit select{width:100px;padding:5px;height:34px}
.category-empty{min-height:230px;display:grid;place-items:center;color:#718493;font-size:14px}
.category-all summary{cursor:pointer;color:#117b78;font-size:13px}.category-all .table-wrap{max-height:280px;overflow:auto;margin-top:10px}
.visual-pilot .category-all th,.visual-pilot .category-all td{font-size:13px;padding:8px}
.category-panel [hidden]{display:none!important}
@media(max-width:1450px){.visual-pilot .dashboard-with-categories{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.visual-pilot .dashboard-with-categories>.metrics{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.visual-pilot .dashboard-with-categories{grid-template-columns:1fr}.visual-pilot .dashboard-with-categories>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.category-chart-body{grid-template-columns:minmax(100px,.85fr) minmax(145px,1.15fr);gap:10px}.category-content{padding:12px}}
}
@media print{.category-panel [hidden]{display:none!important}.category-switch,.category-unit{display:none}.category-ranking{display:block}.category-rank{display:block;border:0;background:none}.category-donut{display:none}.category-all{display:none}}

/* 1.0.58: compact shared KPI panel; category details never resize dashboard. */
@media screen {
.visual-pilot .dashboard-with-categories{align-items:start}
.visual-pilot .dashboard-with-categories>.panel{height:450px;margin:0}
.visual-pilot .dashboard-with-categories .stage-chart{padding:8px 16px}
.visual-pilot .dashboard-with-categories .bar-row{margin:7px 0}
.visual-pilot .dashboard-kpis .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px;margin:0;height:calc(100% - 62px)}
.visual-pilot .dashboard-kpis .metric{border:0;border-radius:0;box-shadow:none;margin:0;padding:22px 14px;justify-content:center;gap:8px;min-width:0;background:transparent}
.visual-pilot .dashboard-kpis .metric:before{display:none}
.visual-pilot .dashboard-kpis .metric:nth-child(odd){border-right:1px solid #e6edf1}
.visual-pilot .dashboard-kpis .metric:nth-child(-n+2){border-bottom:1px solid #e6edf1}
.visual-pilot .dashboard-kpis .metric>span{font-size:14px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px}
.visual-pilot .dashboard-kpis .metric svg{width:30px;height:30px;padding:5px;border-radius:8px;background:#edf6f5;color:#117b78}
.visual-pilot .dashboard-kpis .metric:nth-child(3) svg{background:#fff5e6;color:#ac791d}
.visual-pilot .dashboard-kpis .metric strong{font-size:clamp(20px,1.55vw,28px);margin:0;line-height:1.25;white-space:nowrap}
.visual-pilot .dashboard-kpis .metric small{font-size:12px;line-height:1.5}
.category-panel .category-content{padding:12px 16px}.category-panel .category-chart-body{min-height:210px}.category-panel .category-donut{max-width:200px}
.category-panel [data-category-view=quantity] .category-chart-body{min-height:176px}.category-panel [data-category-view=quantity] .category-donut{max-width:176px}
.category-all-open{border:0;background:none;color:#117b78;font-size:13px;padding:4px 0;cursor:pointer}
.category-all-dialog{width:min(800px,94vw);max-height:80vh;padding:0;border:1px solid #dde7ec;border-radius:12px;box-shadow:0 22px 80px #122f4433;color:#334e60}
.category-all-dialog::backdrop{background:#122f4466}
.category-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dde7ec}
.category-dialog-heading button{background:none;border:0;color:#718493;font-size:26px;padding:0 6px}
.category-all-dialog .table-wrap{max-height:60vh;overflow:auto;padding:0 18px 18px}.category-all-dialog th{position:sticky;top:0}
@media(max-width:1450px){.visual-pilot .dashboard-with-categories>.dashboard-kpis{grid-column:1/-1;height:auto}.visual-pilot .dashboard-kpis .metrics{grid-template-columns:repeat(4,minmax(0,1fr));height:auto}.visual-pilot .dashboard-kpis .metric:nth-child(n){border:0;border-right:1px solid #e6edf1}.visual-pilot .dashboard-kpis .metric:last-child{border:0}}
@media(max-width:850px){.visual-pilot .dashboard-with-categories>.panel{height:auto;min-height:0}.visual-pilot .dashboard-kpis .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-pilot .dashboard-kpis .metric:nth-child(n){border:0}.visual-pilot .dashboard-kpis .metric:nth-child(odd){border-right:1px solid #e6edf1}.visual-pilot .dashboard-kpis .metric:nth-child(-n+2){border-bottom:1px solid #e6edf1}.category-panel .category-chart-body{min-height:200px}}
}
@media print{.category-all-dialog,.category-all-open{display:none!important}}

/* 1.0.59: units share the heading toolbar, never consume chart space. */
@media screen {
.category-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}
.category-unit.category-unit-toolbar{margin:0;gap:6px;font-size:12px;color:#687f90;white-space:nowrap}
.category-unit-toolbar select{width:66px;height:34px;padding:4px 6px;border-radius:6px;font-size:13px}
.category-panel [data-category-view=quantity] .category-chart-body{min-height:210px}
.category-panel [data-category-view=quantity] .category-donut{max-width:200px}
@media(max-width:850px){.category-toolbar{gap:6px}.category-panel [data-category-view=quantity] .category-chart-body{min-height:200px}}
}

/* 1.0.63: compact project origin and nine-cell summary. */
@media screen {
.filters .field:has(select[name="source"]){flex:0 0 76px;min-width:76px;max-width:76px}.filters select[name="source"]{padding-left:8px;padding-right:18px}
.visual-pilot .dashboard-with-categories{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1.5fr)}
.visual-pilot .dashboard-nine .metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:10px;height:calc(100% - 62px)}
.visual-pilot .dashboard-nine .metric:nth-child(n){border:0;border-right:1px solid #e6edf1;border-bottom:1px solid #e6edf1;padding:10px;gap:5px;overflow:hidden}
.visual-pilot .dashboard-nine .metric:nth-child(3n){border-right:0}.visual-pilot .dashboard-nine .metric:nth-child(n+7){border-bottom:0}
.visual-pilot .dashboard-nine .metric>span{font-size:13px;gap:6px}.visual-pilot .dashboard-nine .metric svg{width:24px;height:24px;padding:4px}
.visual-pilot .dashboard-nine .metric strong{font-size:clamp(17px,1.2vw,23px);white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.visual-pilot .dashboard-nine .metric small{font-size:11px}.metric-sources em{font-size:16px;font-style:normal;color:#93a6b2;font-weight:400}
.visual-pilot .dashboard-nine .metric-reserved{align-items:center;background:#fafcfd;color:#a4b3bd}.visual-pilot .dashboard-nine .metric-reserved .reserved-symbol{font-size:22px;font-weight:300;line-height:1}.visual-pilot .dashboard-nine .metric-reserved small{color:#a4b3bd}
@media(max-width:1450px){.visual-pilot .dashboard-with-categories{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.visual-pilot .dashboard-nine .metrics{height:360px}}
@media(max-width:850px){.visual-pilot .dashboard-with-categories{grid-template-columns:1fr}.visual-pilot .dashboard-nine .metrics{height:380px}.visual-pilot .dashboard-nine .metric:nth-child(n){padding:8px}}
}

.category-empty.category-empty-guided{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px 16px;min-height:245px}.category-empty-icon{display:grid;place-items:center;width:60px;height:60px;background:#edf5f4;border-radius:16px;color:#6c9a96;margin-bottom:4px}.category-empty-icon svg{width:30px;height:30px}.category-empty-guided strong{font-size:16px;font-weight:500;color:#506e7c}.category-empty-guided p{font-size:13px;line-height:1.7;margin:0;color:#778f9d}.category-empty-guided small{font-size:12px;color:#8c9faa}
.visual-pilot .dashboard-nine .metric-todo{color:inherit;text-decoration:none;cursor:pointer;transition:background .15s}.visual-pilot .dashboard-nine .metric-todo:hover{background:#edf7f5}.visual-pilot .dashboard-nine .metric-todo:focus-visible{outline:2px solid #16867d;outline-offset:-3px}.visual-pilot .dashboard-nine .metric-todo small{color:#167b78}
