/* Patrol dashboard: a focused navy, white and restrained gold working surface. */
body[data-route="dashboard"]{background:#edf2f6}
body[data-route="dashboard"] .content{max-width:1640px;margin:0 auto;padding:28px 32px 32px}
body[data-route="dashboard"] .ops-banner{background:transparent;border:0;border-bottom:1px solid #d8e1e9;border-radius:0;padding:0 0 16px;margin:0 0 24px;box-shadow:none}
body[data-route="dashboard"] .ops-banner .subtle{font-size:13px;line-height:1.5}
.dashboard-page{--dash-ink:#132d46;--dash-muted:#52677a;--dash-line:#d8e2eb;--dash-gold:#b58b3e;--dash-surface:#fff;color:var(--dash-ink)}
.dashboard-page .page-head{align-items:center;margin:0 0 8px;gap:20px}
.dashboard-page .page-head h1{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.035em;margin-bottom:8px}
.dashboard-page .page-head .subtle{font-size:15px;color:var(--dash-muted);line-height:1.5}
.dashboard-page .page-head .btn{border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:700}
.dashboard-page .page-head .primary{background:#193c5a;border-color:#193c5a;color:#fff}
.dashboard-page .dashboard-updated{display:flex;flex-wrap:wrap;gap:5px 16px;justify-content:space-between;color:var(--dash-muted);font-size:12px;margin:16px 0 18px;letter-spacing:.01em}
.dashboard-page .dashboard-grid{gap:20px}
.dashboard-page .dashboard-widget{border:1px solid var(--dash-line);border-radius:14px;padding:23px;background:var(--dash-surface);box-shadow:0 3px 12px #183b5a05;transition:border-color .16s ease,box-shadow .16s ease;--accent:#254d6d}
.dashboard-page .dashboard-widget:hover{box-shadow:0 5px 20px #183b5a09;border-color:#b8c9d8}
.dashboard-page .widget-heading{gap:12px;margin-bottom:20px;align-items:flex-start}
.dashboard-page .widget-heading h2{font-size:19px;font-weight:750;letter-spacing:-.02em;margin:0}
.dashboard-page .widget-heading p{font-size:13px;line-height:1.55;color:var(--dash-muted);margin:7px 0 0}
.dashboard-page .widget-icon{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#edf3f8;color:#285775}
.dashboard-page .widget-icon svg{width:20px;height:20px}
.dashboard-page .widget-link{font-size:14px;min-height:42px;font-weight:750;color:#255879;margin-top:8px}
.dashboard-page .shift-widget{background:#112d46;border:1px solid #112d46;border-top:3px solid #c6a055;box-shadow:0 7px 22px #12345316;padding:25px 28px;color:#fff;display:flex;flex-direction:column}
.dashboard-page .shift-widget:after{display:none}
.dashboard-page .shift-eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:#e2c791;margin-bottom:5px}
.dashboard-page .shift-widget h2{font-size:15px;color:#c1d0dc;margin:7px 0 3px;font-weight:500}
.dashboard-page .shift-date{font-size:35px;font-weight:750;letter-spacing:-.025em;line-height:1.2;margin:3px 0 15px}
.dashboard-page .shift-widget .dash-meta{gap:8px}
.dashboard-page .shift-widget .pill{font-size:14px;padding:6px 10px;border:1px solid #577084;background:#1d3c57;color:#fff;font-weight:650;border-radius:6px}
.dashboard-page .shift-summary{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;margin:22px 0 14px;padding-top:18px;border-top:1px solid #466178}
.dashboard-page .shift-summary small{font-size:11px;letter-spacing:.1em;color:#b7c8d6}
.dashboard-page .shift-summary b{font-size:16px;color:#fff;margin-top:6px;font-weight:650}
.dashboard-page .shift-widget .widget-link{color:#f2d49a;margin-top:auto;padding-top:12px;align-self:flex-start}
.dashboard-page .shift-coverage{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 0 0;margin-top:4px;border-top:1px solid #466178}
.dashboard-page .shift-coverage>span{font-size:12px;color:#b7c8d6;max-width:100px;line-height:1.45}
.dashboard-page .shift-coverage>div{display:flex;align-items:baseline;gap:7px}
.dashboard-page .shift-coverage b{font-size:20px;line-height:1.2;letter-spacing:-.02em;color:#fff}
.dashboard-page .shift-coverage small{font-size:11px;color:#ccdae4}
.dashboard-page .weather-widget{padding:25px;background:#fff;border-top:3px solid #a7bbcc}
.dashboard-page [data-widget-id="actions"]{border:0;padding:0;background:transparent;box-shadow:none}
.dashboard-page [data-widget-id="actions"] .widget-heading{margin:2px 0 12px}
.dashboard-page .action-metrics{gap:12px}
.dashboard-page .action-metric,.dashboard-page .action-metric:nth-child(n){background:#fff;color:#183751;border:1px solid var(--dash-line);border-top:3px solid #b2c4d2;border-radius:11px;min-height:146px;padding:16px 18px;box-shadow:0 2px 5px #15385804;gap:8px;filter:none}
.dashboard-page .action-metric.has-items{border-top-color:#b58b3e}
.dashboard-page .action-metric:hover{border-color:#7899b4;background:#f8fbfe;box-shadow:0 5px 14px #1439570a;transform:translateY(-1px)}
.dashboard-page .action-metric span{color:#486276;font-size:14px;line-height:1.35;font-weight:700}
.dashboard-page .action-metric b{font-size:38px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:750;color:#173e5d}
.dashboard-page .action-metric small{font-size:12px;color:#62788a;margin-top:auto;font-weight:500}
.dashboard-page [data-widget-id="timeline"]{border-top:3px solid #345974}
.dashboard-page .workbench-heading h2{font-size:20px;letter-spacing:-.025em}
.dashboard-page .workbench-heading p{font-size:13px;line-height:1.5;color:var(--dash-muted)}
.dashboard-page .workbench-badge{width:44px;height:50px;object-fit:contain}
.dashboard-page .timeline-summary{margin:16px 0 18px;align-items:center}
.dashboard-page .timeline-summary>b{font-size:30px;color:var(--dash-ink);letter-spacing:-.03em}
.dashboard-page .timeline-summary small{font-size:14px;font-weight:500;color:var(--dash-muted);letter-spacing:0}
.dashboard-page .timeline-hour{border-radius:8px;border:1px solid #e0e7ed;padding:7px;min-width:54px;background:#fbfcfd}
.dashboard-page .timeline-hour[aria-pressed="true"]{border-color:#294e6b;box-shadow:0 0 0 1px #294e6b;background:#edf3f8}
.dashboard-page .timeline-hour strong{font-size:13px;color:#2d4b64;font-variant-numeric:tabular-nums}
.dashboard-page .timeline-hour small{font-size:12px;color:#586b7d;white-space:nowrap}
.dashboard-page .timeline-bar{border-radius:5px}
.dashboard-page .timeline-bar b{font-size:22px;font-weight:750}
.dashboard-page .timeline-detail{background:#f5f8fb;border:1px solid #dbe5ed;border-radius:9px;padding:14px 17px}
.dashboard-page .timeline-detail h3{font-size:16px;margin:0 0 12px}
.dashboard-page .timeline-segment{font-size:14px;line-height:1.6}
.dashboard-page .control-help{font-size:13px;line-height:1.6;color:var(--dash-muted)}
.dashboard-page .staffing-days{gap:10px;max-height:480px;padding:0 3px 3px 0}
.dashboard-page .staffing-day{border:1px solid #dbe4eb;border-left:3px solid #2b8065;border-radius:8px;background:#f8fbfa;padding:12px;gap:7px;min-height:132px;box-shadow:none}
.dashboard-page .staffing-day.shortage{border-left-color:#b78124;border-top:1px solid #eadbc0;background:#fffbf3}
.dashboard-page .staffing-day.adequate{background:#f6fbf8;border-top:1px solid #d5e7df}
.dashboard-page .staffing-day b{font-size:14px;color:var(--dash-ink);font-weight:750}
.dashboard-page .staffing-day span{font-size:15px;line-height:1.35;font-weight:750}
.dashboard-page .staffing-day small{font-size:12px;line-height:1.5;color:#4c6275}
.dashboard-page .staffing-day .staffing-day-state{font-size:11px;font-weight:750;letter-spacing:.025em;color:#27634d}
.dashboard-page .staffing-day.shortage .staffing-day-state{color:#845917}
.dashboard-page .staffing-day .staffing-absence{background:#edf0f8;color:#425477;font-size:12px;padding:5px 7px}
.dashboard-page .widget-alert{border:1px solid #ecd8af;border-left:3px solid #b48431;background:#fff9ef;padding:13px 15px;border-radius:8px;margin-bottom:14px;font-size:13px;line-height:1.5}
.dashboard-page .upcoming-list>div{grid-template-columns:105px minmax(0,1fr) auto;padding:15px 0;gap:14px;align-items:center;border-color:#e3eaf0}
.dashboard-page .upcoming-list .upcoming-date{font-size:14px;font-weight:650;color:#536c80}
.dashboard-page .upcoming-list b{font-size:15px;color:var(--dash-ink)}
.dashboard-page .upcoming-list strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#274f6c}
.dashboard-page .upcoming-list small{font-size:12px;line-height:1.5;color:var(--dash-muted)}
.dashboard-page .widget-big-number{font-size:36px;color:#173e5d;font-weight:750}
.dashboard-page .widget-big-number small,.dashboard-page .widget-stat-line{font-size:14px}
.dashboard-page .widget-feature-value{font-size:20px;line-height:1.45;color:var(--dash-ink);font-weight:700}
.dashboard-page .mini-equation{border:1px solid #d9e7e0;background:#f3f9f6;border-radius:8px;padding:12px;margin:16px 0 4px}
.dashboard-page .mini-equation b{font-size:16px;color:#296348}.dashboard-page .mini-equation span{font-size:12px;color:#567267}
.dashboard-page .dashboard-widget>.subtle,.dashboard-page .briefing-snippet{font-size:14px;line-height:1.65;color:var(--dash-muted)}
.dashboard-page .time-bank,.dashboard-page .time-bank:nth-child(n){background:#f3f6f9;border:1px solid #e0e7ee;border-radius:8px;padding:12px 7px;color:#23465f}
.dashboard-page .time-bank b{font-size:25px;font-variant-numeric:tabular-nums}.dashboard-page .time-bank span{font-size:11px;line-height:1.4;color:#556b7d}
.dashboard-page .period-progress{height:7px;margin:18px 0;background:#e2e9f0}.dashboard-page .period-progress span{background:#b58b3e}
.dashboard-page .dashboard-quick{gap:9px}.dashboard-page .dashboard-quick button{background:#f7f9fc;color:#254c6a;border:1px solid #dce5ed;padding:14px;font-size:14px;min-height:48px;border-radius:8px;font-weight:650}
.dashboard-page .dashboard-quick button:hover{background:#edf3f8;border-color:#9db5c8}
.dashboard-page .record-section{border:1px solid var(--dash-line);border-radius:14px;padding:22px;background:#fff;margin-top:20px}
.dashboard-page .record-section h2{font-size:19px}.dashboard-page .training-alert-row{padding:14px 0}
.dashboard-page .widget-control-head p,.dashboard-page .widget-control-row label,.dashboard-page .widget-density{font-size:14px}
.dashboard-page .dashboard-compact .dashboard-widget{padding:17px}.dashboard-page .dashboard-compact .action-metric{min-height:120px;padding:13px}
.dashboard-page [hidden]{display:none!important}
.dashboard-page button:focus-visible{outline:3px solid #d1a64f;outline-offset:3px}
body.dark[data-route="dashboard"]{background:#0c1a28}
body.dark .dashboard-page{--dash-ink:#e5eef6;--dash-muted:#a4b7c8;--dash-line:#2f475c;--dash-surface:#142839}
body.dark[data-route="dashboard"] .ops-banner{border-color:#30465a}
body.dark .dashboard-page .shift-widget{background:#11304c;border-color:#37546c;border-top-color:#c6a055}
body.dark .dashboard-page .weather-widget,body.dark .dashboard-page .action-metric:nth-child(n),body.dark .dashboard-page .record-section{background:#142839;color:#e5eef6;border-color:#30495e}
body.dark .dashboard-page .action-metric.has-items{border-top-color:#c6a055}
body.dark .dashboard-page .action-metric b,body.dark .dashboard-page .upcoming-list strong,body.dark .dashboard-page .widget-big-number{color:#d8eafa}
body.dark .dashboard-page .action-metric span,body.dark .dashboard-page .action-metric small,body.dark .dashboard-page .staffing-day small{color:#afc3d3}
body.dark .dashboard-page .widget-icon,body.dark .dashboard-page .timeline-detail,body.dark .dashboard-page .time-bank:nth-child(n),body.dark .dashboard-page .dashboard-quick button{background:#1c344a;color:#d3e6f4;border-color:#36536a}
body.dark .dashboard-page .staffing-day.adequate{background:#17362f;border-color:#315c4b}.dark .dashboard-page .staffing-day.shortage{background:#352e21;border-color:#675538}
body.dark .dashboard-page .staffing-day .staffing-day-state{color:#a9d3bd}.dark .dashboard-page .staffing-day.shortage .staffing-day-state{color:#e9c789}
body.dark .dashboard-page .staffing-day .staffing-absence{background:#283b56;color:#c3d9f2}
body.dark .dashboard-page .widget-alert{background:#342c20;border-color:#635133;color:#e4d3b4}
body.dark .dashboard-page .timeline-hour{background:#122638;border-color:#31495c}.dark .dashboard-page .timeline-hour strong,.dark .dashboard-page .timeline-hour small{color:#c8dbea}
body.dark .dashboard-page .timeline-hour[aria-pressed="true"]{background:#294359;border-color:#d2b575;box-shadow:0 0 0 1px #d2b575}
body.dark .dashboard-page .mini-equation{background:#19372f;border-color:#305444}.dark .dashboard-page .mini-equation b,.dark .dashboard-page .mini-equation span{color:#b5d9c9}
body.dark .dashboard-page .time-bank span{color:#b0c4d4}
@media(min-width:1201px){.dashboard-page .shift-widget{min-height:300px}.dashboard-page .weather-widget{min-height:300px}}
@media(max-width:1100px){body[data-route="dashboard"] .content{padding:22px}.dashboard-page .shift-summary{grid-template-columns:1fr 1fr;gap:15px}.dashboard-page .shift-summary>div:last-child{grid-column:1/-1}.dashboard-page .shift-date{font-size:29px}.dashboard-page .action-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-page .action-metric:last-child{grid-column:auto}.dashboard-page .action-metric{min-height:130px}.dashboard-page .upcoming-list>div{grid-template-columns:80px 1fr;gap:7px}.dashboard-page .upcoming-list strong{grid-column:2}}
@media(max-width:700px){body[data-route="dashboard"] .content{padding:18px 14px 95px}.dashboard-page .page-head{align-items:flex-start;gap:12px}.dashboard-page .page-head h1{font-size:29px}.dashboard-page .page-head .toolbar{width:100%;gap:8px}.dashboard-page .page-head .btn{flex:1;padding:10px}.dashboard-page .dashboard-updated{font-size:12px;margin-bottom:15px}.dashboard-page .dashboard-grid{gap:15px}.dashboard-page .dashboard-widget{padding:19px}.dashboard-page .shift-widget{padding:22px}.dashboard-page .shift-summary{grid-template-columns:1fr 1fr 1.3fr;gap:12px}.dashboard-page .shift-summary>div:last-child{grid-column:auto}.dashboard-page .shift-summary b{font-size:14px}.dashboard-page .shift-summary small{font-size:11px}.dashboard-page .shift-date{font-size:30px}.dashboard-page .shift-coverage{gap:10px 18px}.dashboard-page .shift-coverage>span{max-width:none;width:100%}.dashboard-page .action-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-page .action-metric:nth-child(n){min-height:127px;padding:14px}.dashboard-page .action-metric:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:90px}.dashboard-page .action-metric:last-child small{grid-column:1/-1}.dashboard-page .action-metric b{font-size:32px}.dashboard-page .staffing-days{gap:8px}.dashboard-page .staffing-day{padding:10px}.dashboard-page .staffing-day span{font-size:14px}.dashboard-page .upcoming-list>div{grid-template-columns:95px 1fr auto;gap:8px}.dashboard-page .upcoming-list strong{grid-column:auto}.dashboard-page .widget-heading{margin-bottom:15px}.dashboard-page .dashboard-quick button{padding:12px}.dashboard-page .timeline-summary{flex-wrap:wrap;gap:10px}}
@media(max-width:380px){.dashboard-page .shift-summary{grid-template-columns:1fr 1fr}.dashboard-page .shift-summary>div:last-child{grid-column:1/-1}.dashboard-page .staffing-days{grid-template-columns:1fr}.dashboard-page .upcoming-list>div{grid-template-columns:85px 1fr}.dashboard-page .upcoming-list strong{grid-column:2}}
@media(prefers-reduced-motion:reduce){.dashboard-page .dashboard-widget,.dashboard-page .action-metric{transition:none}.dashboard-page .action-metric:hover{transform:none}}
.dashboard-page .weather-widget .nopd-weather{padding:0;background:transparent}

/* North Olmsted command desk: civic identity, deliberate iconography and scanable counts. */
.department-masthead{display:flex;align-items:center;gap:16px;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid var(--dash-line)}
.department-masthead img{object-fit:contain;mix-blend-mode:multiply;flex:none}
.department-masthead>div{display:grid;gap:5px}.department-masthead>div>b{font-size:18px;letter-spacing:-.015em}.department-masthead>div>span{font-size:14px;color:var(--dash-muted)}
.department-masthead i{font-style:normal;margin:0 8px;color:#b38c43}.department-platoon{margin-left:auto;text-align:right;font-size:12px;line-height:1.7;letter-spacing:.1em;color:var(--dash-muted)}.department-platoon b{font-size:15px;color:var(--dash-ink);letter-spacing:.04em}
.dashboard-page .page-head h1{font-size:clamp(28px,3vw,38px)}
.dashboard-page .dashboard-grid{gap:22px}.dashboard-page .dashboard-widget{border-radius:16px}
.dashboard-page .widget-icon{width:38px;height:38px;border:1px solid #d4e1ec;border-radius:11px;background:#edf4fa;color:#285572;box-shadow:inset 0 1px 0 #fff}
.dashboard-page .widget-icon .ui-icon{width:23px;height:23px;stroke-width:1.65}
.dashboard-page .action-metric:nth-child(n){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px auto auto;gap:8px 12px;min-height:154px;border-top:1px solid var(--dash-line);padding:18px;position:relative;overflow:hidden}
.dashboard-page .action-metric.has-items{border-bottom:3px solid #b68d44}
.dashboard-page .action-metric .action-icon{grid-column:1;grid-row:1;width:40px;height:40px;border:1px solid #d8e3ec;border-radius:12px;background:#eef4f9;color:#2c5875;display:grid;place-items:center}
.dashboard-page .action-metric .action-icon svg{width:24px;height:24px}
.dashboard-page .action-metric b{grid-column:2;grid-row:1;font-size:34px;align-self:center}
.dashboard-page .action-metric .action-label{grid-column:1/-1;grid-row:2;color:var(--dash-ink);font-size:14px;line-height:1.4}
.dashboard-page .action-metric small{grid-column:1/-1;grid-row:3;line-height:1.5}
.dashboard-page .action-metric.has-items .action-icon{color:#805c19;background:#fff6e4;border-color:#ead5ab}
.dashboard-page .dashboard-quick button{justify-content:flex-start;align-items:center;gap:12px;text-align:left;padding:13px;min-height:58px}
.dashboard-page .dashboard-quick .ui-icon{flex:none;width:22px;height:22px;color:#57758e}.dashboard-page .dashboard-quick span{color:inherit}
.dashboard-page .widget-heading p,.dashboard-page .workbench-heading p{font-size:14px}.dashboard-page .shift-summary small,.dashboard-page .shift-coverage small,.dashboard-page .time-bank span{font-size:12px}
.dashboard-page .dashboard-widget>.subtle{font-size:16px;line-height:1.55}
.dashboard-page .shift-widget{background:#102d46;border-top:3px solid #cca85c}.dashboard-page .shift-date{letter-spacing:-.035em}
body.dark .department-masthead img{mix-blend-mode:normal;border-radius:8px}
body.dark .dashboard-page .action-metric .action-icon,body.dark .dashboard-page .widget-icon{background:#213c52;border-color:#37536b;box-shadow:none;color:#c0d6e9}
body.dark .dashboard-page .action-metric.has-items .action-icon{background:#41391f;border-color:#79643a;color:#ead093}
@media(max-width:700px){.department-masthead{gap:12px;margin-bottom:18px;padding-bottom:18px}.department-masthead img{width:36px;height:48px}.department-masthead>div>b{font-size:16px}.department-masthead>div>span{font-size:12px}.department-platoon{display:none}.dashboard-page .action-metric:nth-child(n){min-height:144px;padding:14px;grid-template-columns:minmax(0,1fr) auto}.dashboard-page .action-metric:last-child{grid-column:1/-1;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;min-height:94px}.dashboard-page .action-metric:last-child .action-icon{grid-column:1;grid-row:1/3}.dashboard-page .action-metric:last-child .action-label{grid-column:2;grid-row:1}.dashboard-page .action-metric:last-child small{grid-column:2;grid-row:2}.dashboard-page .action-metric:last-child b{grid-column:3;grid-row:1/3}}
body[data-route="dashboard"] .ops-banner .subtle{display:none}

.dashboard-page .widget-heading>div{min-width:0;flex:1}
.dashboard-page .page-head .toolbar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}
.dashboard-page .page-head .btn{box-shadow:none}
.dashboard-page .action-metric{min-width:0}