/* SCOFMP homepage + shared navigation polish, opt-in stylesheet */
:root { --sco-accent:#caad68; --sco-ink:#17222d; }
.header-banner { border-bottom:3px solid var(--sco-accent); }
.banner-img { height:clamp(190px,18vw,250px); }
.banner-logo { max-height:min(78%,205px); filter:drop-shadow(0 3px 12px rgba(0,0,0,.38)); }
.under-bar { gap:5px; padding:10px 14px; box-shadow:0 3px 12px rgba(0,0,0,.10); }
.under-bar .tab-link, .under-bar .tab-link:visited { margin:0 2px; padding:11px 13px; border-radius:7px; font-size:.82rem; letter-spacing:.025em; transition:background-color .18s ease,color .18s ease; }
.under-bar .tab-link:hover,.under-bar .tab-link:focus-visible { background:rgba(0,0,0,.10); color:#161616!important; text-decoration:none; }
.under-bar .tab-link.active { background:#171b20; color:#fff!important; }
.under-bar .tab-link:focus-visible,.left-sidebar a:focus-visible,.right-sidebar a:focus-visible { outline:3px solid #226ac1; outline-offset:2px; }
.wrapper { align-items:stretch; }
.main-content { padding:clamp(18px,3vw,42px); }
.main-content .welcome { margin-bottom:14px; }
.main-content .welcome h1 { font-size:clamp(1.3rem,1.85vw,1.9rem); font-weight:800; letter-spacing:-.02em; line-height:1.22; margin:6px 0 3px; }
.main-content .welcome .datetime { color:#56636c; font-weight:500; font-size:clamp(.85rem,1.05vw,1rem); margin:3px 0 6px; }
.main-content .welcome .emergency { max-width:850px; margin-left:auto; margin-right:auto; line-height:1.35; font-size:clamp(.95rem,1.15vw,1.08rem); margin-top:5px; margin-bottom:7px; }
.main-content .fires-section { border:1px solid #dce3e9; border-radius:12px; overflow:hidden; box-shadow:0 5px 18px rgba(17,35,48,.055); margin-bottom:24px; }
.main-content .fires-table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.main-content .fires-table { min-width:780px; }
.left-sidebar,.right-sidebar { padding:20px 16px; }
.left-sidebar section,.right-sidebar section { margin-bottom:23px; }
.left-sidebar a,.right-sidebar a { border-radius:7px; transition:background-color .15s ease,border-color .15s ease; }
.left-sidebar a:hover,.right-sidebar a:hover { transform:none; background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.6); }
@media(max-width:900px){ .under-bar { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; } .under-bar .tab-link { flex:0 0 auto; white-space:nowrap; } }
@media(max-width:700px){ .banner-img {height:185px;} .banner-logo{max-height:145px;} .main-content{padding:16px;} .left-sidebar,.right-sidebar{padding:15px;} }
@media(max-width:480px){ .under-bar {justify-content:flex-start; flex-wrap:nowrap; padding:8px;} .under-bar .tab-link{font-size:.75rem; padding:10px 11px;} .banner-img{height:155px;} .banner-logo{max-height:115px;} }
@media(prefers-reduced-motion:reduce){ .under-bar .tab-link,.left-sidebar a,.right-sidebar a{transition:none;} }

/* V5: compact first-page title banner on every public page */
.main-content .welcome .welcome-rule { height:3px; margin:7px 0; }
.main-content .welcome > br { display:none; }
@media(max-width:700px){ .main-content .welcome h1{font-size:clamp(1.15rem,4.3vw,1.5rem);} .main-content .welcome .emergency{font-size:.94rem;} }


/* V6 — shared public data-table and content surface refinements.
   Scoped to public .main-content; preserves status colors and data logic. */
@media screen {
  .main-content :is(.fires-section,.sr-section,.ar-section,.rx-section,.tr-section) {
    border:1px solid #dbe2e8;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(18,34,48,.055);
    margin-bottom:22px;
    background:#fff;
  }
  .main-content :is(.fires-table-wrap,.sr-table-wrap,.ar-table-wrap,.rx-table-wrap,.tr-table-wrap) {
    max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) {
    width:100%; border-collapse:separate; border-spacing:0;
    font-variant-numeric:tabular-nums;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) thead th {
    background:#f0f3f5; color:#26343d;
    font-weight:750; letter-spacing:.025em;
    border-bottom:2px solid #caad68;
    white-space:nowrap;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) tbody tr:nth-child(even) {
    background:#f8fafb;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) tbody tr:hover {
    background:#edf3f7;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) tbody td {
    border-bottom:1px solid #e8edf0;
    line-height:1.45;
  }
  .main-content :is(.fires-table,.sr-table,.ar-table,.rx-table,.tr-table) tbody tr:last-child td {
    border-bottom:0;
  }
  .main-content :is(.sr-section-header,.ar-section-header,.rx-section-header,.tr-section-header) {
    padding-block:13px;
  }
  .main-content :is(.fire-status,.sr-status,.ar-status,.status-chip) {
    font-weight:700;
    letter-spacing:.01em;
  }
}
@media screen and (max-width:700px) {
  .main-content :is(.fires-section,.sr-section,.ar-section,.rx-section,.tr-section) {
    border-radius:9px; margin-bottom:16px;
  }
  .main-content :is(.fires-table-wrap,.sr-table-wrap,.ar-table-wrap,.rx-table-wrap,.tr-table-wrap) {
    overscroll-behavior-x:contain;
  }
}


/* V7 — Sitewide public navigation and sidebar refinements.
   CSS only; no changes to links, menus, status data, or PHP behavior. */
@media screen {
  .under-bar { scroll-padding-inline:16px; }
  .under-bar .tab-link,
  .under-bar .tab-link:visited {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:36px; text-align:center;
  }
  .under-bar .tab-link.active { box-shadow:inset 0 -2px 0 var(--sco-accent); }
  .left-sidebar,.right-sidebar { box-sizing:border-box; }
  .left-sidebar :is(h2,h3),.right-sidebar :is(h2,h3) {
    line-height:1.3; letter-spacing:.075em;
    margin-bottom:9px; padding-bottom:8px;
    border-bottom:1px solid rgba(202,173,104,.5);
    overflow-wrap:anywhere;
  }
  .left-sidebar :is(ul,ol),.right-sidebar :is(ul,ol) { gap:5px; }
  .left-sidebar li,.right-sidebar li { min-width:0; }
  .left-sidebar a,.right-sidebar a {
    box-sizing:border-box; min-width:0;
    overflow-wrap:anywhere;
    line-height:1.4;
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.035);
    padding:8px 10px;
  }
  .left-sidebar a:hover,.right-sidebar a:hover {
    background:rgba(202,173,104,.16);
    border-color:rgba(202,173,104,.85);
    color:#fff;
  }
  .left-sidebar a:focus-visible,.right-sidebar a:focus-visible,
  .under-bar .tab-link:focus-visible {
    outline:3px solid #f0d387; outline-offset:2px;
  }
}
@media screen and (max-width:1024px) {
  .left-sidebar,.right-sidebar { gap:12px; }
  .left-sidebar section,.right-sidebar section { margin-bottom:10px; }
}
@media screen and (max-width:900px) {
  .under-bar { overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
  .under-bar .tab-link { flex:0 0 auto; }
}
@media screen and (max-width:700px) {
  .left-sidebar,.right-sidebar { gap:0; }
  .left-sidebar section,.right-sidebar section { width:100%; max-width:none; }
  .left-sidebar a,.right-sidebar a { padding:10px 12px; }
  .under-bar .tab-link { min-height:40px; }
}
@media screen and (max-width:480px) {
  .under-bar { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; }
  .under-bar .tab-link { flex:0 0 auto; white-space:nowrap; }
}