@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&family=Poppins:wght@400;600;700&family=Unbounded:wght@500;600&display=swap');
.other-run-value[hidden] { display:none!important; }.run-multiselect-trigger { display:none; }.run-multiselect-dialog { width:min(520px,calc(100vw - 28px)); max-height:calc(100vh - 28px); padding:0; border:0; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.35); }.run-multiselect-dialog::backdrop { background:rgba(19,21,22,.72); }.run-multiselect-dialog form { margin:0; }.run-multiselect-dialog header { display:flex; justify-content:space-between; align-items:start; gap:14px; padding:18px; color:#fff; background:#212426; border-bottom:5px solid var(--gold); }.run-multiselect-dialog header .eyebrow { margin:0; color:var(--gold); }.run-multiselect-dialog h2 { margin:4px 0 0; color:#fff; font:600 16px/1.2 Unbounded,sans-serif; text-transform:uppercase; }.run-multiselect-dialog header .quiet { color:#fff; border-color:rgba(255,255,255,.55); background:transparent; }.run-multiselect-dialog .muted { margin:16px 18px 10px; }.run-multiselect-options { display:grid; gap:2px; max-height:min(52vh,420px); overflow:auto; padding:0 18px 18px; }.run-multiselect-options label { display:flex; align-items:start; gap:11px; padding:10px 4px; border-bottom:1px solid #edf0f1; font-size:14px; font-weight:600; }.run-multiselect-options input { width:19px; height:19px; margin:0; accent-color:var(--maroon); flex:none; }.run-multiselect-dialog footer { display:flex; justify-content:flex-end; gap:9px; padding:14px 18px; border-top:1px solid var(--line); }
@media (max-width:800px) { #run-form select[multiple] { display:none; } #run-form .run-multiselect-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin-top:5px; padding:12px 13px; color:var(--ink); border:1px solid #cbd4db; background:#fff; text-align:left; text-transform:none; letter-spacing:0; } #run-form .run-multiselect-trigger span { color:var(--muted); font-weight:500; } #run-form .run-multiselect-trigger strong { color:var(--maroon); font-size:12px; white-space:nowrap; } }
:root { --red:#e23125; --maroon:#7e0808; --gold:#bfa56a; --coal:#131516; --ink:#1d252a; --muted:#657279; --canvas:#f4f4f1; --line:#d9ddd9; --card:#fff; }.form-subnav a[href="/#administration"],.form-subnav #admin-nav{display:none!important}[data-admin-main-nav]{display:none!important}[data-admin-main-nav].admin-main-visible{display:inline-flex!important}
* { box-sizing:border-box; } body { margin:0; background:var(--canvas); color:var(--ink); font:15px/1.55 Almarai,ui-sans-serif,system-ui,sans-serif; }.signature-wrap,.accident-form .signature-wrap{width:100%;max-width:100%;min-width:0}.signature-wrap canvas{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#f1f3f4!important;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.topbar { min-height:81px; background:var(--coal); color:white; display:grid; grid-template-columns:300px 250px minmax(0,1fr) auto; align-items:center; column-gap:0; padding:0 6.5vw; border-bottom:1px solid rgba(191,165,106,.35); } .brand { display:flex; align-items:center; gap:22px; min-width:0; }.brand img { display:block; width:164px; height:auto; }.product-name { border-left:1px solid rgba(255,255,255,.28); padding-left:21px; color:#fff; font:600 12px/1.2 Unbounded,sans-serif; text-transform:uppercase; letter-spacing:.3px; white-space:nowrap; }.account-area{margin-left:auto}
@media (min-width:1500px) { .topbar { grid-template-columns:calc(300px + 3in) 250px minmax(0,1fr) auto; } }
nav { display:flex; gap:12px; }.nav-button { color:#ddd; background:transparent; border:0; padding:29px 8px 24px; cursor:pointer; font:600 11px/1 Unbounded,sans-serif; text-transform:uppercase; letter-spacing:.2px; text-decoration:none; }.nav-button.active { color:#fff; border-bottom:3px solid var(--gold); }.form-switcher { gap:2px; height:100%; padding-right:10px; border-right:1px solid rgba(255,255,255,.22); }.form-switcher .nav-button { padding-right:7px; padding-left:7px; color:#bfc5c8; font-size:9px; }.form-subnav { min-width:0; gap:5px; padding-left:12px; }.mission-strip { display:flex; justify-content:center; gap:12px; background:var(--maroon); color:#fff; padding:8px 18px; font:600 10px/1 Unbounded,sans-serif; text-transform:uppercase; letter-spacing:.45px; }.mission-strip span:nth-child(2) { color:var(--gold); }
main { max-width:1280px; margin:0 auto; padding:46px 28px 70px; }.view { display:none; }.view.active { display:block; }.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }.page-heading h1 { margin:5px 0 7px; font:600 28px/1.25 Unbounded,sans-serif; letter-spacing:-1px; text-transform:uppercase; color:var(--maroon); }.page-heading p { margin:0; color:var(--muted); }.eyebrow { text-transform:uppercase; letter-spacing:1.4px; font:600 10px Unbounded,sans-serif; color:var(--gold)!important; }
.card { background:var(--card); border:1px solid var(--line); border-radius:0; box-shadow:0 2px 6px rgba(19,21,22,.04); }.kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 0 20px; }.kpi { padding:19px; border-top:3px solid var(--gold); }.kpi .value { font:600 28px/1.1 Unbounded,sans-serif; letter-spacing:-1.5px; color:var(--maroon); }.kpi .label { color:var(--muted); font:600 10px/1.4 Unbounded,sans-serif; text-transform:uppercase; letter-spacing:.3px; margin-top:6px; }
.toolbar { display:flex; align-items:end; gap:13px; padding:15px; margin-bottom:18px; flex-wrap:wrap; }.toolbar label { color:var(--muted); font-size:12px; font-weight:650; }.toolbar input,.toolbar select { display:block; min-width:138px; margin-top:4px; } label { display:block; font-weight:650; font-size:13px; } input,select,textarea { width:100%; border:1px solid #cbd4db; border-radius:0; padding:9px 10px; margin-top:5px; color:var(--ink); background:white; font:inherit; } select[multiple] { padding:4px; } textarea { min-height:82px; resize:vertical; } small { display:block; color:var(--muted); font-weight:400; margin-top:5px; }
button { font:inherit; cursor:pointer; border-radius:0; padding:10px 15px; border:1px solid transparent; }.primary { background:var(--gold); color:#fff; font:700 11px Poppins,sans-serif; text-transform:uppercase; letter-spacing:.3px; }.primary:hover { background:#9e834d; }.quiet { color:#435362; background:#fff; border-color:#cbd4db; }.quiet:hover { background:#f3f5f6; }
.report-actions { display:flex; gap:10px; flex-wrap:wrap; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:13px 15px; color:var(--muted); font-size:11px; letter-spacing:.6px; text-transform:uppercase; border-bottom:1px solid var(--line); } td { padding:14px 15px; border-bottom:1px solid #eef1f3; vertical-align:middle; } tr:last-child td { border-bottom:0; }.pill { color:var(--maroon); background:#f3ebde; border-left:3px solid var(--gold); padding:4px 8px; font-size:12px; white-space:nowrap; }.empty { padding:44px; text-align:center; color:var(--muted); }.member-drill { padding:0; background:transparent; color:var(--maroon); border:0; font:700 13px Almarai,sans-serif; text-decoration:underline; text-underline-offset:3px; }.member-drill:hover { color:var(--red); }.member-detail { margin-top:18px; padding:22px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:14px; }.detail-heading h2 { margin:4px 0; font:600 17px Unbounded,sans-serif; color:var(--maroon); text-transform:uppercase; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:13px 15px; color:var(--muted); font-size:11px; letter-spacing:.6px; text-transform:uppercase; border-bottom:1px solid var(--line); } td { padding:14px 15px; border-bottom:1px solid #eef1f3; vertical-align:middle; } tfoot td { background:#f3ebde; border-top:2px solid var(--gold); color:var(--maroon); font-weight:700; } tr:last-child td { border-bottom:0; }.pill { color:var(--maroon); background:#f3ebde; border-left:3px solid var(--gold); padding:4px 8px; font-size:12px; white-space:nowrap; }.empty { padding:44px; text-align:center; color:var(--muted); }.member-drill { padding:0; background:transparent; color:var(--maroon); border:0; font:700 13px Almarai,sans-serif; text-decoration:underline; text-underline-offset:3px; }.member-drill:hover { color:var(--red); }.member-detail { margin-top:18px; padding:22px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:14px; }.detail-heading h2 { margin:4px 0; font:600 17px Unbounded,sans-serif; color:var(--maroon); text-transform:uppercase; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:13px 15px; color:var(--muted); font-size:11px; letter-spacing:.6px; text-transform:uppercase; border-bottom:1px solid var(--line); } td { padding:14px 15px; border-bottom:1px solid #eef1f3; vertical-align:middle; } tfoot td { background:#f3ebde; border-top:2px solid var(--gold); color:var(--maroon); font-weight:700; } tr:last-child td { border-bottom:0;}.row-actions { white-space:nowrap; }.row-actions button { margin:2px; }.pill { color:var(--maroon); background:#f3ebde; border-left:3px solid var(--gold); padding:4px 8px; font-size:12px; white-space:nowrap; }.empty { padding:44px; text-align:center; color:var(--muted); }.member-drill { padding:0; background:transparent; color:var(--maroon); border:0; font:700 13px Almarai,sans-serif; text-decoration:underline; text-underline-offset:3px; }.member-drill:hover { color:var(--red); }.member-detail,.incident-detail { margin-top:18px; padding:22px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:14px; }.detail-heading h2 { margin:4px 0; font:600 17px Unbounded,sans-serif; color:var(--maroon); text-transform:uppercase; }.incident-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.detail-item { border-top:1px solid var(--line); padding-top:9px; }.detail-item.wide { grid-column:1/-1; }.detail-item b { display:block; color:var(--muted); font:600 9px Unbounded,sans-serif; letter-spacing:.25px; text-transform:uppercase; margin-bottom:4px; }.detail-item span { white-space:pre-wrap; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:13px 15px; color:var(--muted); font-size:11px; letter-spacing:.6px; text-transform:uppercase; border-bottom:1px solid var(--line); } td { padding:14px 15px; border-bottom:1px solid #eef1f3; vertical-align:middle; } tfoot td { background:#f3ebde; border-top:2px solid var(--gold); color:var(--maroon); font-weight:700; } tr:last-child td { border-bottom:0;}.incident-row { cursor:pointer; }.incident-row:hover td { background:#fbf7ef; }.incident-row:focus { outline:2px solid var(--gold); outline-offset:-2px; }.row-actions { white-space:nowrap; }.row-actions button { margin:2px; }.pill { color:var(--maroon); background:#f3ebde; border-left:3px solid var(--gold); padding:4px 8px; font-size:12px; white-space:nowrap; }.empty { padding:44px; text-align:center; color:var(--muted); }.member-drill { padding:0; background:transparent; color:var(--maroon); border:0; font:700 13px Almarai,sans-serif; text-decoration:underline; text-underline-offset:3px; }.member-drill:hover { color:var(--red); }.member-detail,.incident-detail { margin-top:18px; padding:22px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:14px; }.detail-heading h2 { margin:4px 0; font:600 17px Unbounded,sans-serif; color:var(--maroon); text-transform:uppercase; }.incident-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.detail-item { border-top:1px solid var(--line); padding-top:9px; }.detail-item.wide { grid-column:1/-1; }.detail-item b { display:block; color:var(--muted); font:600 9px Unbounded,sans-serif; letter-spacing:.25px; text-transform:uppercase; margin-bottom:4px; }.detail-item span { white-space:pre-wrap; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:13px 15px; color:var(--muted); font-size:11px; letter-spacing:.6px; text-transform:uppercase; border-bottom:1px solid var(--line); } td { padding:14px 15px; border-bottom:1px solid #eef1f3; vertical-align:middle; } tfoot td { background:#f3ebde; border-top:2px solid var(--gold); color:var(--maroon); font-weight:700; } tr:last-child td { border-bottom:0;}.incident-row { cursor:pointer; }.incident-row:hover td { background:#fbf7ef; }.incident-row:focus { outline:2px solid var(--gold); outline-offset:-2px; }.row-actions { white-space:nowrap; }.row-actions button { margin:2px; }.pill { color:var(--maroon); background:#f3ebde; border-left:3px solid var(--gold); padding:4px 8px; font-size:12px; white-space:nowrap; }.empty { padding:44px; text-align:center; color:var(--muted); }.member-drill { padding:0; background:transparent; color:var(--maroon); border:0; font:700 13px Almarai,sans-serif; text-decoration:underline; text-underline-offset:3px; }.member-drill:hover { color:var(--red); }.member-detail { margin-top:18px; padding:22px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:14px; }.detail-heading h2 { margin:4px 0; font:600 17px Unbounded,sans-serif; color:var(--maroon); text-transform:uppercase; }.incident-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.incident-detail-grid label { font-weight:650; }.incident-detail-grid .wide { grid-column:1/-1; }.incident-dialog { width:min(900px,calc(100vw - 28px)); max-height:calc(100vh - 32px); border:0; padding:24px; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.35); }.incident-dialog::backdrop { background:rgba(19,21,22,.7); }.incident-dialog form { margin:0; }.incident-dialog textarea { min-height:68px; }
.form-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:24px; }.form-grid fieldset { border:0; padding:0; margin:0; display:grid; align-content:start; gap:14px; }.form-grid legend { font:600 14px Unbounded,sans-serif; text-transform:uppercase; color:var(--maroon); margin-bottom:15px; }.wide { grid-column:1/-1; }.time-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.form-actions { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid var(--line); padding-top:20px; }
.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.report-grid article { padding:22px; }.report-grid .member-card { grid-column:1/-1; }.report-grid h2,.monthly-report h2 { margin:0 0 4px; font:600 15px Unbounded,sans-serif; text-transform:uppercase; color:var(--maroon); }.muted { color:var(--muted); font-size:13px; margin:0 0 16px; }.bar-row { display:grid; grid-template-columns:105px 1fr 28px; gap:10px; align-items:center; margin:13px 0; font-size:13px; }.bar { background:#edf1f3; height:9px; overflow:hidden; }.bar > i { display:block; height:100%; background:var(--gold); }.monthly-report { padding:22px; margin:18px 0; }.chart-key { display:flex; gap:18px; color:var(--muted); font:600 10px Unbounded,sans-serif; text-transform:uppercase; flex-wrap:wrap; }.chart-key span::before { content:""; display:inline-block; width:9px; height:9px; margin-right:6px; }.run-key::before { background:var(--gold); }.hour-key::before { background:var(--maroon); }.previous-key::before { background:var(--red); border-radius:50%; }.month-chart { min-height:205px; display:flex; align-items:end; gap:10px; padding:24px 6px 0; margin:12px 0 22px; border-bottom:1px solid var(--line); overflow-x:auto; position:relative; }.month-column { flex:0 0 72px; min-width:72px; display:grid; grid-template-rows:25px 136px 33px; align-items:end; text-align:center; position:relative; z-index:1; }.month-values { display:flex; justify-content:center; gap:7px; }.month-column b { font:600 10px Unbounded,sans-serif; color:var(--maroon); }.month-column .column-track { height:136px; display:flex; align-items:end; justify-content:center; gap:5px; background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#ecefeb 34px); }.month-column i { display:block; width:20px; min-height:2px; }.run-bar { background:var(--gold); }.hour-bar { background:var(--maroon); }.month-column span { align-self:start; padding-top:8px; color:var(--muted); font:600 9px/1.25 Unbounded,sans-serif; text-transform:uppercase; }.previous-line { position:absolute; top:49px; left:0; height:136px; pointer-events:none; z-index:2; overflow:visible; }.previous-line polyline { fill:none; stroke:var(--red); stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }.previous-line circle { fill:var(--red); }
footer { background:var(--coal); color:#fff; padding:27px 6.5vw; display:flex; justify-content:space-between; gap:20px; font:500 10px Unbounded,sans-serif; letter-spacing:.3px; text-transform:uppercase; } footer strong { color:var(--gold); }
#print-summary { display:none; }.summary-page { color:#111; page-break-after:always; }.summary-page:last-child { page-break-after:auto; }.summary-brand { border-bottom:2px solid #111; display:flex; justify-content:space-between; align-items:end; padding-bottom:8px; margin-bottom:12px; }.summary-brand h1 { margin:0; font:700 18px/1.2 Arial,sans-serif; }.summary-brand p { margin:2px 0 0; font:10px Arial,sans-serif; }.summary-section { margin:11px 0; }.summary-section h2 { font:700 11px Arial,sans-serif; text-transform:uppercase; margin:0; padding:5px 6px; background:#e5e5e5; border:1px solid #999; }.summary-table { min-width:0; font:9px Arial,sans-serif; }.summary-table th { background:#f0f0f0; color:#111; font:700 8px Arial,sans-serif; letter-spacing:0; text-transform:none; border:1px solid #bbb; padding:4px; white-space:nowrap; }.summary-table td { border:1px solid #ccc; padding:3px 4px; text-align:center; }.summary-table td:first-child { text-align:left; white-space:nowrap; font-weight:700; }.summary-table td:last-child { font-weight:700; background:#f7f7f7; }
@media (max-width:900px) and (min-width:621px) { .topbar { grid-template-columns:210px 195px minmax(0,1fr) auto; padding:0 18px; }.brand { gap:10px; }.brand img { width:115px; }.product-name { font-size:8px; padding-left:10px; }.form-switcher .nav-button { font-size:8px; }.form-subnav { padding-left:7px; }.account-area { transform:scale(.9); transform-origin:right center; } }
@media (max-width:800px) { .topbar { padding:0 18px; min-height:70px; }.brand { gap:10px; }.brand img { width:115px; }.product-name { font-size:8px; padding-left:10px; }.mission-strip { font-size:8px; }.topbar nav { gap:0; }.nav-button { padding:24px 5px 20px; font-size:8px; } main { padding:28px 15px; }.page-heading { align-items:start; flex-direction:column; }.kpis { grid-template-columns:repeat(2,1fr); }.form-grid,.report-grid { grid-template-columns:1fr; }.time-grid { grid-template-columns:1fr; } footer { flex-direction:column; padding:25px 18px; } }
@media (max-width:620px) { body { font-size:15px; } .topbar { display:block; padding:14px 16px 0; }.brand { justify-content:center; padding-bottom:13px; }.brand img { width:143px; }.product-name { font-size:9px; }.topbar nav { width:100%; justify-content:space-between; }.nav-button { flex:1; padding:14px 3px 12px; font-size:8px; }.mission-strip { padding:9px 12px; text-align:center; line-height:1.45; }.page-heading h1 { font-size:23px; }.page-heading .primary { width:100%; }.toolbar { display:grid; grid-template-columns:1fr 1fr; align-items:end; padding:13px; gap:11px; }.toolbar label:first-child { grid-column:1/-1; }.toolbar input,.toolbar select { min-width:0; font-size:16px; }.toolbar .quiet { grid-column:1/-1; width:100%; }.kpis { gap:9px; }.kpi { padding:14px; }.kpi .value { font-size:22px; }.form-grid { padding:17px; gap:25px; }.form-grid legend { font-size:12px; }.form-actions { flex-direction:column-reverse; }.form-actions button,.report-actions button { width:100%; }.report-actions { width:100%; flex-direction:column; }.report-grid article { padding:17px; }.member-detail { padding:17px; }.detail-heading { flex-direction:column; }.detail-heading button { width:100%; }
  #incidents .table-wrap { overflow:visible; border:0; background:transparent; box-shadow:none; } #incidents table { min-width:0; } #incidents thead { display:none; } #incidents tbody,#incidents tr,#incidents td { display:block; width:100%; } #incidents tr { background:#fff; border:1px solid var(--line); box-shadow:0 2px 6px rgba(19,21,22,.04); margin-bottom:12px; padding:5px 0; } #incidents td { display:grid; grid-template-columns:92px 1fr; gap:10px; min-height:39px; padding:8px 13px; border:0; text-align:left; } #incidents td::before { color:var(--muted); content:""; font:600 9px/1.7 Unbounded,sans-serif; letter-spacing:.25px; text-transform:uppercase; } #incidents td:nth-child(1)::before { content:"Date"; } #incidents td:nth-child(2)::before { content:"Activity"; } #incidents td:nth-child(3)::before { content:"Location"; } #incidents td:nth-child(4)::before { content:"Equipment"; } #incidents td:nth-child(5)::before { content:"Members"; } #incidents td:nth-child(6)::before { content:"Duration"; } #incidents td:nth-child(7) { display:grid; grid-template-columns:1fr 1fr; padding-top:4px; } #incidents td:nth-child(7)::before { display:none; } #incidents td:nth-child(7) button { width:100%; margin:0; }.pill { align-self:start; justify-self:start; }.incident-detail-grid { grid-template-columns:1fr; }
  #reports .table-wrap { margin-right:-17px; margin-left:-17px; } #reports table { min-width:560px; } footer { padding-bottom:calc(25px + env(safe-area-inset-bottom)); } }
/* A single, labeled value scale keeps runs, hours, and prior-year runs comparable. */
.month-chart { padding-left:40px; }
.previous-line { left:34px; }
.chart-scale { position:absolute; top:49px; left:0; height:136px; width:33px; display:flex; flex-direction:column; justify-content:space-between; color:var(--muted); font:600 9px/1 Unbounded,sans-serif; text-align:right; pointer-events:none; }
.run-key::before,.run-bar { background:#e0a800; }
.hour-key::before,.hour-bar { background:#1967a3; }
.previous-key::before,.previous-line circle { background:#008b7a; fill:#008b7a; }
.previous-line polyline { stroke:#008b7a; }
.month-values b:first-child { color:#e0a800; }
.month-values b:last-child { color:#1967a3; }
.report-drill { width:100%; padding:8px; text-align:left; background:#fff; border:1px solid transparent; }
.report-drill:hover,.report-drill:focus-visible { border-color:var(--gold); background:#fbf7ef; }
.report-detail-dialog { width:min(1120px,calc(100vw - 28px)); max-height:calc(100vh - 28px); padding:0; overflow:hidden; }.report-detail-dialog .summary-brand { align-items:center; margin:0; padding:14px 18px; color:#fff; background:#212426; border:0; border-bottom:5px solid #e0a800; }.report-detail-dialog .summary-logo { width:125px; max-height:45px; object-fit:contain; flex:none; }.report-detail-dialog .summary-brand>div { flex:1; }.report-detail-dialog .summary-brand h2 { margin:2px 0; color:#fff; font:700 18px/1.2 Arial,sans-serif; }.report-detail-dialog .summary-brand p { margin:2px 0; color:#dce1e5; font:10px/1.35 Arial,sans-serif; }.report-detail-dialog .summary-brand .summary-kicker { color:#e0a800; font:700 7px Arial,sans-serif; letter-spacing:1.2px; text-transform:uppercase; }.report-detail-actions { display:flex; gap:8px; flex:none; }.report-detail-actions .quiet { color:#fff; border-color:rgba(255,255,255,.55); background:transparent; }.report-detail-body { max-height:calc(100vh - 145px); padding:18px; overflow:auto; overscroll-behavior:contain; }.report-detail-dialog .summary-table { min-width:900px; width:100%; border-collapse:collapse; font:13px Arial,sans-serif; }.report-detail-dialog .summary-table th { padding:8px 7px; color:#fff; background:#353c41; border:1px solid #586168; font:700 10px Arial,sans-serif; text-align:center; }.report-detail-dialog .summary-table td { padding:8px 7px; border:1px solid #d7dce0; text-align:center; }.report-detail-dialog .summary-table tbody tr:nth-child(even) td { background:#f4e9c7; }.report-detail-dialog .summary-table td:nth-child(3),.report-detail-dialog .summary-table td:nth-child(4),.report-detail-dialog .summary-table td:nth-child(5),.report-detail-dialog .summary-table td:nth-child(6) { text-align:left; }.report-detail-dialog .summary-table td:first-child,.report-detail-dialog .summary-table td:last-child { color:#3e1822; font-weight:700; } #report-detail-print { display:none; }
@media print { @page { size:landscape; margin:.35in; } body { background:#fff; font-size:10pt; } .topbar,.mission-strip,footer,.nav-button,.report-actions,.toolbar,.form-grid,#incidents,#new-run,#reports>.page-heading,#reports>#report-summary,#reports>.monthly-report,#reports>.report-grid,#reports>#member-detail { display:none!important; } main { max-width:none; padding:0; } #reports,#print-summary { display:block!important; } #print-summary { padding:0; } }
@media print { body.report-detail-print #reports > :not(#report-detail-print) { display:none!important; } body.report-detail-print #report-detail-print { display:block!important; } body.report-detail-print #print-summary { display:none!important; } }
@media print { body.report-detail-print #report-detail-print .summary-page { padding:88px 0 28px; } body.report-detail-print #report-detail-print .summary-brand { position:fixed; top:0; left:0; right:0; z-index:2; margin:0; } body.report-detail-print #report-detail-print .summary-print-footer { position:fixed; right:0; bottom:0; left:0; padding:7px 12px; color:#fff; background:#212426; border-top:3px solid #e0a800; font:700 8px Arial,sans-serif; text-align:center; text-transform:uppercase; } body.report-detail-print #report-detail-print .summary-table thead { display:table-header-group; } body.report-detail-print #report-detail-print .summary-table tr { break-inside:avoid; page-break-inside:avoid; } }
@media print { .summary-page { break-after:auto; page-break-after:auto; } .summary-members-page { break-before:page; page-break-before:always; } .summary-members-page + .summary-activity-page { break-before:page; page-break-before:always; } .summary-section,.summary-table { break-inside:avoid; page-break-inside:avoid; } .summary-members-page .summary-table { font-size:7.5px; } .summary-members-page .summary-table th { font-size:6.5px; padding:3px; } .summary-members-page .summary-table td { padding:2px 3px; line-height:1.1; } }
@media print { #print-summary { -webkit-print-color-adjust:exact; print-color-adjust:exact; } .summary-brand { align-items:center; gap:14px; padding:12px 16px; margin-bottom:16px; color:#fff; background:#212426; border:0; border-bottom:5px solid #e0a800; } .summary-logo { width:132px; max-height:48px; object-fit:contain; flex:none; } .summary-brand > div { flex:1; } .summary-brand h1 { color:#fff; font:700 19px/1.1 Arial,sans-serif; letter-spacing:.2px; } .summary-brand p { color:#dce1e5; font:10px/1.3 Arial,sans-serif; margin:3px 0 0; } .summary-brand .summary-kicker { color:#e0a800; font:700 7px/1 Arial,sans-serif; letter-spacing:1.2px; margin:0 0 4px; text-transform:uppercase; } .summary-brand .summary-period { flex:none; max-width:210px; padding:6px 8px; color:#fff; background:#5f1828; font:700 8px/1.35 Arial,sans-serif; text-align:right; } .summary-section { margin:14px 0; border:1px solid #cbd2d7; } .summary-section h2 { padding:7px 10px; color:#fff; background:#5f1828; border:0; font:700 10px Arial,sans-serif; letter-spacing:.7px; } .summary-table { margin:0; border-collapse:collapse; font:8.5px Arial,sans-serif; } .summary-table th { padding:5px; color:#fff; background:#353c41; border:1px solid #586168; font:700 7.5px Arial,sans-serif; } .summary-table td { padding:4px 5px; border:1px solid #d7dce0; } .summary-table tbody tr:nth-child(even) td { background:#f4f6f7; } .summary-table td:first-child { color:#3e1822; } .summary-table td:last-child { color:#3e1822; background:#f4e9c7; } }

.account-controls { display:flex; align-items:center; gap:10px; color:#fff; font:600 9px/1.2 Unbounded,sans-serif; text-transform:uppercase; letter-spacing:.2px; }.account-signout { padding:7px 9px; color:#fff; border:1px solid rgba(255,255,255,.45); background:transparent; font:600 9px/1 Unbounded,sans-serif; text-transform:uppercase; }.sign-in-dialog { width:min(420px,calc(100vw - 28px)); border:0; padding:30px; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.35); }.sign-in-dialog::backdrop { background:rgba(19,21,22,.82); }.sign-in-dialog form { display:grid; gap:13px; }.sign-in-dialog img { width:180px; max-width:100%; margin:0 auto 6px; }.sign-in-dialog h1 { margin:0; color:var(--maroon); font:600 21px/1.25 Unbounded,sans-serif; text-transform:uppercase; }.sign-in-dialog p { margin:0; color:var(--muted); }.sign-in-dialog .primary { margin-top:8px; }.sign-in-error { min-height:1.4em; color:var(--red)!important; font-weight:700; }
.account-controls[hidden],.account-signout[hidden] { display:none!important; }
.account-help-links{display:flex;justify-content:space-between;gap:8px;margin:3px 0 0!important;font-size:12px}.account-help-links a{color:var(--maroon);font-weight:700;text-decoration:underline;text-underline-offset:2px}.account-help-links span{color:var(--muted)}
.checkbox-label { display:flex; align-items:center; gap:9px; }.checkbox-label input { width:auto; margin:0; }
.local-users-panel [data-alert-count] { display:block; margin-top:5px; color:var(--muted); font-size:11px; white-space:nowrap; }.sign-in-dialog .checkbox-label { padding:8px 0; color:var(--ink); font-weight:650; }
.other-city[hidden] { display:none!important; }
.local-users-panel { margin:18px 0; }
.admin-grid { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:18px; }.admin-panel,.audit-panel { padding:22px; }.admin-panel h2,.audit-panel h2 { margin:0 0 14px; font:600 15px Unbounded,sans-serif; text-transform:uppercase; color:var(--maroon); }.admin-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.admin-form .muted,.admin-form .sign-in-error { grid-column:1/-1; margin:0; }.audit-panel { margin-top:18px; }
.admin-subnav { display:flex; gap:8px; margin:-6px 0 20px; border-bottom:1px solid var(--line); }.admin-subnav-button { background:transparent; color:var(--muted); border:0; border-bottom:3px solid transparent; padding:11px 14px; font:600 10px Unbounded,sans-serif; text-transform:uppercase; }.admin-subnav-button.active { color:var(--maroon); border-bottom-color:var(--gold); }.admin-subpage { display:none; }.admin-subpage.active { display:block; }.option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.option-panel { padding:22px; }.option-panel h2 { margin:0 0 14px; color:var(--maroon); font:600 14px Unbounded,sans-serif; text-transform:uppercase; }.option-form { display:flex; gap:8px; margin-bottom:15px; }.option-form input { margin:0; }.option-item { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-top:1px solid var(--line); }.option-item span { overflow-wrap:anywhere; }.option-item button { padding:6px 9px; flex:none; }
@media (max-width:800px) { .account-controls { justify-content:center; padding:0 0 12px; }.admin-grid,.option-grid { grid-template-columns:1fr; }.admin-form { grid-template-columns:1fr; } }
@media print { body.audit-print .topbar,body.audit-print .mission-strip,body.audit-print footer,body.audit-print #incidents,body.audit-print #new-run,body.audit-print #reports,body.audit-print #administration>.page-heading,body.audit-print #administration>.admin-grid,body.audit-print .account-controls { display:none!important; } body.audit-print main,body.audit-print #administration { display:block!important; padding:0; max-width:none; } body.audit-print .audit-panel { display:block!important; border:0; box-shadow:none; padding:0; margin:0; } body.audit-print .audit-panel .report-actions { display:none!important; } body.audit-print table { min-width:0; font-size:9pt; } }
@media print { .summary-brand .summary-period { display:grid; grid-template-columns:minmax(135px,1fr) repeat(2,88px); gap:1px; max-width:420px; padding:0; background:#5f1828; text-align:left; } .summary-brand .summary-period span { display:block; min-height:43px; padding:7px 9px; color:#f5f6f7; background:#5f1828; font:700 8px/1.25 Arial,sans-serif; text-transform:uppercase; } .summary-brand .summary-period span + span { background:#7b2636; text-align:center; } .summary-brand .summary-period b { display:block; color:#fff; font:700 11px/1.25 Arial,sans-serif; letter-spacing:0; text-transform:none; } }
@media print { .summary-section h2 { text-align:center; font-weight:700; } .summary-table { font-size:9.5px; table-layout:auto; } .summary-table th { padding:4px 3px; font:700 8.5px Arial,sans-serif; text-align:center; } .summary-table td { padding:3px 3px; } .summary-table tbody tr:nth-child(even) td { background:#f4e9c7; } .summary-table tbody tr:nth-child(odd) td:last-child { background:#fff; font-weight:700; } .summary-table tbody tr:nth-child(even) td:last-child { font-weight:700; } .summary-members-page .summary-table { font-size:10px; } .summary-members-page .summary-table th { font-size:8px; padding:3px 2px; } .summary-members-page .summary-table td { padding:2px; color:#111; font-weight:700; } }

/* Shared Box 55 website-style header: primary form navigation above page navigation. */
.topbar{min-height:174px;display:grid;grid-template-columns:minmax(350px,470px) minmax(0,1fr) auto;grid-template-rows:112px 56px;column-gap:22px;align-items:center;padding:0 max(24px,7vw);background:#000;border-top:6px solid #2f2f2f;border-bottom:0}.brand{grid-column:1;grid-row:1 / span 2;gap:0}.brand img{width:460px;max-width:100%;height:auto}.product-name{display:none}.form-switcher{grid-column:2;grid-row:1;justify-content:flex-end;align-items:center;gap:18px;height:100%;padding:0;border:0;white-space:nowrap;overflow:auto}.form-switcher .nav-button,.nav-button{flex:none;padding:12px 0;color:#fff;border:0;font:700 12px/1 Poppins,Arial,sans-serif;letter-spacing:0;text-transform:uppercase}.form-switcher .nav-button{font-size:12px;color:#fff}.form-switcher .nav-button:hover,.form-switcher .nav-button:focus-visible{color:#fbb327}.form-switcher .nav-button.active{color:#fbb327;border-bottom:0}.form-subnav{grid-column:2 / 4;grid-row:2;align-self:stretch;justify-content:flex-end;align-items:center;gap:20px;padding:0;border-top:1px solid #2b2b2b;white-space:nowrap;overflow:auto}.form-subnav .nav-button{height:100%;padding:0;color:#d9d9d9;font-size:11px}.form-subnav .nav-button:hover,.form-subnav .nav-button:focus-visible{color:#fbb327}.form-subnav .nav-button.active{color:#fff;border-bottom:4px solid #fbb327}.account-area{grid-column:3;grid-row:1;align-self:center;margin-left:8px}.account-signout{min-width:106px;padding:15px 22px;color:#fff;border:0;border-radius:999px;background:linear-gradient(#d5232c,#a40008);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 0 0 7px rgba(198,12,20,.15);font:700 12px/1 Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:0}.account-signout:hover,.account-signout:focus-visible{background:linear-gradient(#eb343b,#ba0009)}.account-controls{gap:14px;white-space:nowrap;font:600 9px/1.2 Poppins,Arial,sans-serif}.account-controls .account-signout{min-width:auto;padding:12px 16px;font-size:10px}.mission-strip{background:#151515;color:#d8d8d8;padding:9px 18px;border-top:1px solid #2a2a2a;font:700 9px/1 Poppins,Arial,sans-serif;letter-spacing:.8px}.mission-strip span:nth-child(2){color:#fbb327}
@media(max-width:1100px){.topbar{grid-template-columns:minmax(250px,340px) minmax(0,1fr) auto;column-gap:14px;padding:0 26px}.brand img{width:330px}.form-switcher{gap:12px}.form-switcher .nav-button{font-size:10px}.form-subnav{gap:14px}.form-subnav .nav-button{font-size:10px}.account-signout{min-width:auto;padding:12px 15px;font-size:10px}}
@media(max-width:760px){.topbar{min-height:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding:12px 16px 0;row-gap:0}.brand{grid-column:1;grid-row:1;justify-self:start;padding:0}.brand img{width:min(360px,calc(100vw - 150px))}.account-area{grid-column:2;grid-row:1;margin:0;justify-self:end}.account-signout{padding:11px 14px;font-size:10px;box-shadow:none}.account-controls{gap:7px;font-size:8px}.account-controls .account-signout{padding:9px 10px;font-size:8px}.form-switcher{grid-column:1 / 3;grid-row:2;justify-content:flex-start;gap:14px;height:48px;border-top:1px solid #2b2b2b}.form-switcher .nav-button{font-size:9px}.form-subnav{grid-column:1 / 3;grid-row:3;justify-content:flex-start;gap:15px;height:43px}.form-subnav .nav-button{font-size:9px}.mission-strip{font-size:8px;line-height:1.45}}
@media(max-width:480px){.brand img{width:min(275px,calc(100vw - 130px))}.form-switcher{gap:12px}.form-subnav{gap:13px}.form-switcher .nav-button,.form-subnav .nav-button{font-size:8px}.account-signout{padding:10px 11px;font-size:9px}}

/* Larger navigation labels for the primary and page-specific menus. */
.form-switcher .nav-button{font-size:13.5px}.form-subnav .nav-button{font-size:12.375px}
@media(max-width:760px){.form-switcher .nav-button{font-size:10.125px}.form-subnav .nav-button{font-size:10.125px}}
@media(max-width:480px){.form-switcher .nav-button,.form-subnav .nav-button{font-size:9px}}

/* Larger header page description and signed-in account identification. */
.mission-strip{font-size:11.25px}.account-controls{font-size:11.25px}
@media(max-width:760px){.mission-strip{font-size:10px}.account-controls{font-size:10px}}

/* Keep page-submenu links vertically aligned with submenu buttons. */
.form-subnav a.nav-button{display:flex;align-items:center}

/* Keep role-permission controls centered directly below their headers. */
.role-permissions-table{table-layout:fixed}.role-permissions-table th:nth-child(n+3),.role-permissions-table td:nth-child(n+3){width:78px;text-align:center;vertical-align:middle}.role-permissions-table td:nth-child(n+3) input{display:block;width:18px;height:18px;margin:0 auto;accent-color:var(--maroon)}.role-permissions-table input:disabled{opacity:.42;cursor:not-allowed}

/* Preserve the complete run number and date as one readable incident-table value. */
@media(min-width:761px){#incidents table{min-width:1160px}#incidents th:first-child,#incidents td:first-child{width:205px;min-width:205px;white-space:nowrap}}

@media print{.summary-brand .summary-period.summary-period-kpis{grid-template-columns:minmax(135px,1fr) repeat(3,88px);max-width:510px}.summary-brand .summary-period.summary-period-kpis em{display:block;margin-top:2px;color:#fff;font-size:8px;font-style:normal;text-transform:none}}

/* Compact report rows just enough to preserve the two-page report layout. */
@media print{.summary-section{margin:8px 0}.summary-section h2{padding:5px 8px}.summary-table th{padding:3px 2px;font-size:7.5px;line-height:1.05}.summary-table td{padding:2px 3px;line-height:1.05}.summary-members-page .summary-table{font-size:8.5px}.summary-members-page .summary-table th{padding:2px;font-size:7px}.summary-members-page .summary-table td{padding:1.5px 2px;line-height:1.02}}

/* Individual NFIRS-style short incident form. */
#incident-short-print{display:none}
@media print{@page incident-short{size:letter portrait;margin:.4in}body.incident-short-print .topbar,body.incident-short-print .mission-strip,body.incident-short-print main,body.incident-short-print footer,body.incident-short-print dialog{display:none!important}body.incident-short-print #incident-short-print{display:block!important;color:#111;font:10pt/1.35 Arial,sans-serif}.incident-short-form{page:incident-short;border:1px solid #293238}.incident-short-header{display:grid;grid-template-columns:130px 1fr 150px;gap:14px;align-items:center;padding:12px 14px;color:#fff;background:#202629;border-bottom:5px solid #e0a800}.incident-short-header img{width:120px;max-height:62px;object-fit:contain}.incident-short-header p{margin:0 0 3px;color:#f3bd45;font-size:8pt;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.incident-short-header h1{margin:0;font-size:17pt;line-height:1.1}.incident-short-header span{font-size:8pt;color:#e5e8e9}.incident-short-number{padding:8px;background:#5f1828;text-align:center}.incident-short-number b{display:block;font-size:7pt;letter-spacing:.7px;text-transform:uppercase}.incident-short-number strong{display:block;margin-top:4px;font-size:13pt}.incident-short-section{margin:0}.incident-short-section h2{margin:0;padding:6px 10px;color:#fff;background:#5f1828;font-size:9pt;letter-spacing:.45px;text-align:center;text-transform:uppercase}.incident-short-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #bdc4c8}.incident-short-item{min-height:39px;padding:7px 9px;border-right:1px solid #bdc4c8;border-top:1px solid #bdc4c8}.incident-short-item:nth-child(3n){border-right:0}.incident-short-item.wide{grid-column:1/-1;border-right:0}.incident-short-item b{display:block;margin-bottom:3px;color:#4c555a;font-size:7.5pt;letter-spacing:.55px;text-transform:uppercase}.incident-short-item span{display:block;white-space:pre-wrap;font-weight:600}.incident-short-footer{padding:7px 10px;color:#fff;background:#202629;font-size:7.5pt;font-weight:700;text-align:center;text-transform:uppercase}.incident-short-section:last-of-type .incident-short-item.wide{min-height:68px}}

/* Keep both header menus visible at every usable screen width. */
.topbar{min-height:0;grid-template-columns:minmax(320px,470px) minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:22px;padding-inline:clamp(18px,3vw,56px)}.form-switcher{height:auto;min-height:66px;align-content:center;justify-content:flex-start;flex-wrap:wrap;overflow:visible;white-space:normal;padding:9px 0}.form-subnav{height:auto;min-height:54px;align-content:center;justify-content:flex-start;flex-wrap:wrap;overflow:visible;white-space:normal;padding:7px 0;row-gap:4px}.form-subnav .nav-button{height:auto;min-height:36px;padding:8px 0}.account-area{align-self:center}
@media(max-width:1100px){.topbar{grid-template-columns:minmax(250px,340px) minmax(0,1fr) auto;padding-inline:22px}.form-switcher{gap:11px}.form-subnav{gap:13px}}
@media(max-width:760px){.topbar{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:0;padding:12px 16px 0}.form-switcher,.form-subnav{height:auto;overflow:visible;white-space:normal;flex-wrap:wrap}.form-switcher{min-height:48px;padding:7px 0}.form-subnav{min-height:43px;padding:5px 0}.form-subnav .nav-button{min-height:30px;padding:6px 0}}

/* Preserve horizontal menu separation without adding vertical gaps when menus wrap. */
.form-switcher,.form-subnav{align-content:start;row-gap:0}.form-switcher{column-gap:18px}.form-subnav{column-gap:20px}.form-switcher .nav-button{padding-block:7px}.form-subnav .nav-button{padding-block:6px}@media(max-width:1100px){.form-switcher{column-gap:11px}.form-subnav{column-gap:13px}}@media(max-width:760px){.form-switcher{column-gap:14px}.form-subnav{column-gap:15px}}

/* Tablet and phone primary navigation: show the active section and use a menu drawer for the rest. */
.mobile-current,.menu-toggle{display:none}.menu-items{display:flex;align-items:center;justify-content:inherit;gap:inherit}.menu-toggle{appearance:none;background:transparent;border:1px solid rgba(255,255,255,.52);border-radius:0;padding:9px;line-height:0}.menu-toggle span{display:block;width:21px;height:2px;margin:3px 0;background:#fff}.menu-toggle:focus-visible{outline:2px solid #fbb327;outline-offset:3px}
@media(max-width:1024px){.topbar{grid-template-columns:minmax(205px,300px) minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;padding-inline:18px}.brand img{width:min(300px,100%)}.form-switcher{position:relative;display:flex;justify-content:flex-end;min-height:58px;padding:8px 0;overflow:visible;white-space:normal}.form-switcher .mobile-current{display:block;max-width:min(48vw,355px);padding:9px 0;color:#fbb327;overflow-wrap:anywhere;text-align:right}.form-switcher .menu-toggle{display:block;flex:none;margin-left:12px}.form-switcher .menu-items{position:absolute;z-index:20;top:calc(100% - 3px);right:0;display:none;width:min(330px,calc(100vw - 36px));padding:8px 16px 12px;background:#111;border:1px solid #3a3a3a;box-shadow:0 12px 26px rgba(0,0,0,.4)}.form-switcher.menu-open .menu-items{display:grid}.form-switcher .menu-items .nav-button{display:block;padding:12px 0;border-bottom:1px solid #353535;white-space:normal;text-align:left}.form-switcher .menu-items .nav-button:last-child{border-bottom:0}.form-switcher .menu-items .nav-button.active{display:none}.form-subnav{grid-column:2 / 4;justify-content:flex-start;align-content:center;min-height:50px;white-space:normal;overflow:visible;flex-wrap:wrap;column-gap:15px;row-gap:0}.form-subnav .nav-button{height:auto;min-height:30px;padding-block:6px;white-space:normal}.account-area{grid-column:3;grid-row:1}.account-signout{padding:11px 14px;font-size:10px}}
@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;padding:10px 16px 0}.brand{grid-column:1;grid-row:1}.brand img{width:min(290px,calc(100vw - 136px))}.account-area{grid-column:2;grid-row:1}.form-switcher{grid-column:1 / 3;grid-row:2;min-height:49px;border-top:1px solid #2b2b2b}.form-switcher .mobile-current{max-width:calc(100vw - 92px);font-size:10px;text-align:left}.form-switcher .menu-items{top:calc(100% - 1px);width:calc(100vw - 32px)}.form-subnav{grid-column:1 / 3;grid-row:3;min-height:0;padding:5px 0;column-gap:13px;row-gap:0}.form-subnav .nav-button{font-size:9px;line-height:1.25}.mission-strip{line-height:1.4;text-align:center}}
@media(max-width:390px){.brand img{width:min(234px,calc(100vw - 124px))}.account-signout{padding:9px 10px;font-size:8px}.form-switcher .mobile-current{font-size:9px}.menu-toggle{padding:7px}.form-subnav{column-gap:11px}.form-subnav .nav-button{font-size:8px}}

/* Mobile viewport guard: page padding already provides the outer margin.  Do not
   add form margins on top of it, which would make the form wider than the screen. */
@media(max-width:800px){html,body{width:100%;max-width:100%;overflow-x:clip}main,.view,.card,.form-grid,.shift-form,.shift-history,.inspection-intro,.pretrip-form,.pretrip-records,.waiver-form,.waiver-records,.application-form,.application-records,.accident-form,.accident-records{min-width:0;max-width:100%!important}.shift-form,.shift-history,.inspection-intro,.pretrip-form,.pretrip-records,.waiver-form,.waiver-records,.application-form,.application-records,.accident-form,.accident-records{width:100%!important;margin-left:0!important;margin-right:0!important}.form-grid fieldset,.shift-grid fieldset,.pretrip-grid fieldset,.waiver-grid fieldset,.application-grid fieldset,.accident-grid fieldset{min-width:0}.incident-dialog,.sign-in-dialog,.report-detail-dialog,.run-multiselect-dialog,.shift-edit-dialog,.shift-photo-dialog,.prior-findings-dialog,.file-preview-dialog,.address-review-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px auto!important;overflow-x:hidden}.shift-edit-dialog>header,.run-multiselect-dialog header,.file-preview-header,.address-review-dialog header{min-width:0}.shift-edit-dialog>header>*,.run-multiselect-dialog header>*,.file-preview-header>*,.address-review-dialog header>*{min-width:0}.choice-fieldset .radio-choice{white-space:normal;align-items:flex-start}.choice-fieldset .radio-choice span{min-width:0}.inspection-cards{margin-left:0!important;margin-right:0!important}}
.incident-row.linked-run td{background:#fff3cf!important}.incident-row.linked-run{outline:3px solid var(--gold);outline-offset:-3px}

/* Keep the complete shared main menu visible; links wrap instead of collapsing into a drawer. */
.form-switcher .mobile-current,.form-switcher .menu-toggle{display:none!important}.form-switcher .menu-items{position:static!important;display:flex!important;flex:1 1 100%;width:100%!important;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;align-items:center;justify-content:flex-start;gap:inherit;flex-wrap:wrap;overflow:visible}.form-switcher .menu-items .nav-button,.form-switcher .menu-items .nav-button.active{display:inline-flex!important;padding:7px 0!important;border:0!important;white-space:normal;text-align:left}.form-switcher .menu-items .nav-button.active{color:#fbb327!important}
.form-switcher .menu-items [data-admin-main-nav][hidden]{display:none!important}.form-switcher .menu-items [data-admin-main-nav].admin-main-visible:not([hidden]){display:inline-flex!important}

/* Incident RunSheet: keep native date/time controls and edit dialogs within narrow viewports. */
@media(max-width:800px){
  #run-form .time-grid,#incident-detail .incident-detail-grid{grid-template-columns:minmax(0,1fr)}
  #run-form input[type="date"],#run-form input[type="time"],#incident-detail input[type="date"],#incident-detail input[type="time"]{min-width:0;max-width:100%;width:100%;font-size:16px}
  #incident-detail{max-height:calc(100dvh - 24px);padding:16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  #incident-detail form,#incident-detail .incident-detail-grid,#incident-detail label{min-width:0;max-width:100%}
  #incident-detail .detail-heading{flex-wrap:wrap;gap:12px}
  #incident-detail .detail-heading>div{min-width:0}
}

/* Phones use a compact active-page label and hamburger drawer; desktop retains the wrapped full menu. */
@media(max-width:760px){
  .form-switcher{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:49px!important;padding:7px 0!important;flex-wrap:nowrap!important;overflow:visible!important;white-space:normal!important}
  .form-switcher .mobile-current{display:block!important;flex:1 1 auto;max-width:calc(100vw - 92px);padding:9px 0!important;color:#fbb327!important;overflow-wrap:anywhere;text-align:left}
  .form-switcher .menu-toggle{display:block!important;flex:none;margin-left:12px}
  .form-switcher .menu-items{position:absolute!important;z-index:30;top:calc(100% - 1px);right:0;display:none!important;width:calc(100vw - 32px)!important;min-width:0;padding:8px 16px 12px!important;border:1px solid #3a3a3a!important;background:#111!important;box-shadow:0 12px 26px rgba(0,0,0,.4)!important;overflow:visible!important}
  .form-switcher.menu-open .menu-items{display:grid!important}
  .form-switcher .menu-items .nav-button,.form-switcher .menu-items .nav-button.active{display:block!important;padding:12px 0!important;border-bottom:1px solid #353535!important;white-space:normal;text-align:left}
  .form-switcher .menu-items .nav-button:last-child{border-bottom:0!important}
  .form-switcher .menu-items .nav-button.active{display:none!important}
}

/* iOS date/time inputs reserve extra native control space; keep their visible box aligned with selects. */
@media(max-width:800px){
  #run-form input[type="date"],#run-form input[type="time"],#incident-detail input[type="date"],#incident-detail input[type="time"]{display:block!important;box-sizing:border-box!important;inline-size:calc(100% - 20px)!important;max-inline-size:calc(100% - 20px)!important}
}

/* Mobile form controls: uniform touch-friendly date and time fields. */
@media(max-width:800px){
  input[type="date"],input[type="time"]{min-height:46px;border-radius:9px;padding:10px 12px;background:#fff;box-shadow:inset 0 1px 2px rgba(19,21,22,.04)}
  .shift-report-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:18px!important}
  .shift-report-filters label,.shift-report-filters label:first-child{grid-column:auto!important;flex:none!important;width:100%!important}
  .shift-report-filters label>input,.shift-report-filters label>select,.shift-report-filters #clear-shift-report-filters{width:100%!important;min-width:0!important;height:46px!important;border-radius:9px}
  .shift-report-filters #clear-shift-report-filters{grid-column:auto!important;margin:0;text-align:center}
}

/* Shared date/time treatment across all forms. */
input[type="date"],input[type="time"]{min-height:44px;border:2px solid #bcc8d0;border-radius:9px;padding:9px 12px;background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(19,21,22,.08),inset 0 1px 2px rgba(19,21,22,.035);font-weight:600}
input[type="date"]:focus,input[type="time"]:focus{outline:3px solid rgba(191,165,106,.3);outline-offset:1px;border-color:#9b7f43;box-shadow:0 0 0 1px rgba(155,127,67,.25),inset 0 1px 2px rgba(19,21,22,.035)}
@media(max-width:800px){input[type="date"],input[type="time"]{min-height:46px;padding:10px 12px}}

/* Incident activity filters follow the same single-column mobile form rhythm as New Run. */
@media(max-width:800px){
  #incidents .toolbar{grid-template-columns:minmax(0,1fr)}
  #incidents .toolbar label,#incidents .toolbar label:first-child{grid-column:1/-1;min-width:0;width:100%}
  #incidents .toolbar input,#incidents .toolbar select{box-sizing:border-box;min-width:0;width:100%}
}

/* Lock native mobile date/time widgets inside form cards, including birth-date fields. */
@media(max-width:800px){
  main form input[type="date"],main form input[type="time"]{display:block!important;box-sizing:border-box!important;min-inline-size:0!important;inline-size:calc(100% - 20px)!important;width:calc(100% - 20px)!important;max-inline-size:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-right:20px!important}
  .toolbar input[type="date"],.toolbar input[type="time"]{display:block!important;box-sizing:border-box!important;min-inline-size:0!important;inline-size:calc(100% - 20px)!important;width:calc(100% - 20px)!important;max-inline-size:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-right:20px!important}
}