/*
 DistrictView / single-action district toolbar
 References the user's T4LA one-pager: turquoise headings, green supporting
 detail, orange action; original design, no official DOTD marks or endorsement.
*/
:root{
 --dv-nav-navy:#0F2644;
 --dv-nav-orange:#E8631E;
 --dv-nav-cyan:#08AFC3;
 --dv-nav-green:#67993C;
 --dv-nav-slate:#F8F9FA;
 --dv-nav-border:#E2E8F0;
 --dv-nav-muted:#64748B;
}
body.dv-on-district > header .dv5-report-link,
body.dv-on-district > header .pill{display:none!important}
body.dv-on-district > header nav{margin-left:auto}

/* A single primary action: opens the selected district's full report,
   and printing takes place inside the report itself. */
.p4-dashboard .report-controls{
 display:flex;align-items:center;flex-wrap:wrap;gap:12px 17px;
 margin:27px 0 18px;
}
.p4-dashboard .report-controls label{
 color:#1E293B;font-weight:650;font-size:13px;
 display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;
}
.p4-dashboard .report-controls #month{
 border:1px solid #CBD5E1;border-radius:4px;
 background:#fff;color:#0F2644;
 padding:11px 14px;font-size:14px;min-height:43px;
}
.p4-dashboard .report-controls #print{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:45px;padding:12px 22px;
 border-radius:28px!important;border:1px solid var(--dv-nav-orange)!important;
 background:var(--dv-nav-orange)!important;color:#fff!important;
 box-shadow:none!important;font-size:13px;font-weight:800;
 letter-spacing:.005em;text-decoration:none;
}
.p4-dashboard .report-controls #print:hover{
 background:#C74F12!important;border-color:#C74F12!important;
 filter:none!important;box-shadow:none!important
}
.p4-dashboard .report-controls #print:focus-visible{
 outline:3px solid var(--dv-nav-cyan);outline-offset:3px
}
/* Use a subdued navigation rail instead of six competing underlined links. */
.p4-dashboard .p4-jump,
.p4-dashboard.p4-companion .p4-jump{
 background:var(--dv-nav-slate)!important;
 border:1px solid var(--dv-nav-border)!important;
 border-left:4px solid var(--dv-nav-green)!important;
 border-radius:3px;
 display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;
 padding:9px 11px!important;
 margin:22px 0 24px;
 box-shadow:none;
}
.p4-dashboard .p4-jump::before{
 content:"ON THIS PAGE";
 flex:0 0 auto;
 font-size:10px;font-weight:800;letter-spacing:.09em;
 color:var(--dv-nav-muted);
 margin:0 12px 0 3px;
}
.p4-dashboard .p4-jump button,
.p4-dashboard.p4-companion .p4-jump button{
 display:inline-flex;align-items:center;justify-content:center;
 color:#334155!important;background:transparent!important;
 border:0!important;border-bottom:3px solid transparent!important;
 border-radius:2px!important;
 padding:10px 11px 8px!important;
 min-height:41px;
 font-size:12px!important;font-weight:750!important;
 text-decoration:none!important;line-height:1.35;
 text-underline-offset:0!important;
 box-shadow:none!important;filter:none!important;
 white-space:nowrap;
}
.p4-dashboard .p4-jump button:hover,
.p4-dashboard.p4-companion .p4-jump button:hover{
 background:#EAF5F7!important;
 color:var(--dv-nav-navy)!important;filter:none!important;
}
.p4-dashboard .p4-jump button.dv-active,
.p4-dashboard.p4-companion .p4-jump button.dv-active{
 background:#EAF6F8!important;
 border-bottom-color:var(--dv-nav-cyan)!important;
 color:var(--dv-nav-navy)!important;
}
.p4-dashboard .p4-jump button:focus-visible{
 outline:2px solid var(--dv-nav-cyan)!important;outline-offset:2px!important
}
/* The source-date reference is a note, not another report CTA. */
.dv-dated-evidence-note{
 align-self:flex-end;color:#567478;font-size:10px;
 font-weight:800;letter-spacing:.09em;
 border-left:3px solid var(--dv-nav-green);
 padding:4px 0 4px 10px;white-space:nowrap;
}
@media(max-width:900px){
 .p4-dashboard .p4-jump,.p4-dashboard.p4-companion .p4-jump{
  flex-wrap:nowrap;overflow-x:auto;max-width:100%;
  scrollbar-width:thin;scrollbar-color:#94B8C5 transparent;
 }
 .p4-dashboard .p4-jump button{flex:0 0 auto}
}
@media(max-width:700px){
 .p4-dashboard .report-controls{gap:12px;margin:23px 0 16px}
 .p4-dashboard .report-controls #print{width:100%;justify-content:center}
 .p4-dashboard .report-controls label{width:100%}
 .p4-dashboard .report-controls #month{flex:1;min-width:150px;max-width:100%}
 .p4-dashboard .p4-jump::before{font-size:9px;letter-spacing:.04em;margin-right:5px}
 .dv-dated-evidence-note{margin:11px 0 2px;align-self:flex-start}
}
@media print{
 .p4-dashboard .report-controls,.p4-dashboard .p4-jump{display:none!important}
}
