/* July 4 Ever unified executive design · V12.1 · 2026-10-15
   One shared design system for Office, Sponsor, Shooter, and AHJ screens.
   Dashboard-only fireworks header. No third-party image request. */
:root, :root[data-theme="dark"] {
  color-scheme: light;
  --bg:#F3F6FA;--surface:#FFFFFF;--surface-2:#F8FAFD;
  --ink:#15233B;--muted:#617086;--line:#DFE7F0;
  --navy:#0A203C;--navy-ink:#FFFFFF;--navy-muted:#B8C8DE;
  --blue:#1556A4;--blue-soft:#EAF2FC;--red:#B8312A;
  --ok:#14784D;--ok-soft:#E6F6ED;--warn:#93630D;--warn-soft:#FFF5E2;
  --bad:#AD3030;--bad-soft:#FDEBEB;
  --shadow:0 2px 8px rgba(13,35,69,.045),0 12px 32px rgba(13,35,69,.035);
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:light;--bg:#F3F6FA;--surface:#fff;--surface-2:#F8FAFD;--ink:#15233B;--muted:#617086;--line:#DFE7F0;--navy:#0A203C;--navy-ink:#fff;--navy-muted:#B8C8DE;--blue:#1556A4;--blue-soft:#EAF2FC;--ok:#14784D;--ok-soft:#E6F6ED;--warn:#93630D;--warn-soft:#FFF5E2;--bad:#AD3030;--bad-soft:#FDEBEB;--shadow:0 2px 8px rgba(13,35,69,.045),0 12px 32px rgba(13,35,69,.035)}}
body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
body .topbar{background:#091F3B;color:#fff}
body .brand-name{color:#fff}
body .brand-sub{color:#D6B978}
body.office-shell.topnav .topbar{background:#0B2341;box-shadow:0 3px 16px rgba(7,28,54,.13)}
body.office-shell.topnav #app{max-width:1640px;margin-inline:auto;padding:26px 28px 70px}
.card,.panel{background:#fff;border:1px solid #DFE7F0;border-radius:14px;box-shadow:var(--shadow)}
.panel-head{background:#fff;border-radius:14px 14px 0 0}
.panel-head h2{color:#142E50}
.btn{border-radius:9px;min-height:38px;transition:background-color .15s,border-color .15s,box-shadow .15s}
.btn.primary{background:#1657A6;border-color:#1657A6;color:#fff}
.btn.primary:hover{background:#0B438A;border-color:#0B438A}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #D6A94B;outline-offset:2px}
input,select,textarea{max-width:100%;border-radius:8px}
.section-kicker{color:#A16F18}
.metric{background:#fff;border:1px solid #DFE7F0;border-radius:13px;box-shadow:var(--shadow)}
.metric-value{color:#102F58}
.pill.yellow{background:#FFF2D6;color:#835507}
.pill.green{background:#E6F6ED;color:#166C49}
.onav-top[aria-current="page"]::after,.onav-group.active>.onav-top::after{background:#D9B56B}
.onav-item[aria-current="page"]{background:#FFF8EA;box-shadow:inset 3px 0 0 #D6A94B}
/* Fireworks photography appears ONLY on the Office dashboard banner. */
body.office-shell .command-banner{position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(90deg,rgba(8,29,57,.98) 0%,rgba(8,29,57,.92) 44%,rgba(8,29,57,.37) 100%),url('/assets/dashboard-fireworks.webp') center 42%/cover no-repeat;
  color:#fff;border:1px solid rgba(19,52,86,.24);border-radius:16px;min-height:178px;padding:26px 30px;box-shadow:0 10px 26px rgba(11,38,73,.13)}
body.office-shell .command-banner h1{color:#fff;font-size:clamp(30px,3.3vw,46px)}
body.office-shell .command-banner p{color:#E3ECF8;max-width:540px}
body.office-shell .command-banner .section-kicker{color:#E6C781}
body.office-shell .command-banner .operator{color:#fff}
body.office-shell .command-banner .operator span{color:#DCE8F5}
body.office-shell .command-banner .btn.glass{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12)}
body.office-shell .command-banner .btn.primary{background:#D6AD61;color:#102440;border-color:#D6AD61}
body.office-shell .command-banner .btn.primary:hover{background:#E8C784}
/* Shared workspaces: no decorative fireworks on operational pages. */
body:not(.office-shell) main{max-width:1160px;margin-inline:auto}
body:not(.office-shell) .card,body:not(.office-shell) .panel{background:#fff}
/* Responsive tables remain usable instead of shrinking columns to unreadable sizes. */
.panel-body,.card{min-width:0}
.table-wrap,.table-scroll,.scroll-x{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1099px){body.office-shell.topnav #app{padding:16px 14px 50px}}
@media(max-width:640px){
 body.office-shell.topnav #app{padding:12px 10px 40px}
 body.office-shell .command-banner{padding:20px 17px;min-height:0;background-position:62% center}
 body.office-shell .command-banner h1{font-size:31px}
 body.office-shell .command-actions{flex-wrap:wrap}
 body.office-shell .command-banner .btn{min-height:44px}
 .card,.panel{border-radius:12px}
 button,.btn,select,input[type="date"]{min-height:42px}
 .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcard{min-width:0}
}
@media(max-width:390px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:11px}.metric-value{font-size:25px}}
@media print{body.office-shell .command-banner{background:#fff!important;color:#000!important;box-shadow:none}body.office-shell .command-banner h1,body.office-shell .command-banner p{color:#000!important}}