/* VI Outage Tracker internal Tabler overrides.
   Real shell/components come from static/vendor/tabler/tabler.min.css. */

.wapa-tabler-app{
  --wapa-red:#dc2626;
  --wapa-orange:#f97316;
  --wapa-yellow:#facc15;
  --wapa-green:#22c55e;
  --wapa-blue:#2563eb;
  background:var(--tblr-bg-surface);
}
.wapa-tabler-app .page{max-width:none!important;width:100%!important;margin:0!important}
.wapa-tabler-app .navbar-vertical{box-shadow:none;border-right:1px solid var(--tblr-border-color)}
.wapa-tabler-app .navbar-vertical.navbar-expand-lg .navbar-brand{min-height:3.25rem;padding-left:.6rem!important;padding-right:.35rem!important;box-sizing:border-box;justify-content:flex-start!important}.wapa-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-right:.45rem;border-radius:.45rem;background:#0b1f4d;color:#fff}.wapa-brand-logo{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-height:2.25rem;width:min(15rem,calc(100vw - 2rem));max-width:15rem;line-height:1}.wapa-brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:2.25rem;object-fit:contain;flex:0 0 auto}.wapa-brand-subtitle{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-size:.72rem;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tblr-secondary);opacity:.95;transform:translateY(calc(.1em + 4px))}.wapa-brand-logo-dark{display:none!important}.wapa-tabler-app[data-bs-theme=dark] .wapa-brand-logo-light{display:none!important}.wapa-tabler-app[data-bs-theme=dark] .wapa-brand-logo-dark{display:block!important}.wapa-tabler-app .navbar-subtitle{display:none!important}
.wapa-tabler-app .nav-link{border:0;background:transparent;text-align:left;min-height:36px;cursor:pointer;padding-top:.35rem;padding-bottom:.35rem;box-shadow:none!important;border-radius:var(--tblr-border-radius)}
.wapa-tabler-app .nav-link.active{color:var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.10);font-weight:600;box-shadow:inset 3px 0 0 currentColor!important}
.wapa-tabler-app .wapa-topbar{display:none}.wapa-tabler-app .page-wrapper>.container,.wapa-tabler-app .page-wrapper>.container-fluid,.wapa-tabler-app .page-header .container-fluid,.wapa-tabler-app .page-body>.container-fluid{max-width:none!important;width:100%!important}.wapa-tabler-app .page-header{margin:0;padding:.65rem 0 .35rem}.wapa-tabler-app .page-body{margin-top:.5rem}.wapa-tabler-app .wapa-page-title-stack{display:block}.wapa-tabler-app .wapa-page-title-stack .page-pretitle,.wapa-tabler-app .wapa-page-title-stack .page-title{margin-left:0!important;padding-left:0!important;text-indent:0!important}.wapa-tabler-app .page-title{letter-spacing:-.025em;font-size:1.1rem}.wapa-tabler-app .page-pretitle{font-size:.68rem}.wapa-tabler-app .page-header .btn-list .btn{min-height:32px;padding:.25rem .6rem}
.wapa-tabler-app .historyModeBar{display:block;max-height:0;opacity:1;overflow:hidden;transform:none;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;transition:max-height .58s cubic-bezier(.16,1,.3,1),padding-top .58s cubic-bezier(.16,1,.3,1),padding-bottom .58s cubic-bezier(.16,1,.3,1),margin-top .58s cubic-bezier(.16,1,.3,1),border-width .58s cubic-bezier(.16,1,.3,1)}.wapa-tabler-app .historyModeBar.show,.wapa-tabler-app .historyModeBar.wapa-notice-hiding{display:block;max-height:260px;opacity:1;transform:none;margin-top:1rem!important;padding:.75rem 1rem!important;border-width:1px!important}
.wapa-tabler-app .labsPage{display:none}.wapa-tabler-app .labsPage.show{display:block}
.wapa-tabler-app .wapa-kpi-row:empty:before{content:"Loading live WAPA summary…";color:var(--tblr-secondary);padding:.5rem .75rem}
.wapa-tabler-app .wapa-kpi-row{--tblr-gutter-x:.5rem;--tblr-gutter-y:.5rem;margin-bottom:.5rem!important;align-items:stretch}.wapa-tabler-app .wapa-kpi-row>[class*=col-]{display:flex}.wapa-tabler-app .wapa-kpi-card{display:flex;flex:1 1 auto;height:100%;min-height:88px}.wapa-tabler-app .wapa-kpi-card .card-body{min-height:88px;width:100%;padding:.78rem .92rem;display:flex;flex-direction:column;justify-content:center;gap:.32rem}.wapa-tabler-app .wapa-kpi-value{font-size:1.45rem;font-weight:700;letter-spacing:-.04em;line-height:1}.wapa-tabler-app .wapa-kpi-time{font-size:1.08rem;letter-spacing:-.025em;line-height:1.18;white-space:normal;overflow-wrap:anywhere}.wapa-tabler-app .wapa-kpi-label{text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;color:var(--tblr-secondary);font-weight:700}.wapa-tabler-app .wapa-kpi-card .badge{align-self:flex-start}.wapa-tabler-app .wapa-kpi-card .text-secondary{font-size:.72rem}
.wapa-map-card{overflow:hidden}.wapa-tabler-app #map.wapa-map,.wapa-map{height:calc(100vh - 205px);min-height:520px;max-height:780px;width:100%;z-index:1;overflow:hidden}.leaflet-container{font-family:var(--tblr-font-sans-serif);background:#0f172a;overflow:hidden!important}.leaflet-pane,.leaflet-tile-pane,.leaflet-marker-pane,.leaflet-overlay-pane{max-width:100%;max-height:100%}.leaflet-proxy{display:none!important}.leaflet-control-attribution{font-size:10px!important}.wapa-tabler-app[data-bs-theme=dark] .leaflet-tile{filter:grayscale(.18) saturate(.85) brightness(.82) contrast(1.05)}.wapa-tabler-app[data-bs-theme=light] .leaflet-tile{filter:saturate(.95) brightness(1.02)}
.wapa-tabler-app .leaflet-bar,.wapa-tabler-app .leaflet-control-layers{border:1px solid var(--tblr-border-color)!important;border-radius:var(--tblr-border-radius)!important;background:var(--tblr-bg-surface)!important;box-shadow:var(--tblr-shadow)!important}.wapa-tabler-app .leaflet-bar a{background:var(--tblr-bg-surface)!important;color:var(--tblr-body-color)!important;border-color:var(--tblr-border-color)!important}.wapa-tabler-app .leaflet-control-layers label,.wapa-tabler-app .leaflet-control-layers span{color:var(--tblr-body-color)!important}.wapa-tabler-app .leaflet-popup-content-wrapper{border-radius:var(--tblr-border-radius-lg);background:var(--tblr-bg-surface);color:var(--tblr-body-color);box-shadow:var(--tblr-shadow-lg)}.wapa-tabler-app .leaflet-popup-tip{background:var(--tblr-bg-surface)}
.wapa-tabler-app .mapNote{display:none}.wapa-tabler-app .selectedOutage{display:block;width:100%;box-sizing:border-box;margin:0!important;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);padding-top:0!important;padding-bottom:0!important;border-width:0!important;transition:max-height .52s cubic-bezier(.16,1,.3,1),opacity .34s ease-out,transform .52s cubic-bezier(.16,1,.3,1),padding-top .52s cubic-bezier(.16,1,.3,1),padding-bottom .52s cubic-bezier(.16,1,.3,1),margin-top .52s cubic-bezier(.16,1,.3,1),border-width .52s cubic-bezier(.16,1,.3,1)}.wapa-tabler-app .selectedOutage.show{max-height:560px;opacity:1;transform:translateY(0);margin-top:.75rem!important;padding-top:1rem!important;padding-bottom:1rem!important;border-width:1px!important}.wapa-tabler-app .selectedOutage h3{margin:0 0 .25rem;font-size:1rem}
.wapa-tabler-app .card{box-shadow:0 .125rem .25rem rgba(0,0,0,.08)}.wapa-tabler-app .card-header{min-height:42px;padding:.55rem .75rem}.wapa-tabler-app .card-body{padding:.75rem}.wapa-tabler-app .card-header .card-title{margin:0;font-size:.95rem}.wapa-tabler-app .muted,.wapa-tabler-app .timelineHelp,.wapa-tabler-app .matchMeta{color:var(--tblr-secondary)!important}.wapa-tabler-app #viewer .statusCards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.4rem;margin:0 0 .5rem}.wapa-tabler-app .statusCards,.wapa-tabler-app .islandSummary,.wapa-tabler-app .analyticsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.wapa-tabler-app .statusCard,.wapa-tabler-app .islandCard,.wapa-tabler-app .summaryBox,.wapa-tabler-app .sourceBox,.wapa-tabler-app .lookupBox,.wapa-tabler-app .analyticsPanel{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-tertiary);padding:.6rem}.wapa-tabler-app .statusCard h4{margin:0 0 .25rem;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wapa-tabler-app .analyticsPanel h4{margin:0 0 .25rem;font-size:.78rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.wapa-tabler-app .statusMetric{display:block;border-top:1px solid var(--tblr-border-color);padding-top:.28rem;margin-top:.28rem}.wapa-tabler-app .statusMetric span{display:block;color:var(--tblr-secondary);font-size:.64rem;line-height:1.1}.wapa-tabler-app .statusMetric b{display:block;font-size:.78rem;line-height:1.15}.wapa-tabler-app .issueCard{border-left:3px solid var(--wapa-orange)}.wapa-tabler-app .onlineCard{border-left:3px solid var(--wapa-green)}

.wapa-tabler-app .feederControls{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin:.45rem 0}.wapa-tabler-app #feeders{max-width:100%;overflow:visible}.wapa-tabler-app .wapa-main-dashboard{--tblr-gutter-x:.75rem;--tblr-gutter-y:.75rem;align-items:flex-start}.wapa-tabler-app #mainGrid{align-self:flex-start;max-height:calc(100vh - 140px);overflow:hidden}.wapa-tabler-app #mainGrid .card{height:auto!important;max-height:calc(100vh - 140px);overflow:hidden}.wapa-tabler-app #mainGrid .card-body{min-width:0;max-height:calc(100vh - 195px);overflow:auto;padding:.6rem}.wapa-tabler-app .wapa-main-dashboard>.card.col-12{width:calc(100% - var(--tblr-gutter-x));max-width:calc(100% - var(--tblr-gutter-x));margin-left:calc(var(--tblr-gutter-x)*.5);margin-right:calc(var(--tblr-gutter-x)*.5)}.wapa-tabler-app .islandFilter{display:flex;gap:.35rem;align-items:center;font-weight:600;color:var(--tblr-secondary);font-size:.75rem}.wapa-tabler-app .islandFilter select{min-height:34px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-forms);color:var(--tblr-body-color);padding:.25rem 1.75rem .25rem .55rem}.wapa-tabler-app .filterBtn{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);color:var(--tblr-body-color);padding:.25rem .55rem;font-weight:600;font-size:.78rem}.wapa-tabler-app .filterBtn.active{background:var(--tblr-primary);border-color:var(--tblr-primary);color:#fff}.wapa-tabler-app .feederTable{width:100%;border-collapse:collapse;font-size:.82rem}.wapa-tabler-app .feederTable th,.wapa-tabler-app .feederTable td{padding:.42rem .38rem;border-bottom:1px solid var(--tblr-border-color);vertical-align:middle}.wapa-tabler-app .feederTable th{font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tblr-secondary);font-weight:700}.wapa-tabler-app .feederTable tr:hover{background:rgba(var(--tblr-primary-rgb),.06)}.wapa-tabler-app .islandCell{font-weight:700;color:var(--tblr-body-color);white-space:nowrap;font-size:.74rem}.wapa-tabler-app .primaryFeederName{font-weight:700;font-size:.84rem}.wapa-tabler-app .out{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.wapa-tabler-app #mainGrid #viewer .statusCards{grid-template-columns:1fr!important}.wapa-tabler-app #mainGrid .statusCard{padding:.48rem}.wapa-tabler-app #mainGrid .statusCard h4{white-space:normal;overflow:visible;text-overflow:clip;display:block;font-size:.82rem;line-height:1.18}.wapa-tabler-app #mainGrid .statusCard h4 .tag{display:inline-flex;margin:.2rem 0 0 0!important;max-width:100%;white-space:normal;line-height:1.05}.wapa-tabler-app #mainGrid .statusMetric{display:block;margin-top:.22rem;padding-top:.22rem}.wapa-tabler-app #mainGrid .statusMetric span{display:block;white-space:normal;font-size:.6rem}.wapa-tabler-app #mainGrid .statusMetric b{text-align:left;overflow-wrap:normal;word-break:normal;font-size:.73rem}.wapa-tabler-app #areaToggle:hover,.wapa-tabler-app #areaToggle:focus-visible{background:#164e63!important;color:#f8fafc!important;border-color:#22d3ee!important}.wapa-tabler-app #areaToggle:hover .card-title,.wapa-tabler-app #areaToggle:hover .collapseIcon,.wapa-tabler-app #areaToggle:focus-visible .card-title,.wapa-tabler-app #areaToggle:focus-visible .collapseIcon{color:#f8fafc!important}.wapa-tabler-app[data-bs-theme=light] #areaToggle:hover,.wapa-tabler-app[data-bs-theme=light] #areaToggle:focus-visible{background:#dbeafe!important;color:#0f172a!important;border-color:#2563eb!important}.wapa-tabler-app[data-bs-theme=light] #areaToggle:hover .card-title,.wapa-tabler-app[data-bs-theme=light] #areaToggle:hover .collapseIcon,.wapa-tabler-app[data-bs-theme=light] #areaToggle:focus-visible .card-title,.wapa-tabler-app[data-bs-theme=light] #areaToggle:focus-visible .collapseIcon{color:#0f172a!important}
.wapa-tabler-app .tag,.wapa-tabler-app .chip{display:inline-flex;align-items:center;gap:.25rem;min-height:1.5rem;padding:.16rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.wapa-tabler-app .tag.major{background:rgba(220,38,38,.14);color:#fca5a5;border-color:rgba(220,38,38,.35)}.wapa-tabler-app .tag.verified{background:rgba(249,115,22,.14);color:#fdba74;border-color:rgba(249,115,22,.35)}.wapa-tabler-app .tag.reported{background:rgba(250,204,21,.14);color:#fde68a;border-color:rgba(250,204,21,.35)}.wapa-tabler-app .tag.online{background:rgba(34,197,94,.14);color:#86efac;border-color:rgba(34,197,94,.35)}.wapa-tabler-app[data-bs-theme=light] .tag.major{color:#991b1b}.wapa-tabler-app[data-bs-theme=light] .tag.verified{color:#9a3412}.wapa-tabler-app[data-bs-theme=light] .tag.reported{color:#854d0e}.wapa-tabler-app[data-bs-theme=light] .tag.online{color:#166534}.wapa-tabler-app .chip{background:var(--tblr-bg-surface);border-color:var(--tblr-border-color);color:var(--tblr-body-color);margin:.15rem}.wapa-tabler-app .chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}
.wapa-tabler-app .collapsible .collapseBody{display:block;max-height:1200px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .52s cubic-bezier(.16,1,.3,1),opacity .34s ease-out,transform .52s cubic-bezier(.16,1,.3,1),padding-top .52s cubic-bezier(.16,1,.3,1),padding-bottom .52s cubic-bezier(.16,1,.3,1)}.wapa-tabler-app .collapsible.collapsed .collapseBody{display:block;max-height:0;opacity:0;transform:translateY(-6px);padding-top:0!important;padding-bottom:0!important}.wapa-tabler-app #areaToggle{border:0}.wapa-tabler-app .areaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.wapa-tabler-app .areaCard,.wapa-tabler-app .areaMatch{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-tertiary);padding:.875rem}.wapa-tabler-app .areaCard h4{margin:0;font-size:.95rem}.wapa-tabler-app .lookupMatch{border-left:4px solid var(--tblr-primary)}.wapa-tabler-app .sourceLinks,.wapa-tabler-app .csvLinks{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.wapa-tabler-app .sourceLinks a,.wapa-tabler-app .csvLinks a{display:inline-flex;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:.25rem .5rem;text-decoration:none}.wapa-tabler-app .activeOutageAlert{border:1px solid rgba(220,38,38,.3);border-left:4px solid var(--wapa-red);border-radius:var(--tblr-border-radius);padding:.75rem;margin-bottom:.75rem;background:rgba(220,38,38,.08)}.wapa-tabler-app .activeOutageHead{font-weight:700;color:#fca5a5}.wapa-tabler-app[data-bs-theme=light] .activeOutageHead{color:#991b1b}
.wapa-tabler-app .timelineControls,.wapa-tabler-app .timelineToolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.wapa-tabler-app .timelineFilter{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--tblr-secondary);font-size:.82rem;font-weight:700}.wapa-tabler-app .timelineDistrictFilter select{min-width:11rem}.wapa-tabler-app .timelineFeederFilter select{min-width:15rem}.wapa-tabler-app .timelineControls select,.wapa-tabler-app .timelineToolbar select{min-height:40px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-forms);color:var(--tblr-body-color);padding:.375rem 2rem .375rem .75rem}.wapa-tabler-app .timelineControls button,.wapa-tabler-app .timelineToolbar button,.wapa-tabler-app .zoomBtn{min-height:40px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);color:var(--tblr-body-color);padding:.375rem .75rem;font-weight:600}.wapa-tabler-app .timelineControls button.active,.wapa-tabler-app .timelineToolbar button.active{background:var(--tblr-primary);border-color:var(--tblr-primary);color:#fff}.wapa-tabler-app .timelineSvg{width:100%;height:auto;display:block}.wapa-tabler-app .timeLabel{fill:var(--tblr-secondary)}
.wapa-tabler-app .mapHistoryOverlay{position:absolute;z-index:450;left:1rem;top:1rem;max-width:min(520px,calc(100% - 2rem));display:none}.wapa-tabler-app .mapHistoryOverlay.show{display:block}.wapa-tabler-app .mapLensCard{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-shadow-lg);padding:.875rem}.wapa-tabler-app .mapLensGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.wapa-tabler-app .mapLensStat{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:.5rem}.wapa-tabler-app .countDot,.wapa-tabler-app .ghostDot,.wapa-tabler-app .historicalLensLabel,.wapa-tabler-app .islandClusterDot{color:#fff;border:2px solid rgba(255,255,255,.88);box-shadow:0 4px 12px rgba(0,0,0,.35);font-weight:800;text-align:center}.wapa-tabler-app .countDot{width:34px;height:34px;border-radius:50%;line-height:30px;font-size:11px}.wapa-tabler-app .countDot.small{width:26px;height:26px;line-height:22px}.wapa-tabler-app .islandClusterDot{width:58px;height:58px;border-radius:50%;display:grid;place-items:center}.wapa-tabler-app .islandClusterDot span{display:block;font-size:10px}.wapa-tabler-app .historicalLensLabel{border-radius:999px;background:#f59e0b;padding:.35rem .6rem}
@media (max-width:991.98px){.wapa-tabler-app .navbar-vertical .navbar-collapse{padding-bottom:1rem}.wapa-tabler-app #map.wapa-map,.wapa-tabler-app .wapa-map{height:58vh;min-height:390px;max-height:520px}.wapa-tabler-app #mainGrid{max-height:none;overflow:visible}.wapa-tabler-app #mainGrid .card{max-height:none}.wapa-tabler-app #mainGrid .card-body{max-height:none;overflow:visible}.wapa-tabler-app #mainGrid #viewer .statusCards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.wapa-tabler-app .card-actions{max-width:100%;overflow:auto}.wapa-tabler-app .wapa-kpi-value{font-size:1.45rem}}
@media (max-width:575.98px){.wapa-tabler-app .page-body{margin-top:.75rem}.wapa-tabler-app .container-fluid{padding-left:.75rem;padding-right:.75rem}.wapa-tabler-app #map.wapa-map,.wapa-tabler-app .wapa-map{height:50vh;min-height:340px;max-height:430px}.wapa-tabler-app .statusCards,.wapa-tabler-app .areaGrid,.wapa-tabler-app .analyticsGrid{grid-template-columns:1fr}.wapa-tabler-app .feederTable{font-size:.82rem;table-layout:fixed}.wapa-tabler-app .feederTable th,.wapa-tabler-app .feederTable td{padding:.5rem .35rem}.wapa-tabler-app .feederTable th:nth-child(3),.wapa-tabler-app .feederTable td:nth-child(3){display:none}.wapa-tabler-app .feederTable th:nth-child(1),.wapa-tabler-app .feederTable td:nth-child(1){width:5.8rem}.wapa-tabler-app .feederTable th:nth-child(4),.wapa-tabler-app .feederTable td:nth-child(4){width:3.4rem}.wapa-tabler-app .fname,.wapa-tabler-app .primaryFeederName{word-break:break-word;overflow-wrap:anywhere}.wapa-tabler-app .btn,.wapa-tabler-app button,.wapa-tabler-app select,.wapa-tabler-app input{min-height:40px}.wapa-tabler-app .leaflet-control-layers{max-width:240px}}
@media (prefers-reduced-motion:no-preference){.wapa-tabler-app .card,.wapa-tabler-app .nav-link,.wapa-tabler-app .btn{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.wapa-tabler-app .btn:hover{transform:translateY(-1px)}}

/* Adversarial QA fixes: keep the alternate app slate-first, but make both
   theme states readable. These are intentionally scoped to the internal
   Tabler shell so the public VI Outage Tracker app is untouched. */
.wapa-tabler-app[data-bs-theme=dark],
.wapa-tabler-app[data-bs-theme=dark] .page,
.wapa-tabler-app[data-bs-theme=dark] .page-wrapper{
  --tblr-bg-surface:#111827;
  --tblr-bg-surface-secondary:#0f172a;
  --tblr-bg-surface-tertiary:#1f2937;
  --tblr-body-color:#e5edf8;
  --tblr-secondary:#a8b3c7;
  --tblr-border-color:#334155;
  background:#0f172a;
  color:#e5edf8;
}
.wapa-tabler-app[data-bs-theme=light],
.wapa-tabler-app[data-bs-theme=light] .page,
.wapa-tabler-app[data-bs-theme=light] .page-wrapper{
  --tblr-bg-surface:#ffffff;
  --tblr-bg-surface-secondary:#f1f5f9;
  --tblr-bg-surface-tertiary:#f8fafc;
  --tblr-body-color:#0f172a;
  --tblr-secondary:#475569;
  --tblr-border-color:#cbd5e1;
  background:#eef2f7;
  color:#0f172a;
}
.wapa-tabler-app[data-bs-theme=light] .card,
.wapa-tabler-app[data-bs-theme=light] .summaryBox,
.wapa-tabler-app[data-bs-theme=light] .sourceBox,
.wapa-tabler-app[data-bs-theme=light] .lookupBox,
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel,
.wapa-tabler-app[data-bs-theme=light] .statusCard,
.wapa-tabler-app[data-bs-theme=light] .islandCard,
.wapa-tabler-app[data-bs-theme=light] .areaCard,
.wapa-tabler-app[data-bs-theme=light] .areaMatch,
.wapa-tabler-app[data-bs-theme=light] .mapLensCard,
.wapa-tabler-app[data-bs-theme=light] .mapLensStat,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup-content-wrapper,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup-tip{
  background:#ffffff;
  color:#0f172a;
}
.wapa-tabler-app[data-bs-theme=light] .wapa-kpi-card .card-body,
.wapa-tabler-app[data-bs-theme=light] .wapa-kpi-card{
  background:#ffffff;
}
.wapa-tabler-app[data-bs-theme=light] .wapa-kpi-value,
.wapa-tabler-app[data-bs-theme=light] .card-title,
.wapa-tabler-app[data-bs-theme=light] .page-title,
.wapa-tabler-app[data-bs-theme=light] .islandCell,
.wapa-tabler-app[data-bs-theme=light] .primaryFeederName,
.wapa-tabler-app[data-bs-theme=light] .statusMetric b{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .wapa-kpi-label,
.wapa-tabler-app[data-bs-theme=light] .page-pretitle,
.wapa-tabler-app[data-bs-theme=light] .muted,
.wapa-tabler-app[data-bs-theme=light] .timelineHelp,
.wapa-tabler-app[data-bs-theme=light] .matchMeta,
.wapa-tabler-app[data-bs-theme=light] .statusMetric span,
.wapa-tabler-app[data-bs-theme=light] .text-secondary{
  color:#475569!important;
}
.wapa-tabler-app .btn-outline-secondary,
.wapa-tabler-app .filterBtn,
.wapa-tabler-app .timelineControls button,
.wapa-tabler-app .timelineToolbar button,
.wapa-tabler-app .timelineControls select,
.wapa-tabler-app .timelineToolbar select,
.wapa-tabler-app .form-select,
.wapa-tabler-app .form-control,
.wapa-tabler-app .input-group-text{
  color:var(--tblr-body-color)!important;
  border-color:var(--tblr-border-color)!important;
}
.wapa-tabler-app[data-bs-theme=light] .btn-outline-secondary,
.wapa-tabler-app[data-bs-theme=light] .filterBtn,
.wapa-tabler-app[data-bs-theme=light] .timelineControls button,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar button,
.wapa-tabler-app[data-bs-theme=light] .input-group-text{
  background:#ffffff!important;
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] #tablerThemeToggle{
  background:#ffffff!important;
  color:#1e293b!important;
  border-color:#94a3b8!important;
}
.wapa-tabler-app .nav-link.active,
.wapa-tabler-app .nav-link.active .nav-link-title{
  color:#93c5fd!important;
}
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .navbar-collapse,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .border-top{
  background:#ffffff!important;
  color:#0f172a!important;
}
.wapa-tabler-app .wapa-sidebar-tools{display:grid;gap:.5rem}.wapa-tabler-app .wapa-labs-nav{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface-tertiary);color:var(--tblr-body-color);box-shadow:none!important}.wapa-tabler-app .wapa-labs-nav:hover{background:rgba(var(--tblr-primary-rgb),.08)}.wapa-tabler-app .wapa-labs-nav.active{background:rgba(14,165,233,.16);color:#7dd3fc!important;border-color:rgba(14,165,233,.45);box-shadow:inset 3px 0 0 #38bdf8!important}.wapa-tabler-app .wapa-nav-svg{width:1.15rem;height:1.15rem;display:block}.wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav{background:#f8fafc;color:#334155!important;border-color:#cbd5e1}.wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav.active{background:#e0f2fe;color:#075985!important;border-color:#7dd3fc;box-shadow:inset 3px 0 0 #0284c7!important}
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .text-secondary,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .small,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .d-flex,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .navbar-brand,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .navbar-brand span,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link,
.wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link-title{
  color:#334155!important;
  opacity:1!important;
}
.wapa-tabler-app[data-bs-theme=light] .nav-link.active,
.wapa-tabler-app[data-bs-theme=light] .nav-link.active .nav-link-title{
  color:#063f7c!important;
  background:#dbeafe!important;
}
.wapa-tabler-app .filterBtn.active,
.wapa-tabler-app .timelineControls button.active,
.wapa-tabler-app .timelineToolbar button.active{
  background:#0f4f9c!important;
  border-color:#0f4f9c!important;
  color:#fff!important;
}
.wapa-tabler-app .matchMeta,
.wapa-tabler-app .matchMeta b{
  color:#cbd5e1!important;
}
.wapa-tabler-app[data-bs-theme=light] .matchMeta,
.wapa-tabler-app[data-bs-theme=light] .matchMeta b{
  color:#334155!important;
}
.wapa-tabler-app .outSince{color:#fde68a!important;font-weight:700}
.wapa-tabler-app[data-bs-theme=light] .outSince{color:#854d0e!important}
.wapa-tabler-app .countDot,
.wapa-tabler-app .ghostDot,
.wapa-tabler-app .historicalLensLabel,
.wapa-tabler-app .islandClusterDot{
  color:#111827!important;
  border-color:rgba(15,23,42,.35);
  text-shadow:none;
}
.wapa-tabler-app .countDot.major,
.wapa-tabler-app .islandClusterDot.major,
.wapa-tabler-app .ghostDot.major{
  background:#dc2626!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.75);
}
.wapa-tabler-app .historicalLensLabel{
  background:#fbbf24!important;
}

@media (max-width:991.98px){
  .wapa-tabler-app .btn,
  .wapa-tabler-app button,
  .wapa-tabler-app select,
  .wapa-tabler-app input,
  .wapa-tabler-app .form-select,
  .wapa-tabler-app .form-control{
    min-height:42px;
  }
  .wapa-tabler-app .navbar-toggler{min-width:42px;min-height:42px}
  .wapa-tabler-app .page-header .btn-list .btn{min-height:42px;padding:.45rem .75rem}
  .wapa-tabler-app .leaflet-control-zoom a{width:40px!important;height:40px!important;line-height:40px!important}
  .wapa-tabler-app .leaflet-control-layers-toggle{width:40px!important;height:40px!important}
}


/* Follow-up polish: labs toggles, 3-up right-rail cards, light graph palette. */
.wapa-tabler-app .labToggle{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.75rem;align-items:flex-start;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-tertiary);padding:.8rem;min-height:100%;overflow:hidden}.wapa-tabler-app .labToggle .form-check-input{float:none;margin:0;width:2.45rem;min-width:2.45rem;height:1.35rem}.wapa-tabler-app .labToggle .form-check-label{min-width:0;display:block;line-height:1.25}.wapa-tabler-app .labToggle .text-secondary{display:block;margin-top:.15rem}.wapa-tabler-app[data-bs-theme=light] .timelineSvg,.wapa-tabler-app[data-bs-theme=light] .timelineOverview{background:#f8fafc;border-radius:var(--tblr-border-radius);border:1px solid #dbe3ef}.wapa-tabler-app[data-bs-theme=light] .timelineSvg text,.wapa-tabler-app[data-bs-theme=light] .timeLabel{fill:#334155!important}.wapa-tabler-app[data-bs-theme=light] .timelineStats,.wapa-tabler-app[data-bs-theme=light] .timelineLegend,.wapa-tabler-app[data-bs-theme=light] .timelineMeta{color:#334155}.wapa-tabler-app[data-bs-theme=light] .timelineLegend .swatch{box-shadow:0 0 0 1px rgba(15,23,42,.12)}
@media (max-width:575.98px){.wapa-tabler-app .labToggle{grid-template-columns:2.75rem minmax(0,1fr);padding:.7rem}.wapa-tabler-app #mainGrid #viewer .statusCards{grid-template-columns:1fr!important}}


/* Panel motion: animated map detail and expandable sections push siblings smoothly. */
@media (min-width:1200px){.wapa-tabler-app #mapPanel>.selectedOutage{width:100%;margin-left:0!important;margin-right:0!important}.wapa-tabler-app #mapPanel>.wapa-map-card{width:100%}}
@media (prefers-reduced-motion:no-preference){.wapa-tabler-app .wapa-main-dashboard>[id],.wapa-tabler-app .chartWrap,.wapa-tabler-app #mapPanel,.wapa-tabler-app #mainGrid{transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .34s ease-out,margin .48s cubic-bezier(.16,1,.3,1)}.wapa-tabler-app .selectedOutage.show{animation:wapaPanelIn .52s cubic-bezier(.16,1,.3,1) both}.wapa-tabler-app .collapsible:not(.collapsed) .collapseBody{animation:wapaPanelIn .50s cubic-bezier(.16,1,.3,1) both}@keyframes wapaPanelIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media (prefers-reduced-motion:reduce){.wapa-tabler-app .selectedOutage,.wapa-tabler-app .collapsible .collapseBody,.wapa-tabler-app .wapa-main-dashboard>[id]{transition:none!important;animation:none!important}}


/* Smooth feeder-status filter morphing: Affected / All feeders / Online only. */
.wapa-tabler-app .wapa-panel-morph{overflow:hidden!important;will-change:height,opacity,transform;transition:height 1.12s cubic-bezier(.16,1,.3,1),opacity .64s ease-out,transform 1s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:no-preference){.wapa-tabler-app #feeders .feederTable tbody tr{animation:wapaRowsIn .56s cubic-bezier(.16,1,.3,1) both}.wapa-tabler-app #feeders .feederTable tbody tr:nth-child(2){animation-delay:.026s}.wapa-tabler-app #feeders .feederTable tbody tr:nth-child(3){animation-delay:.052s}.wapa-tabler-app #feeders .feederTable tbody tr:nth-child(4){animation-delay:.078s}.wapa-tabler-app #feeders .feederTable tbody tr:nth-child(5){animation-delay:.104s}@keyframes wapaRowsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media (prefers-reduced-motion:reduce){.wapa-tabler-app .wapa-panel-morph,.wapa-tabler-app #feeders .feederTable tbody tr{transition:none!important;animation:none!important}}


/* Light-mode adversarial contrast fixes: timeline controls, graph chips, labs, and form surfaces. */
.wapa-tabler-app[data-bs-theme=light] .timelineControls,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar,
.wapa-tabler-app[data-bs-theme=light] .scaleBtns{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .scaleBtns{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  flex-wrap:wrap;
  background:#eef4ff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  border-radius:12px;
  padding:.25rem;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .scaleBtns button,
.wapa-tabler-app[data-bs-theme=light] .timelineControls button,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar button,
.wapa-tabler-app[data-bs-theme=light] .timelineControls .btn,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar .btn{
  background:#ffffff!important;
  color:#1e293b!important;
  border-color:#bfdbfe!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .scaleBtns button:hover,
.wapa-tabler-app[data-bs-theme=light] .timelineControls button:hover,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar button:hover{
  background:#dbeafe!important;
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .scaleBtns button.active,
.wapa-tabler-app[data-bs-theme=light] .timelineControls button.active,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar button.active,
.wapa-tabler-app[data-bs-theme=light] .btn-primary,
.wapa-tabler-app[data-bs-theme=light] .filterBtn.active{
  background:#1d4ed8!important;
  color:#ffffff!important;
  border-color:#1d4ed8!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span{
  background:#eaf2ff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span:nth-child(2){
  background:#fee2e2!important;
  color:#991b1b!important;
  border-color:#fecaca!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span:nth-child(2) b{color:#991b1b!important}
.wapa-tabler-app[data-bs-theme=light] .timelineMeta,
.wapa-tabler-app[data-bs-theme=light] .timelineMeta b{
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineSvg text,
.wapa-tabler-app[data-bs-theme=light] .timelineOverview text{
  fill:#334155!important;
  color:#334155!important;
  font-weight:600;
}
.wapa-tabler-app[data-bs-theme=light] .timelineOverview{
  background:#f8fafc!important;
  border:1px solid #dbe3ef!important;
}
.wapa-tabler-app[data-bs-theme=light] .historyModeBar.show{
  background:#dbeafe!important;
  color:#0f172a!important;
  border:1px solid #93c5fd!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .historyModeBar.show b,
.wapa-tabler-app[data-bs-theme=light] .historyModeBar.show strong{color:#0f172a!important}
.wapa-tabler-app[data-bs-theme=light] .labsPage .card{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
}
.wapa-tabler-app[data-bs-theme=light] .labsSub,
.wapa-tabler-app[data-bs-theme=light] .labsPage .card-subtitle{
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] .labToggle{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
}
.wapa-tabler-app[data-bs-theme=light] .labToggle .text-secondary,
.wapa-tabler-app[data-bs-theme=light] .labToggle span span{
  color:#475569!important;
}
.wapa-tabler-app[data-bs-theme=light] .form-control,
.wapa-tabler-app[data-bs-theme=light] .form-select,
.wapa-tabler-app[data-bs-theme=light] .input-group-text{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
}
.wapa-tabler-app[data-bs-theme=light] .form-control::placeholder{color:#64748b!important}
.wapa-tabler-app[data-bs-theme=light] .tag.reported,
.wapa-tabler-app[data-bs-theme=light] .tag.verified{
  background:#fff7cc!important;
  color:#713f12!important;
  border-color:#facc15!important;
}
.wapa-tabler-app[data-bs-theme=light] .tag.major{
  background:#fee2e2!important;
  color:#991b1b!important;
  border-color:#fca5a5!important;
}

.wapa-tabler-app[data-bs-theme=light] .labsPage.show{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:.25rem 0 .75rem!important;
}
.wapa-tabler-app[data-bs-theme=light] .labsPage.show>.card{
  border:1px solid #dbe3ef!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
  border-radius:14px!important;
}


/* Follow-up light-mode readability: lighter blue outlines, stronger timeline/analytics contrast. */
.wapa-tabler-app[data-bs-theme=light]{
  --tblr-border-color:#bfdbfe;
}
.wapa-tabler-app[data-bs-theme=light] .card,
.wapa-tabler-app[data-bs-theme=light] .summaryBox,
.wapa-tabler-app[data-bs-theme=light] .sourceBox,
.wapa-tabler-app[data-bs-theme=light] .lookupBox,
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel,
.wapa-tabler-app[data-bs-theme=light] .statusCard,
.wapa-tabler-app[data-bs-theme=light] .islandCard,
.wapa-tabler-app[data-bs-theme=light] .areaCard,
.wapa-tabler-app[data-bs-theme=light] .areaMatch,
.wapa-tabler-app[data-bs-theme=light] .mapLensCard,
.wapa-tabler-app[data-bs-theme=light] .mapLensStat,
.wapa-tabler-app[data-bs-theme=light] .selectedOutage,
.wapa-tabler-app[data-bs-theme=light] .timelineOverview,
.wapa-tabler-app[data-bs-theme=light] .labToggle{
  border-color:#bfdbfe!important;
}
.wapa-tabler-app[data-bs-theme=light] .card-header,
.wapa-tabler-app[data-bs-theme=light] .feederTable th,
.wapa-tabler-app[data-bs-theme=light] .feederTable td,
.wapa-tabler-app[data-bs-theme=light] .statusMetric{
  border-color:#dbeafe!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineSvg{
  background:#ffffff!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineLegend{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  align-items:center;
  margin:.35rem 0 .5rem;
  color:#0f172a!important;
  font-weight:700;
}
.wapa-tabler-app[data-bs-theme=light] .timelineLegend span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  background:#eff6ff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px;
  padding:.22rem .55rem;
}
.wapa-tabler-app[data-bs-theme=light] .timelineLegend .swatch{
  width:.85rem;
  height:.85rem;
  border-radius:50%;
  border:2px solid #ffffff;
  box-shadow:0 0 0 1px #1e3a5f;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span{
  background:#eff6ff!important;
  color:#0f172a!important;
  border-color:#93c5fd!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span b{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span:nth-child(2){
  background:#fff7ed!important;
  color:#7c2d12!important;
  border-color:#fdba74!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineStats span:nth-child(2) b{
  color:#7c2d12!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineMeta,
.wapa-tabler-app[data-bs-theme=light] .timelineMeta b,
.wapa-tabler-app[data-bs-theme=light] .timelineHelp{
  color:#1e3a5f!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineSvg text,
.wapa-tabler-app[data-bs-theme=light] .timelineOverview text,
.wapa-tabler-app[data-bs-theme=light] .timeLabel{
  fill:#0f172a!important;
  color:#0f172a!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] .csvLinks a,
.wapa-tabler-app[data-bs-theme=light] .sourceLinks a{
  background:#eff6ff!important;
  color:#0f3f7c!important;
  border-color:#93c5fd!important;
  font-weight:700;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .csvLinks a:hover,
.wapa-tabler-app[data-bs-theme=light] .sourceLinks a:hover{
  background:#dbeafe!important;
  color:#082f49!important;
}
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel{
  background:#ffffff!important;
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel h4,
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel b,
.wapa-tabler-app[data-bs-theme=light] .analyticsList b{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .analyticsPanel .muted,
.wapa-tabler-app[data-bs-theme=light] .analyticsList .muted,
.wapa-tabler-app[data-bs-theme=light] #publicAnalytics .muted{
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] .analyticsList li{
  color:#0f172a!important;
  border-color:#dbeafe!important;
}

.wapa-tabler-app[data-bs-theme=light] .timelineLegend{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineChart{
  background:#ffffff!important;
  border-color:#bfdbfe!important;
}


/* Mobile Modern Interface polish: compact top KPIs and touch Doppler feedback. */
@media (max-width:575.98px){
  .wapa-tabler-app .page-header{padding:.45rem 0 .2rem!important}
  .wapa-tabler-app .page-title{font-size:1rem!important}
  .wapa-tabler-app .page-pretitle{font-size:.62rem!important}
  .wapa-tabler-app .wapa-kpi-row{
    --tblr-gutter-x:.35rem!important;
    --tblr-gutter-y:.35rem!important;
    display:flex!important;
    flex-wrap:wrap!important;
    margin-bottom:.35rem!important;
  }
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]{
    display:flex!important;
    padding-left:calc(var(--tblr-gutter-x)*.5)!important;
    padding-right:calc(var(--tblr-gutter-x)*.5)!important;
  }
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(-n+3){
    flex:0 0 33.333333%!important;
    max-width:33.333333%!important;
    width:33.333333%!important;
  }
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4){
    flex:0 0 100%!important;
    max-width:100%!important;
    width:100%!important;
  }
  .wapa-tabler-app .wapa-kpi-card{min-height:58px!important;border-radius:.65rem!important}
  .wapa-tabler-app .wapa-kpi-card .card-body{
    min-height:58px!important;
    padding:.45rem .4rem!important;
    gap:.16rem!important;
  }
  .wapa-tabler-app .wapa-kpi-label{
    font-size:.52rem!important;
    line-height:1.05!important;
    letter-spacing:.035em!important;
    white-space:normal!important;
  }
  .wapa-tabler-app .wapa-kpi-value{
    font-size:1.05rem!important;
    line-height:.98!important;
  }
  .wapa-tabler-app .wapa-kpi-time{
    font-size:.72rem!important;
    line-height:1.05!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .wapa-tabler-app .wapa-kpi-card .text-secondary,
  .wapa-tabler-app .wapa-kpi-card .badge{
    font-size:.55rem!important;
    line-height:1.05!important;
  }
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4) .wapa-kpi-card .card-body{
    min-height:48px!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.35rem!important;
  }
}

@media (hover:none), (pointer:coarse){
  .wapa-tabler-app .btn:hover,
  .wapa-tabler-app button:hover,
  .wapa-tabler-app .nav-link:hover,
  .wapa-tabler-app .filterBtn:hover,
  .wapa-tabler-app .timelineControls button:hover,
  .wapa-tabler-app .timelineToolbar button:hover,
  .wapa-tabler-app .csvLinks a:hover,
  .wapa-tabler-app .sourceLinks a:hover,
  .wapa-tabler-app #areaToggle:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .wapa-tabler-app .nav-link:not(.active):hover,
  .wapa-tabler-app .btn-outline-secondary:hover,
  .wapa-tabler-app .filterBtn:not(.active):hover,
  .wapa-tabler-app .timelineControls button:not(.active):hover,
  .wapa-tabler-app .timelineToolbar button:not(.active):hover,
  .wapa-tabler-app #areaToggle:hover{
    background:var(--tblr-bg-surface)!important;
    color:var(--tblr-body-color)!important;
    border-color:var(--tblr-border-color)!important;
  }
  .wapa-tabler-app .wapa-labs-nav:not(.active):hover{background:var(--tblr-bg-surface-tertiary)!important;color:var(--tblr-body-color)!important}
}

.wapa-tabler-app button,
.wapa-tabler-app .btn,
.wapa-tabler-app .nav-link,
.wapa-tabler-app .filterBtn,
.wapa-tabler-app .csvLinks a,
.wapa-tabler-app .sourceLinks a{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .wapa-touch-doppler::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:12px;height:12px;
    border-radius:999px;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.4);
    border:2px solid rgba(96,165,250,.58);
    box-shadow:0 0 0 0 rgba(96,165,250,.22),0 0 24px rgba(56,189,248,.26);
    animation:wapaDoppler .96s cubic-bezier(.16,1,.3,1) both;
    z-index:0;
  }
  .wapa-tabler-app[data-bs-theme=light] .wapa-touch-doppler::after{
    border-color:rgba(37,99,235,.52);
    box-shadow:0 0 0 0 rgba(37,99,235,.18),0 0 20px rgba(59,130,246,.18);
  }
  .wapa-tabler-app .wapa-touch-doppler>*{position:relative;z-index:1}
  @keyframes wapaDoppler{
    0%{opacity:.82;transform:translate(-50%,-50%) scale(.28);box-shadow:0 0 0 0 rgba(96,165,250,.28),0 0 8px rgba(56,189,248,.18)}
    42%{opacity:.44;transform:translate(-50%,-50%) scale(4.7);box-shadow:0 0 0 14px rgba(96,165,250,.11),0 0 22px rgba(56,189,248,.18)}
    74%{opacity:.18;transform:translate(-50%,-50%) scale(7.1);box-shadow:0 0 0 23px rgba(96,165,250,.05),0 0 16px rgba(56,189,248,.10)}
    100%{opacity:0;transform:translate(-50%,-50%) scale(9);box-shadow:0 0 0 32px rgba(96,165,250,0),0 0 0 rgba(56,189,248,0)}
  }
}
@media (prefers-reduced-motion:reduce){.wapa-tabler-app .wapa-touch-doppler::after{display:none!important}}

/* Slower active-control settling: nav tabs, feeder filters, timeline scale/window buttons. */
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .nav-link,
  .wapa-tabler-app .filterBtn,
  .wapa-tabler-app .timelineControls button,
  .wapa-tabler-app .timelineToolbar button,
  .wapa-tabler-app .scaleBtns button,
  .wapa-tabler-app .wapa-labs-nav{
    transition:background-color .38s cubic-bezier(.16,1,.3,1),border-color .38s cubic-bezier(.16,1,.3,1),color .34s ease-out,box-shadow .48s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1)!important;
  }
  .wapa-tabler-app .nav-link.active,
  .wapa-tabler-app .filterBtn.active,
  .wapa-tabler-app .timelineControls button.active,
  .wapa-tabler-app .timelineToolbar button.active,
  .wapa-tabler-app .scaleBtns button.active,
  .wapa-tabler-app .wapa-labs-nav.active{
    transition-duration:.46s,.46s,.38s,.56s,.38s!important;
  }
}


/* Final mobile compression pass: brand/header + top KPI typography. */
@media (max-width:575.98px){
  .wapa-tabler-app .navbar-vertical .container-fluid{min-height:auto!important;padding:.45rem .75rem!important;gap:.45rem!important}
  .wapa-tabler-app .navbar-toggler{min-width:36px!important;min-height:36px!important;padding:.35rem!important}
  .wapa-tabler-app .navbar-brand{min-height:38px!important;margin:0!important;font-size:1.18rem!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .wapa-tabler-app.wapa-dashboard-mode .navbar-brand,
  .wapa-tabler-app.wapa-transition-to-dashboard .navbar-brand,
  .wapa-tabler-app.wapa-transition-to-status .navbar-brand{margin-left:auto!important;text-align:right!important;justify-content:flex-end!important}
  .wapa-tabler-app .navbar-brand a{display:flex!important;align-items:center!important;gap:.45rem!important;min-width:0!important}
  .wapa-tabler-app.wapa-dashboard-mode .navbar-brand a,
  .wapa-tabler-app.wapa-transition-to-dashboard .navbar-brand a,
  .wapa-tabler-app.wapa-transition-to-status .navbar-brand a{justify-content:flex-end!important}
  .wapa-tabler-app.wapa-dashboard-mode .wapa-brand-logo,
  .wapa-tabler-app.wapa-transition-to-dashboard .wapa-brand-logo,
  .wapa-tabler-app.wapa-transition-to-status .wapa-brand-logo{justify-content:flex-end!important;margin-left:auto!important;margin-right:0!important}
  .wapa-tabler-app .wapa-brand-mark{width:2rem!important;height:2rem!important;margin-right:.15rem!important;border-radius:.55rem!important;font-size:1.05rem!important;flex:0 0 auto!important}
  .wapa-tabler-app .navbar-brand span:not(.wapa-brand-mark):not(.wapa-brand-subtitle){font-size:1.18rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .wapa-tabler-app .wapa-brand-subtitle{font-size:.66rem!important;line-height:1.05!important;letter-spacing:.06em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .wapa-tabler-app .page-header{padding:.25rem 0 .15rem!important}
  .wapa-tabler-app .page-header .row{--tblr-gutter-y:.35rem!important}
  .wapa-tabler-app .page-header .wapa-page-title-stack{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  .wapa-tabler-app .page-header .col-auto.ms-auto{flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin-left:0!important}
  .wapa-tabler-app .page-header .btn-list{justify-content:flex-start!important}
  .wapa-tabler-app .page-pretitle{font-size:.58rem!important;letter-spacing:.06em!important;margin-bottom:.05rem!important}
  .wapa-tabler-app .page-title{font-size:1.22rem!important;line-height:1.08!important;margin:0!important}
  .wapa-tabler-app .page-header .btn-list{gap:.35rem!important}
  .wapa-tabler-app .page-header .btn-list .btn{min-height:34px!important;padding:.28rem .48rem!important;font-size:.82rem!important;border-radius:.55rem!important}
  .wapa-tabler-app .wapa-kpi-row{margin-top:.25rem!important;margin-bottom:.35rem!important}
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(-n+3){flex-basis:33.333333%!important;max-width:33.333333%!important;width:33.333333%!important}
  .wapa-tabler-app .wapa-kpi-card{min-height:54px!important;border-radius:.58rem!important}
  .wapa-tabler-app .wapa-kpi-card .card-body{min-height:54px!important;padding:.34rem .32rem!important;gap:.1rem!important;justify-content:center!important;overflow:hidden!important}
  .wapa-tabler-app .wapa-kpi-label{font-size:.45rem!important;line-height:1!important;letter-spacing:.035em!important;margin:0!important;max-width:100%!important}
  .wapa-tabler-app .wapa-kpi-value{font-size:.92rem!important;line-height:.95!important;letter-spacing:-.045em!important;margin:0!important}
  .wapa-tabler-app .wapa-kpi-time{font-size:.66rem!important;line-height:1.04!important;letter-spacing:-.02em!important;margin:0!important}
  .wapa-tabler-app .wapa-kpi-card .badge,.wapa-tabler-app .wapa-kpi-card .text-secondary{font-size:.48rem!important;line-height:1!important;padding:.12rem .28rem!important;max-width:100%!important;white-space:normal!important}
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4) .wapa-kpi-card{min-height:42px!important}
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4) .wapa-kpi-card .card-body{min-height:42px!important;padding:.32rem .45rem!important}
}
@media (max-width:380px){.wapa-tabler-app .navbar-brand span:not(.wapa-brand-mark){font-size:1.05rem!important}.wapa-tabler-app .page-title{font-size:1.08rem!important}.wapa-tabler-app .wapa-kpi-value{font-size:.84rem!important}}


/* Touch + History/Labs control alignment pass. */
.wapa-tabler-app .timelineControls label,
.wapa-tabler-app .timelineToolbar label{
  display:inline-grid;
  gap:.2rem;
  align-self:stretch;
  align-content:end;
  min-height:3.35rem;
  margin:0;
  color:var(--tblr-secondary);
  font-size:.68rem;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.wapa-tabler-app .timelineControls .form-select,
.wapa-tabler-app .timelineToolbar .form-select,
.wapa-tabler-app .timelineControls button,
.wapa-tabler-app .timelineToolbar button,
.wapa-tabler-app .timelineControls .scaleBtns,
.wapa-tabler-app .timelineToolbar .scaleBtns{
  align-self:end;
}
.wapa-tabler-app .timelineControls .form-select,
.wapa-tabler-app .timelineToolbar .form-select,
.wapa-tabler-app .timelineControls button,
.wapa-tabler-app .timelineToolbar button{
  height:2.55rem!important;
  min-height:2.55rem!important;
  line-height:1.15!important;
}
.wapa-tabler-app .scaleBtns{
  display:inline-flex!important;
  align-items:stretch!important;
  min-height:2.55rem!important;
  height:2.55rem!important;
}
.wapa-tabler-app .scaleBtns button{
  height:100%!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.wapa-tabler-app .timelineControls{
  align-items:end!important;
  row-gap:.55rem!important;
  column-gap:.5rem!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app .timelineControls{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
    gap:.55rem!important;
  }
  .wapa-tabler-app .timelineControls label,
  .wapa-tabler-app .timelineControls .scaleBtns,
  .wapa-tabler-app .timelineControls button{
    width:100%!important;
    min-width:0!important;
  }
  .wapa-tabler-app .timelineControls .scaleBtns{grid-column:auto!important}
  .wapa-tabler-app .timelineControls .scaleBtns button{flex:1 1 0!important;padding-left:.35rem!important;padding-right:.35rem!important;font-size:.78rem!important}
  .wapa-tabler-app .timelineControls button{justify-content:center!important;font-size:.8rem!important;padding-left:.45rem!important;padding-right:.45rem!important}
}
@media (max-width:390px){
  .wapa-tabler-app .timelineControls{grid-template-columns:1fr 1fr!important;gap:.45rem!important}
  .wapa-tabler-app .timelineControls .scaleBtns button{font-size:.74rem!important}
}

.wapa-tabler-app .labToggle{
  align-items:center!important;
  grid-template-columns:3.1rem minmax(0,1fr)!important;
}
.wapa-tabler-app .labToggle .form-check-input{
  width:2.45rem!important;
  min-width:2.45rem!important;
  height:1.35rem!important;
  min-height:1.35rem!important;
  margin:0!important;
  align-self:start!important;
  transform:none!important;
}
.wapa-tabler-app .labToggle .form-check-label{
  align-self:start!important;
  padding-top:0!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app .labToggle{
    grid-template-columns:2.75rem minmax(0,1fr)!important;
    align-items:start!important;
    gap:.65rem!important;
  }
  .wapa-tabler-app .labToggle .form-check-input{
    width:2.35rem!important;
    min-width:2.35rem!important;
    height:1.28rem!important;
    min-height:1.28rem!important;
    margin-top:.05rem!important;
  }
}

@media (hover:none), (pointer:coarse){
  .wapa-tabler-app .btn:focus:not(:focus-visible),
  .wapa-tabler-app button:focus:not(:focus-visible),
  .wapa-tabler-app .nav-link:focus:not(:focus-visible),
  .wapa-tabler-app .filterBtn:focus:not(:focus-visible),
  .wapa-tabler-app .csvLinks a:focus:not(:focus-visible),
  .wapa-tabler-app .sourceLinks a:focus:not(:focus-visible){
    outline:0!important;
    box-shadow:none!important;
  }
  .wapa-tabler-app .btn-outline-secondary:not(.active):active,
  .wapa-tabler-app .filterBtn:not(.active):active,
  .wapa-tabler-app .timelineControls button:not(.active):not(.activeScale):active,
  .wapa-tabler-app .timelineToolbar button:not(.active):not(.activeScale):active,
  .wapa-tabler-app .nav-link:not(.active):active{
    background:var(--tblr-bg-surface)!important;
    color:var(--tblr-body-color)!important;
    border-color:var(--tblr-border-color)!important;
  }
}
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .wapa-touch-doppler::after{
    left:var(--wapa-touch-x,50%)!important;
    top:var(--wapa-touch-y,50%)!important;
  }
}


/* Keep History graph controls aligned on desktop and less stair-stepped on mobile. */
@media (min-width:992px){
  .wapa-tabler-app .timelineControls{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:.45rem!important;
    align-items:end!important;
  }
  .wapa-tabler-app .timelineControls label{min-height:3rem!important}
  .wapa-tabler-app .timelineControls label:first-child{flex:0 0 180px!important;max-width:180px!important}
  .wapa-tabler-app .timelineControls label:nth-of-type(2){flex:0 0 240px!important;max-width:240px!important}
  .wapa-tabler-app .timelineControls label:nth-of-type(3){flex:0 0 98px!important;max-width:98px!important}
  .wapa-tabler-app .timelineControls .form-select{width:100%!important;min-width:0!important;padding-left:.55rem!important;padding-right:1.55rem!important;font-size:.82rem!important}
  .wapa-tabler-app .timelineControls .scaleBtns{height:2.55rem!important;min-height:2.55rem!important;flex:0 0 auto!important}
  .wapa-tabler-app .timelineControls .scaleBtns button{font-size:.82rem!important;padding-left:.55rem!important;padding-right:.55rem!important}
  .wapa-tabler-app .timelineControls>button{height:2.55rem!important;min-height:2.55rem!important;font-size:.82rem!important;padding-left:.62rem!important;padding-right:.62rem!important;flex:0 0 auto!important}
}
@media (max-width:575.98px){
  .wapa-tabler-app .timelineControls>button[data-action="timeline-latest"]{grid-column:1 / -1!important}
  .wapa-tabler-app .timelineControls label{min-height:3.15rem!important}
  .wapa-tabler-app .timelineControls .form-select,
  .wapa-tabler-app .timelineControls button,
  .wapa-tabler-app .scaleBtns{height:2.45rem!important;min-height:2.45rem!important}
}


/* History nav buttons stay together instead of splitting across rows. */
.wapa-tabler-app .timelineNavBtns{
  display:inline-flex!important;
  align-items:stretch!important;
  gap:.45rem!important;
  height:2.55rem!important;
  min-height:2.55rem!important;
  align-self:end!important;
}
.wapa-tabler-app .timelineNavBtns button{
  height:100%!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
@media (min-width:992px){
  .wapa-tabler-app .timelineNavBtns{flex:1 1 260px!important;min-width:260px!important;max-width:360px!important}
  .wapa-tabler-app .timelineNavBtns button{flex:1 1 0!important;padding-left:.5rem!important;padding-right:.5rem!important}
}
@media (max-width:575.98px){
  .wapa-tabler-app .timelineNavBtns{grid-column:1 / -1!important;width:100%!important;height:auto!important;min-height:2.45rem!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:.55rem!important}
  .wapa-tabler-app .timelineNavBtns button{height:2.45rem!important;min-height:2.45rem!important;width:100%!important}
  .wapa-tabler-app .timelineNavBtns button[data-action="timeline-latest"]{grid-column:1 / -1!important}
  .wapa-tabler-app .timelineControls>button[data-action="timeline-latest"]{grid-column:auto!important}
}


/* Mobile sticky brand bar, larger top KPI text, and History map-first layout. */
.wapa-tabler-app #timelineCard.wapa-history-under-map{
  width:100%!important;
  max-width:100%!important;
  margin-top:.75rem!important;
}
.wapa-tabler-app #timelineCard.wapa-history-under-map .card-body{padding:.75rem!important}
.wapa-tabler-app #timelineCard.wapa-history-under-map .timelineHelp{margin-bottom:.65rem!important}
.wapa-tabler-app #timelineCard.wapa-history-under-map #timelineSvg{min-height:0!important}
@media (max-width:991.98px){
  .wapa-tabler-app .navbar-vertical{
    position:sticky!important;
    top:0!important;
    z-index:1060!important;
    background:var(--tblr-bg-surface)!important;
    border-bottom:1px solid var(--tblr-border-color)!important;
    box-shadow:0 .35rem 1.1rem rgba(2,6,23,.18)!important;
  }
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical{
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:saturate(1.2) blur(10px);
    box-shadow:0 .35rem 1.1rem rgba(15,23,42,.12)!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse{max-height:calc(100vh - 54px)!important;overflow:auto!important}
  .wapa-tabler-app .page-header{scroll-margin-top:64px!important}
}
@media (max-width:575.98px){
  .wapa-tabler-app .wapa-kpi-card{min-height:64px!important}
  .wapa-tabler-app .wapa-kpi-card .card-body{min-height:64px!important;padding:.46rem .38rem!important;gap:.14rem!important}
  .wapa-tabler-app .wapa-kpi-label{font-size:.55rem!important;line-height:1.03!important;letter-spacing:.045em!important}
  .wapa-tabler-app .wapa-kpi-value{font-size:1.08rem!important;line-height:.98!important}
  .wapa-tabler-app .wapa-kpi-time{font-size:.74rem!important;line-height:1.06!important}
  .wapa-tabler-app .wapa-kpi-card .badge,.wapa-tabler-app .wapa-kpi-card .text-secondary{font-size:.56rem!important;line-height:1.05!important;padding:.13rem .32rem!important}
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4) .wapa-kpi-card{min-height:46px!important}
  .wapa-tabler-app .wapa-kpi-row>[class*=col-]:nth-child(4) .wapa-kpi-card .card-body{min-height:46px!important}
  .wapa-tabler-app #timelineCard.wapa-history-under-map #timelineSvg{min-height:0!important}
}
@media (max-width:380px){.wapa-tabler-app .wapa-kpi-value{font-size:1rem!important}.wapa-tabler-app .wapa-kpi-time{font-size:.68rem!important}}

/* Detail-first dashboard trust note, more legible feeder summaries, and
   chart-first History ordering. Quick View intentionally stays uncluttered. */
.wapa-tabler-app .wapa-detail-mismatch{display:grid;grid-template-columns:auto 1fr;gap:.18rem .55rem;margin:.45rem 0 .65rem;padding:.55rem .65rem;font-size:.75rem;line-height:1.25}
.wapa-tabler-app .wapa-detail-mismatch span{font-weight:700}
.wapa-tabler-app .wapa-detail-mismatch small{grid-column:1 / -1;color:var(--tblr-secondary);font-size:.7rem}
.wapa-tabler-app #mainGrid .statusCard h4{font-size:.9rem;line-height:1.25}
.wapa-tabler-app #mainGrid .statusMetric span{font-size:.68rem;line-height:1.2}
.wapa-tabler-app #mainGrid .statusMetric b{font-size:.8rem;line-height:1.2}
.wapa-tabler-app #timelineCard.wapa-history-primary{order:-1;margin-bottom:.25rem!important}
@media (max-width:575.98px){
  .wapa-tabler-app .wapa-detail-mismatch{grid-template-columns:1fr;gap:.16rem}
  .wapa-tabler-app .wapa-detail-mismatch small{grid-column:auto}
}


/* Ensure closed mobile sidebar collapse does not leave menu items visible under sticky brand bar. */
@media (max-width:991.98px){
  .wapa-tabler-app .navbar-vertical .navbar-collapse.collapse:not(.show){
    display:none!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse.show{
    display:block!important;
    height:auto!important;
    max-height:calc(100vh - 54px)!important;
    overflow:auto!important;
  }
}


/* Mobile Find Feeder input and Leaflet layer selector alignment fixes. */
@media (max-width:575.98px){
  .wapa-tabler-app #areaCard .areaTools .input-group{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .wapa-tabler-app #areaCard .areaTools .input-group-text{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:.45rem .62rem!important;
    font-size:.86rem!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .wapa-tabler-app #areaCard .areaTools .form-control{
    flex:1 1 auto!important;
    min-width:0!important;
    width:1%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:.45rem .62rem!important;
    font-size:.86rem!important;
    line-height:1.15!important;
  }
  .wapa-tabler-app #areaCard .areaTools .form-select{
    min-height:42px!important;
    height:42px!important;
    font-size:.9rem!important;
  }
}
.wapa-tabler-app .leaflet-control-layers-list{
  padding:.35rem!important;
}
.wapa-tabler-app .leaflet-control-layers label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1.2!important;
}
.wapa-tabler-app .leaflet-control-layers label>span{
  display:grid!important;
  grid-template-columns:1.15rem minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:.55rem!important;
  min-height:2.25rem!important;
  padding:.25rem .2rem!important;
}
.wapa-tabler-app .leaflet-control-layers input[type="radio"],
.wapa-tabler-app .leaflet-control-layers input[type="checkbox"]{
  width:1.05rem!important;
  min-width:1.05rem!important;
  height:1.05rem!important;
  min-height:1.05rem!important;
  max-height:1.05rem!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  transform:none!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app .leaflet-control-layers{
    font-size:.95rem!important;
    max-width:min(12rem, calc(100vw - 2rem))!important;
  }
  .wapa-tabler-app .leaflet-control-layers label>span{
    min-height:2.1rem!important;
    column-gap:.5rem!important;
  }
}


/* Remove inherited mobile input margin that offsets Find Feeder search field. */
@media (max-width:575.98px){
  .wapa-tabler-app #areaCard .areaTools .input-group .form-control,
  .wapa-tabler-app #areaCard .areaTools .input-group input.form-control{
    margin-top:0!important;
    margin-bottom:0!important;
    align-self:stretch!important;
  }
  .wapa-tabler-app #areaCard .areaTools .input-group{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}


/* Feeder Status filters: visible dropdown arrow + compact one-line mobile controls. */
.wapa-tabler-app #feederIslandFilter.form-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
  background-repeat:no-repeat!important;
  background-position:right .62rem center!important;
  background-size:.9rem .9rem!important;
  padding-right:2rem!important;
}
.wapa-tabler-app[data-bs-theme=light] #feederIslandFilter.form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231e3a5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
}
.wapa-tabler-app .feederControls .filterTextShort{display:none}
@media (max-width:575.98px){
  .wapa-tabler-app #mainGrid .feederControls{
    display:grid!important;
    grid-template-columns:minmax(105px,1.1fr) repeat(3,minmax(0,.82fr))!important;
    gap:.35rem!important;
    align-items:stretch!important;
    width:100%!important;
    margin:.45rem 0 .55rem!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .islandFilter{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:.28rem!important;
    font-size:.72rem!important;
    line-height:1!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .wapa-tabler-app #mainGrid .feederControls #feederIslandFilter{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:.34rem 1.45rem .34rem .42rem!important;
    font-size:.76rem!important;
    background-position:right .42rem center!important;
    background-size:.72rem .72rem!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .filterBtn{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:.34rem .28rem!important;
    font-size:.76rem!important;
    line-height:1.05!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .filterTextFull{display:none!important}
  .wapa-tabler-app #mainGrid .feederControls .filterTextShort{display:inline!important}
}
@media (max-width:370px){
  .wapa-tabler-app #mainGrid .feederControls{
    grid-template-columns:minmax(96px,1fr) repeat(3,minmax(0,.72fr))!important;
    gap:.28rem!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .islandFilter{font-size:.68rem!important;gap:.2rem!important}
  .wapa-tabler-app #mainGrid .feederControls #feederIslandFilter,
  .wapa-tabler-app #mainGrid .feederControls .filterBtn{font-size:.7rem!important;padding-left:.22rem!important;padding-right:.22rem!important}
}


/* Mobile feeder filter refinement: give the dropdown enough room for "All islands". */
@media (max-width:575.98px){
  .wapa-tabler-app #mainGrid .feederControls{
    grid-template-columns:minmax(122px,1.25fr) repeat(3,minmax(0,.66fr))!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .islandFilter{
    font-size:0!important;
    gap:0!important;
  }
  .wapa-tabler-app #mainGrid .feederControls #feederIslandFilter{
    font-size:.78rem!important;
    width:100%!important;
  }
  .wapa-tabler-app #mainGrid .feederControls .filterBtn{font-size:.74rem!important}
}
@media (max-width:370px){
  .wapa-tabler-app #mainGrid .feederControls{
    grid-template-columns:minmax(112px,1.18fr) repeat(3,minmax(0,.58fr))!important;
  }
  .wapa-tabler-app #mainGrid .feederControls #feederIslandFilter{font-size:.72rem!important}
  .wapa-tabler-app #mainGrid .feederControls .filterBtn{font-size:.66rem!important}
}


/* Find my Feeder island filter: visible dropdown arrow affordance. */
.wapa-tabler-app #areaCard #islandFilter.form-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
  background-repeat:no-repeat!important;
  background-position:right .62rem center!important;
  background-size:.9rem .9rem!important;
  padding-right:2rem!important;
}
.wapa-tabler-app[data-bs-theme=light] #areaCard #islandFilter.form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231e3a5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app #areaCard #islandFilter.form-select{
    background-position:right .5rem center!important;
    background-size:.78rem .78rem!important;
    padding-right:1.7rem!important;
  }
}


/* KPI summary: current mode uses 3 boxes; history mode uses two wider boxes. */
@media (max-width:575.98px){
  .wapa-tabler-app .wapa-kpi-row.wapa-history-kpis>[class*=col-]{
    flex:0 0 50%!important;
    max-width:50%!important;
    width:50%!important;
  }
}


/* Mode switch KPI FLIP animation: boxes slide, scale, and missing cards ghost out. */
.wapa-tabler-app .wapa-kpi-row.wapa-kpi-animating{
  position:relative;
  contain:layout paint;
}
.wapa-tabler-app .wapa-kpi-slot{
  transform-origin:center center;
  will-change:transform,clip-path;
}
.wapa-tabler-app .wapa-kpi-card{
  transition:box-shadow .46s var(--wapa-ease-soft),background-color .16s ease,border-color .16s ease;
}
.wapa-tabler-app .wapa-kpi-slot.wapa-kpi-entering .wapa-kpi-card,
.wapa-kpi-ghost .wapa-kpi-card{
  box-shadow:0 .55rem 1.35rem rgba(2,6,23,.18)!important;
  transition:box-shadow .56s var(--wapa-ease-soft),background-color .16s ease,border-color .16s ease!important;
}
.wapa-kpi-ghost{
  box-sizing:border-box;
  transform-origin:center center;
  will-change:transform,clip-path;
}
@media (prefers-reduced-motion:reduce){
  .wapa-tabler-app .wapa-kpi-slot,
  .wapa-kpi-ghost{animation:none!important;transition:none!important}
}


/* Smooth mobile menu close after sidebar selections. Avoid instant force-hide snap. */
@media (max-width:991.98px){
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-opening,
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-closing{
    display:block!important;
    height:auto;
    max-height:none!important;
    overflow:hidden!important;
    transition:none!important;
    will-change:height,padding,opacity;
  }
}
@media (prefers-reduced-motion:reduce){
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-opening,
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-closing{transition:none!important}
}


/* Stable mode title: no fade/blur/re-render look during layout motion. */
.wapa-tabler-app .page-title,
.wapa-tabler-app .page-title.wapa-title-switching,
.wapa-tabler-app .page-title.wapa-title-switching.wapa-title-in{
  display:inline-block;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}


/* Motion pass: consistent slow-end easing for mobile menu, panels, and controls. */
:root{--wapa-ease-out:cubic-bezier(.16,1,.3,1);--wapa-ease-soft:cubic-bezier(.22,1,.36,1)}
@media (max-width:991.98px) and (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .navbar-vertical .collapsing{
    transition:height .56s var(--wapa-ease-out), padding-top .56s var(--wapa-ease-out), padding-bottom .56s var(--wapa-ease-out), opacity .42s ease-out!important;
    overflow:hidden!important;
    will-change:height,padding,opacity;
  }
}
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .nav-link,
  .wapa-tabler-app .btn,
  .wapa-tabler-app .card,
  .wapa-tabler-app .form-select,
  .wapa-tabler-app .form-control{
    transition-timing-function:var(--wapa-ease-out)!important;
  }
}


@media (max-width:991.98px){
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-opening{
    display:block!important;
    max-height:none!important;
    overflow:hidden!important;
    transition:none!important;
    will-change:height,padding,opacity;
  }
}
@media (prefers-reduced-motion:reduce){
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-opening{transition:none!important}
}


/* Smooth notice/help boxes during Current ↔ History mode changes. */
.wapa-tabler-app .wapa-notice-morph{
  overflow:hidden!important;
  will-change:height,opacity,transform,padding,margin;
  transition:height .58s cubic-bezier(.16,1,.3,1),opacity .36s ease-out,transform .58s cubic-bezier(.16,1,.3,1),padding-top .58s cubic-bezier(.16,1,.3,1),padding-bottom .58s cubic-bezier(.16,1,.3,1),margin-top .58s cubic-bezier(.16,1,.3,1)!important;
}
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .timelineHelp{
    overflow:hidden;
    transform-origin:top center;
    transition:height .52s cubic-bezier(.16,1,.3,1),opacity .32s ease-out,transform .52s cubic-bezier(.16,1,.3,1);
  }
}
@media (prefers-reduced-motion:reduce){
  .wapa-tabler-app .historyModeBar,
  .wapa-tabler-app .timelineHelp,
  .wapa-tabler-app .wapa-notice-morph{transition:none!important;transform:none!important}
}


/* Mobile Labs header: stack title and action cleanly; keep Back to map aligned with toggle cards without overflow hacks. */
@media (max-width:575.98px){
  .wapa-tabler-app #labsPage .card-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:.7rem!important;
    padding:.75rem!important;
    overflow:visible!important;
  }
  .wapa-tabler-app #labsPage .card-header>div:first-child,
  .wapa-tabler-app #labsPage .card-header .card-actions{
    min-width:0!important;
    width:100%!important;
  }
  .wapa-tabler-app #labsPage .card-header .card-actions{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  .wapa-tabler-app #labsPage .card-header .card-actions .btn{
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    white-space:nowrap!important;
    max-width:100%!important;
  }
}


/* Mobile map popup sizing: keep outage circle popups compact, make feeder lookup popup usable. */
.wapa-tabler-app .leaflet-popup.outage-detail-popup .leaflet-popup-content{
  width:auto!important;
  max-width:min(360px,calc(100vw - 86px))!important;
  max-height:34vh!important;
  overflow:auto!important;
}
.wapa-tabler-app .leaflet-popup.lookup-place-popup .leaflet-popup-content{
  width:min(360px,calc(100vw - 52px))!important;
  min-width:min(310px,calc(100vw - 72px))!important;
  max-width:min(360px,calc(100vw - 52px))!important;
  box-sizing:border-box!important;
}
.wapa-tabler-app .lookupPlacePopup{line-height:1.32;white-space:normal}.wapa-tabler-app .lookupPlacePopup b{display:block;margin-bottom:.15rem}
@media (max-width:575.98px){
  .wapa-tabler-app .leaflet-popup.outage-detail-popup{max-width:calc(100vw - 34px)!important}
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .leaflet-popup-content-wrapper{border-radius:.65rem!important}
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .leaflet-popup-content{
    max-width:min(300px,calc(100vw - 84px))!important;
    max-height:min(40vh,238px)!important;
    margin:7px 9px!important;
    font-size:12px!important;
    line-height:1.24!important;
  }
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .streetPopup{width:min(300px,calc(100vw - 84px))!important}
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .streetPopup .streetList{max-height:112px!important;overflow:auto!important;display:grid!important;gap:4px!important}
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .streetPopup .streetItem{font-size:11.5px!important;padding:6px 7px!important;min-height:30px!important;line-height:1.18!important}
  .wapa-tabler-app .leaflet-popup.outage-detail-popup .streetTools{margin:5px 0!important;gap:5px!important;font-size:11px!important}
  .wapa-tabler-app .leaflet-popup.lookup-place-popup{max-width:calc(100vw - 24px)!important}
  .wapa-tabler-app .leaflet-popup.lookup-place-popup .leaflet-popup-content-wrapper{border-radius:.75rem!important}
  .wapa-tabler-app .leaflet-popup.lookup-place-popup .leaflet-popup-content{
    width:min(308px,calc(100vw - 82px))!important;
    min-width:min(286px,calc(100vw - 104px))!important;
    max-width:min(308px,calc(100vw - 82px))!important;
    max-height:min(32vh,190px)!important;
    margin:8px 10px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
}


/* Desktop layout FLIP: cards/panels glide and scale into new positions during mode/filter changes. */
@media (min-width:992px) and (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .wapa-layout-moving{
    transform-origin:center center;
    will-change:transform;
    backface-visibility:hidden;
    position:relative;
    z-index:3;
  }
  .wapa-tabler-app #mapPanel.wapa-layout-moving,
  .wapa-tabler-app #mainGrid.wapa-layout-moving,
  .wapa-tabler-app #timelineCard.wapa-layout-moving,
  .wapa-tabler-app #areaCard.wapa-layout-moving{
    z-index:2;
  }
  .wapa-tabler-app #feeders,
  .wapa-tabler-app #viewer,
  .wapa-tabler-app #areaBest,
  .wapa-tabler-app #areaMatches,
  .wapa-tabler-app #timeline .timelineChart{
    transform-origin:top center;
  }
}
@media (prefers-reduced-motion:reduce){
  .wapa-tabler-app .wapa-layout-moving{animation:none!important;transition:none!important;transform:none!important}
}

/* Measured Find My Feeder collapse/expand motion: avoids max-height snap on desktop. */
.wapa-tabler-app .collapseBody.wapa-collapse-morph{
  overflow:hidden!important;
  max-height:none!important;
  will-change:height,opacity,transform;
  transition:height .62s cubic-bezier(.16,1,.3,1),opacity .36s ease-out,transform .62s cubic-bezier(.16,1,.3,1)!important;
}
@media (prefers-reduced-motion:reduce){.wapa-tabler-app .collapseBody.wapa-collapse-morph{transition:none!important;transform:none!important}}


/* Desktop hover scope: only actionable controls get mouse rollover; data/list items stay visually stable. */
@media (hover:hover) and (pointer:fine){
  .wapa-tabler-app .card:hover,
  .wapa-tabler-app .statusCard:hover,
  .wapa-tabler-app .islandCard:hover,
  .wapa-tabler-app .summaryBox:hover,
  .wapa-tabler-app .sourceBox:hover,
  .wapa-tabler-app .lookupBox:hover,
  .wapa-tabler-app .analyticsPanel:hover,
  .wapa-tabler-app .areaCard:hover,
  .wapa-tabler-app .areaMatch:hover,
  .wapa-tabler-app .streetItem:hover,
  .wapa-tabler-app .activeOutageRow:hover,
  .wapa-tabler-app .feederTable tr:hover{
    transform:none!important;
    filter:none!important;
    box-shadow:inherit!important;
    background-color:inherit!important;
  }
  .wapa-tabler-app .feederTable tr:hover td{
    background-color:transparent!important;
  }
  body.theme-smart-city .card:hover,
  body.theme-smart-city .statusCard:hover,
  body.theme-smart-city .islandCard:hover,
  body.theme-smart-city .summaryBox:hover,
  body.theme-smart-city .sourceBox:hover,
  body.theme-smart-city .areaCard:hover,
  body.theme-smart-city .areaMatch:hover,
  body.theme-smart-city .streetItem:hover,
  body.theme-smart-city .feederTable tr:hover{
    transform:none!important;
    filter:none!important;
    box-shadow:inherit!important;
    background-color:inherit!important;
  }
  body.theme-smart-city .feederTable tr:hover td{background-color:inherit!important}
}


/* Desktop hover stable fills: preserve card/list colors while disabling non-button rollover. */
@media (hover:hover) and (pointer:fine){
  .wapa-tabler-app .card:hover{
    background-color:var(--tblr-bg-surface)!important;
    transform:none!important;
    filter:none!important;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.08)!important;
  }
  .wapa-tabler-app .card.statusCard:hover,
  .wapa-tabler-app .statusCard:hover,
  .wapa-tabler-app .islandCard:hover,
  .wapa-tabler-app .summaryBox:hover,
  .wapa-tabler-app .sourceBox:hover,
  .wapa-tabler-app .lookupBox:hover,
  .wapa-tabler-app .analyticsPanel:hover,
  .wapa-tabler-app .areaCard:hover,
  .wapa-tabler-app .areaMatch:hover,
  .wapa-tabler-app .streetItem:hover,
  .wapa-tabler-app .activeOutageRow:hover{
    background-color:var(--tblr-bg-surface-tertiary)!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .wapa-tabler-app .card.statusCard:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.08)!important}
  .wapa-tabler-app .feederTable tr:hover,
  .wapa-tabler-app .feederTable tr:hover td{
    background-color:transparent!important;
    transform:none!important;
    filter:none!important;
  }
}


/* End-snap guard: measured JS owns collapse/body morphing; do not replay legacy panel-in animation on cleanup. */
@media (prefers-reduced-motion:no-preference){
  .wapa-tabler-app .collapsible:not(.collapsed) .collapseBody{
    animation:none!important;
  }
  .wapa-tabler-app .wapa-panel-morph .feederTable tbody tr,
  .wapa-tabler-app #feeders.wapa-panel-morph .feederTable tbody tr{
    animation:none!important;
  }
}


/* High-effort animation polish: keep mobile navigation as an overlay so menu open/close
   never pushes the dashboard content, and stabilize text widths during title swaps. */
.wapa-tabler-app .page-title{
  min-inline-size:10.6rem;
  text-wrap:balance;
}
@media (max-width:991.98px){
  .wapa-tabler-app .navbar-vertical{
    position:sticky!important;
    top:0!important;
    overflow:visible!important;
  }
  .wapa-tabler-app .navbar-vertical .container-fluid{
    position:relative!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse{
    position:absolute!important;
    left:.75rem!important;
    right:.75rem!important;
    top:calc(100% + .35rem)!important;
    z-index:1075!important;
    border:1px solid var(--tblr-border-color)!important;
    border-radius:var(--tblr-border-radius-lg)!important;
    background:rgba(15,23,42,.98)!important;
    box-shadow:0 1.1rem 2.3rem rgba(2,6,23,.34)!important;
    backdrop-filter:saturate(1.18) blur(12px);
    padding:.45rem!important;
    max-height:min(78vh,680px)!important;
    overflow:auto!important;
    transform-origin:top center;
  }
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .navbar-collapse{
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 1rem 2rem rgba(15,23,42,.18)!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse.collapse:not(.show):not(.wapa-nav-opening):not(.wapa-nav-closing){
    display:none!important;
    height:0!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse.show,
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-opening,
  .wapa-tabler-app .navbar-vertical .navbar-collapse.wapa-nav-closing{
    display:block!important;
    overflow:hidden!important;
  }
  .wapa-tabler-app .navbar-vertical .navbar-collapse.show{
    height:auto!important;
    max-height:min(78vh,680px)!important;
    overflow:auto!important;
  }
}
@media (max-width:575.98px){
  .wapa-tabler-app .page-title{min-inline-size:9.65rem}
  .wapa-tabler-app .feederTable{font-size:.78rem!important;line-height:1.2!important}
  .wapa-tabler-app .feederTable th{font-size:.62rem!important;letter-spacing:.055em!important}
  .wapa-tabler-app .feederTable th,.wapa-tabler-app .feederTable td{padding:.48rem .36rem!important}
  .wapa-tabler-app .primaryFeederName{font-size:.88rem!important;line-height:1.18!important;letter-spacing:-.015em!important}
  .wapa-tabler-app .islandCell{font-size:.78rem!important;line-height:1.15!important}
  .wapa-tabler-app .out{font-size:.88rem!important;line-height:1!important}
  .wapa-tabler-app #feeders .muted{font-size:.75rem!important;line-height:1.18!important}
}


/* Sidebar brand text must never clip against the dashboard content edge. */
@media (min-width:992px){
  .wapa-tabler-app .navbar-brand span:not(.wapa-brand-mark):not(.wapa-brand-subtitle){
    font-size:1.05rem!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  .wapa-tabler-app .wapa-brand-mark{
    width:1.62rem!important;
    height:1.62rem!important;
    margin-right:.38rem!important;
  }
}


/* Text-stability polish: no post-animation text fade/flicker/re-render effects. */
.wapa-tabler-app .page-title,
.wapa-tabler-app .page-title.wapa-title-switching,
.wapa-tabler-app .page-title.wapa-title-switching.wapa-title-in{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
.wapa-tabler-app .wapa-panel-morph{
  opacity:1!important;
  transform:none!important;
  will-change:height!important;
  transition:height 1.12s cubic-bezier(.16,1,.3,1)!important;
}
.wapa-tabler-app #feeders .feederTable tbody tr,
.wapa-tabler-app .selectedOutage.show,
.wapa-tabler-app .collapsible:not(.collapsed) .collapseBody{
  animation:none!important;
}
.wapa-tabler-app .wapa-layout-moving{
  backface-visibility:hidden;
  transform-style:flat;
}


/* Final text-stability override: motion may resize/slide boxes, but text does not fade. */
.wapa-tabler-app .wapa-kpi-row,
.wapa-tabler-app .wapa-kpi-card,
.wapa-tabler-app #sum,
.wapa-tabler-app #historyModeBar.wapa-notice-morph,
.wapa-tabler-app #timelineHelp.wapa-notice-morph,
.wapa-tabler-app .collapsible .collapseBody.wapa-collapse-morph{
  opacity:1!important;
  filter:none!important;
}
.wapa-tabler-app .collapsible .collapseBody.wapa-collapse-morph,
.wapa-tabler-app #historyModeBar.wapa-notice-morph,
.wapa-tabler-app #timelineHelp.wapa-notice-morph{
  transform:none!important;
}
.wapa-tabler-app .wapa-main-dashboard>[id],
.wapa-tabler-app .chartWrap,
.wapa-tabler-app #mapPanel,
.wapa-tabler-app #mainGrid{
  transition-property:transform,margin!important;
}


/* Data freshness mode-switch wipe: whole-card horizontal reveal/conceal, no text fade. */
.wapa-tabler-app .wapa-kpi-data-freshness,
.wapa-kpi-ghost[data-kpi="data-freshness"]{
  overflow:hidden!important;
  will-change:transform,clip-path!important;
  transform-origin:left center!important;
}


/* KPI row wipe alignment: disappearing freshness ghost stays inside the row under live cards. */
.wapa-tabler-app .wapa-kpi-row.wapa-kpi-animating{
  overflow:visible!important;
  contain:layout!important;
}
.wapa-tabler-app .wapa-kpi-row.wapa-kpi-animating > .wapa-kpi-slot:not(.wapa-kpi-ghost){
  position:relative!important;
  z-index:2!important;
}
.wapa-tabler-app .wapa-kpi-row.wapa-kpi-animating > .wapa-kpi-ghost{
  z-index:1!important;
}


/* Mobile History graph: compact card and sticky-header-safe scroll target. */
@media (max-width:575.98px){
  .wapa-tabler-app #timelineCard.wapa-history-under-map{
    margin-top:.55rem!important;
    scroll-margin-top:76px!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .card-header{
    min-height:38px!important;
    padding:.48rem .62rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .card-body{
    padding:.58rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineHelp{
    margin-bottom:.45rem!important;
    line-height:1.25!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineControls{
    margin-bottom:.45rem!important;
    gap:.42rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineReadoutRow{
    margin-bottom:.35rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineChart{
    margin-bottom:.45rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map #timelineSvg{
    min-height:0!important;
    height:148px!important;
    max-height:148px!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map #timelineOverview{
    height:42px!important;
    max-height:42px!important;
    margin-top:.15rem!important;
  }
}


/* Timeline control geometry: keep generated History graph controls aligned in light/dark. */
.wapa-tabler-app .timelineControls{
  align-items:end!important;
  gap:.5rem!important;
}
.wapa-tabler-app .timelineControls label,
.wapa-tabler-app .timelineToolbar label{
  min-height:3.25rem!important;
  align-self:end!important;
  align-content:end!important;
}
.wapa-tabler-app .timelineControls .form-select,
.wapa-tabler-app .timelineToolbar .form-select,
.wapa-tabler-app .timelineControls button,
.wapa-tabler-app .timelineToolbar button,
.wapa-tabler-app .scaleBtns{
  height:2.5rem!important;
  min-height:2.5rem!important;
  box-sizing:border-box!important;
  align-self:end!important;
}
.wapa-tabler-app .scaleBtns{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:.25rem!important;
  padding:.25rem!important;
  border:1px solid var(--tblr-border-color)!important;
  border-radius:calc(var(--tblr-border-radius) + .2rem)!important;
  background:var(--tblr-bg-surface-tertiary)!important;
  overflow:hidden!important;
}
.wapa-tabler-app .scaleBtns button{
  height:calc(2.5rem - .5rem)!important;
  min-height:calc(2.5rem - .5rem)!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border-radius:var(--tblr-border-radius)!important;
  margin:0!important;
}
.wapa-tabler-app .timelineControls button.activeScale,
.wapa-tabler-app .timelineToolbar button.activeScale,
.wapa-tabler-app .scaleBtns button.activeScale{
  background:var(--tblr-primary)!important;
  border-color:var(--tblr-primary)!important;
  color:#fff!important;
}
.wapa-tabler-app[data-bs-theme=light] .scaleBtns{
  background:#eef4ff!important;
  border-color:#bfdbfe!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineControls button.activeScale,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar button.activeScale,
.wapa-tabler-app[data-bs-theme=light] .scaleBtns button.activeScale{
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app .timelineControls{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;
  }
  .wapa-tabler-app .timelineControls label,
  .wapa-tabler-app .timelineControls .scaleBtns,
  .wapa-tabler-app .timelineControls > button{
    width:100%!important;
    min-width:0!important;
  }
  .wapa-tabler-app .timelineControls .scaleBtns button{
    flex:1 1 0!important;
    padding-left:.35rem!important;
    padding-right:.35rem!important;
    font-size:.76rem!important;
  }
}


/* Fine-align timeline pill buttons inside their light/dark bounding boxes. */
.wapa-tabler-app .scaleBtns button{
  transform:translateY(1px)!important;
}


/* Light/touch interaction cleanup: avoid dark hover remnants and sticky mobile nav highlights. */
@media (hover:hover) and (pointer:fine){
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):hover,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):focus,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):focus-visible{
    background:#eff6ff!important;
    color:#0f3f76!important;
    box-shadow:none!important;
    border-color:#bfdbfe!important;
  }
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):hover .nav-link-title,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):focus .nav-link-title{
    color:#0f3f76!important;
  }
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):hover,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):focus{
    background:#eff6ff!important;
    color:#0f3f76!important;
    border-color:#bfdbfe!important;
    box-shadow:none!important;
  }
}
@media (hover:none), (pointer:coarse){
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):hover,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):focus,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active):active,
  .wapa-tabler-app[data-bs-theme=light] .navbar-vertical .nav-link:not(.active).wapa-touch-doppler,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):hover,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):focus,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):active,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active).wapa-touch-doppler{
    background:transparent!important;
    color:#334155!important;
    border-color:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    outline:0!important;
  }
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):hover,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):focus,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active):active,
  .wapa-tabler-app[data-bs-theme=light] .wapa-labs-nav:not(.active).wapa-touch-doppler{
    background:#f8fafc!important;
    border-color:#cbd5e1!important;
  }
}

/* Feeder Status expand/collapse: JS measures height; keep CSS from adding a fast scale-like animation. */
.wapa-tabler-app #areaCard .collapseBody.wapa-collapse-morph{
  transition:height 1.04s cubic-bezier(.16,1,.3,1), opacity .52s ease-out!important;
  transform:none!important;
  will-change:height,opacity!important;
}
.wapa-tabler-app #areaCard.collapsible:not(.collapsed) .collapseBody{
  animation:none!important;
}


/* Final Feeder Status motion owner: JS rAF drives height, CSS must not lag behind it. */
.wapa-tabler-app #areaCard .collapseBody.wapa-collapse-morph{
  transition:opacity .52s ease-out!important;
}


/* Island status cards: keep name + badge aligned without clipping in tight 3-up rail. */
.wapa-tabler-app .statusCard .card-body>.d-flex:first-child{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start!important;
  column-gap:.35rem!important;
}
.wapa-tabler-app .statusCard .card-body>.d-flex:first-child h4{
  min-width:0!important;
  overflow-wrap:anywhere;
}
.wapa-tabler-app .statusCard .card-body>.d-flex:first-child .badge{
  justify-self:end!important;
  max-width:100%!important;
  white-space:nowrap!important;
}


/* User-reported mobile fixes: History card must align with map/feeder cards; Find my Feeder header must not keep blue touch hover. */
@media (max-width:991.98px){
  .wapa-tabler-app #timelineCard.wapa-history-under-map{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media (hover:none), (pointer:coarse){
  .wapa-tabler-app #areaCard #areaToggle,
  .wapa-tabler-app #areaCard #areaToggle:hover,
  .wapa-tabler-app #areaCard #areaToggle:focus,
  .wapa-tabler-app #areaCard #areaToggle:active,
  .wapa-tabler-app #areaCard #areaToggle:focus-visible{
    background:transparent!important;
    background-color:transparent!important;
    color:inherit!important;
    border-color:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    transform:none!important;
  }
}


/* Mobile History graph legibility: keep mini overview label inside SVG and make readout/date text readable in light mode. */
.wapa-tabler-app .timelineReadoutRow{
  overflow:visible!important;
}
.wapa-tabler-app .timelineReadout,
.wapa-tabler-app .timelineMeta{
  opacity:1!important;
  color:var(--tblr-body-color)!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineReadout{
  color:#334155!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] .timelineMeta,
.wapa-tabler-app[data-bs-theme=light] .timelineMeta b{
  color:#0f172a!important;
  font-weight:700!important;
}
.wapa-tabler-app .timelineOverview{
  display:block!important;
  overflow:visible!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineReadoutRow{
    gap:.25rem!important;
    margin-bottom:.35rem!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineReadout{
    font-size:.9rem!important;
    line-height:1.16!important;
  }
  .wapa-tabler-app #timelineCard.wapa-history-under-map .timelineMeta{
    font-size:.92rem!important;
    line-height:1.18!important;
  }
}


/* Full light-mode adversarial cleanup: remove remaining dark-theme/pale-token leftovers across modes. */
.wapa-tabler-app[data-bs-theme=light]{
  --tblr-border-color:#bfdbfe!important;
  --tblr-body-color:#0f172a!important;
  --tblr-secondary:#475569!important;
  --tblr-bg-forms:#ffffff!important;
}
.wapa-tabler-app[data-bs-theme=light] *,
.wapa-tabler-app[data-bs-theme=light] *::before,
.wapa-tabler-app[data-bs-theme=light] *::after{
  border-color:#bfdbfe;
}
.wapa-tabler-app[data-bs-theme=light] .wapa-brand-mark,
.wapa-tabler-app[data-bs-theme=light] .navbar-brand .wapa-brand-mark{
  background:#0b1f4d!important;
  color:#ffffff!important;
  border-color:#0b1f4d!important;
}
.wapa-tabler-app[data-bs-theme=light] .statusCard,
.wapa-tabler-app[data-bs-theme=light] #viewer .statusCard{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#bfdbfe!important;
}
.wapa-tabler-app[data-bs-theme=light] .statusMetric,
.wapa-tabler-app[data-bs-theme=light] .statusMetric span,
.wapa-tabler-app[data-bs-theme=light] #viewer .statusMetric,
.wapa-tabler-app[data-bs-theme=light] #viewer .statusMetric span{
  color:#334155!important;
  opacity:1!important;
}
.wapa-tabler-app[data-bs-theme=light] .statusMetric b,
.wapa-tabler-app[data-bs-theme=light] #viewer .statusMetric b{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] #areaToggle,
.wapa-tabler-app[data-bs-theme=light] #areaToggle .card-title,
.wapa-tabler-app[data-bs-theme=light] #areaToggle .collapseIcon{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] #areaToggle .collapseIcon{
  color:#1d4ed8!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] #areaToggle:hover,
.wapa-tabler-app[data-bs-theme=light] #areaToggle:focus,
.wapa-tabler-app[data-bs-theme=light] #areaToggle:active,
.wapa-tabler-app[data-bs-theme=light] #areaToggle:focus-visible{
  background:#eff6ff!important;
  color:#0f172a!important;
  border-color:#93c5fd!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .activeOutageAlert{
  background:#fef2f2!important;
  border-color:#fecaca!important;
  border-left-color:#dc2626!important;
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] .activeOutageAlert b,
.wapa-tabler-app[data-bs-theme=light] .activeOutageAlert .activeOutageRow b,
.wapa-tabler-app[data-bs-theme=light] .activeOutageHead{
  color:#991b1b!important;
}
.wapa-tabler-app[data-bs-theme=light] .activeOutageAlert .muted,
.wapa-tabler-app[data-bs-theme=light] .activeOutageAlert span{
  color:#334155!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-bar,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers-expanded{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#94a3b8!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-bar a,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers label,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers span,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers-selector + span{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-bar a:hover,
.wapa-tabler-app[data-bs-theme=light] .leaflet-control-layers label:hover span{
  background:#eff6ff!important;
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] .lookupBox,
.wapa-tabler-app[data-bs-theme=light] .sourceBox,
.wapa-tabler-app[data-bs-theme=light] .areaCard,
.wapa-tabler-app[data-bs-theme=light] .areaMatch,
.wapa-tabler-app[data-bs-theme=light] .candidateCard,
.wapa-tabler-app[data-bs-theme=light] .bestMatch,
.wapa-tabler-app[data-bs-theme=light] .selectedOutage{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#bfdbfe!important;
}
.wapa-tabler-app[data-bs-theme=light] .tag.online,
.wapa-tabler-app[data-bs-theme=light] .chip.online{
  background:#dcfce7!important;
  color:#166534!important;
  border-color:#86efac!important;
}
.wapa-tabler-app[data-bs-theme=light] .tag.offline,
.wapa-tabler-app[data-bs-theme=light] .tag.partial{
  background:#fff7ed!important;
  color:#9a3412!important;
  border-color:#fdba74!important;
}


/* Desktop map outage popups: light-mode native styling instead of dark chip remnants inside white Leaflet boxes. */
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup.outage-detail-popup .leaflet-popup-content-wrapper,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-content-wrapper{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #cbd5e1!important;
  border-radius:.85rem!important;
  box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup.outage-detail-popup .leaflet-popup-tip,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-tip{
  background:#ffffff!important;
  border-color:#cbd5e1!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup.outage-detail-popup .leaflet-popup-content,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-content,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetPopup{
  color:#0f172a!important;
  font-weight:500!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetPopup b,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetTools b{
  color:#0f172a!important;
  font-weight:800!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .muted,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetTools .muted{
  color:#475569!important;
  opacity:1!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetList{
  display:grid!important;
  gap:.35rem!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetItem{
  background:#eff6ff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  border-radius:.45rem!important;
  box-shadow:none!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .streetItem:hover{
  background:#dbeafe!important;
  color:#0f172a!important;
  transform:none!important;
  filter:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup-close-button{
  color:#334155!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup-close-button:hover,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup-close-button:focus{
  color:#0f172a!important;
  background:#f1f5f9!important;
}


/* Leaflet popup close button needs its own light surface; it is positioned outside popup content background ancestry. */
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-close-button{
  color:#334155!important;
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  border-radius:999px!important;
  width:24px!important;
  height:24px!important;
  line-height:21px!important;
  top:8px!important;
  right:8px!important;
  text-align:center!important;
}
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-close-button:hover,
.wapa-tabler-app[data-bs-theme=light] .leaflet-popup .leaflet-popup-close-button:focus{
  color:#0f172a!important;
  background:#f1f5f9!important;
  border-color:#cbd5e1!important;
}


/* Selected outage detail panel: light-mode street filter and street/address chips. */
.wapa-tabler-app[data-bs-theme=light] #selectedOutage{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#bfdbfe!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage h3,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage h3 b{
  color:#0f172a!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .muted{
  color:#475569!important;
  opacity:1!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .outSince{
  color:#78350f!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetTools{
  gap:.6rem!important;
  align-items:center!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage #streetSearch,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetSearch{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage #streetSearch::placeholder,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetSearch::placeholder{
  color:#64748b!important;
  opacity:1!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage #streetSearch:focus,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetSearch:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 .18rem rgba(37,99,235,.16)!important;
  outline:0!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetList{
  display:grid!important;
  gap:.45rem!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetItem{
  background:#eff6ff!important;
  color:#0f172a!important;
  border:1px solid #bfdbfe!important;
  border-radius:.52rem!important;
  box-shadow:none!important;
  font-weight:700!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetItem:hover,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .streetItem:focus{
  background:#dbeafe!important;
  color:#0f172a!important;
  border-color:#93c5fd!important;
  transform:none!important;
  filter:none!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage #zoomSelected,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .zoomBtn{
  background:#ffffff!important;
  color:#1e293b!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
.wapa-tabler-app[data-bs-theme=light] #selectedOutage #zoomSelected:hover,
.wapa-tabler-app[data-bs-theme=light] #selectedOutage .zoomBtn:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#94a3b8!important;
}

/* Dark map option: grayscale-dark OSM tiles keep USVI islands/roads visible and avoid the blue/empty Esri look. */
#wapaApp .wapa-dark-map-tile,
.wapa-tabler-app .wapa-dark-map-tile{
  filter:grayscale(1) brightness(.52) contrast(1.42)!important;
}
/* Select chevrons + compact Find my Feeder cards — corrected after 2026-06 regression. */
.wapa-tabler-app select.form-select,
.wapa-tabler-app .timelineControls select,
.wapa-tabler-app .timelineToolbar select,
.wapa-tabler-app .islandFilter select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-repeat:no-repeat!important;
  background-position:right .55rem center!important;
  background-size:.55rem .55rem!important;
  padding-right:1.55rem!important;
}
.wapa-tabler-app[data-bs-theme=light] select.form-select,
.wapa-tabler-app[data-bs-theme=light] .timelineControls select,
.wapa-tabler-app[data-bs-theme=light] .timelineToolbar select,
.wapa-tabler-app[data-bs-theme=light] .islandFilter select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 4.5 6 7.5l3-3'/%3e%3c/svg%3e")!important;
}
.wapa-tabler-app[data-bs-theme=dark] select.form-select,
.wapa-tabler-app[data-bs-theme=dark] .timelineControls select,
.wapa-tabler-app[data-bs-theme=dark] .timelineToolbar select,
.wapa-tabler-app[data-bs-theme=dark] .islandFilter select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 4.5 6 7.5l3-3'/%3e%3c/svg%3e")!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app select.form-select,
  .wapa-tabler-app .timelineControls select,
  .wapa-tabler-app .timelineToolbar select,
  .wapa-tabler-app .islandFilter select{
    background-position:right .45rem center!important;
    background-size:.5rem .5rem!important;
    padding-right:1.35rem!important;
  }
}
/* Keep open Find my Feeder content from clipping without forcing stretched grid rows or scattered holes. */
.wapa-tabler-app #areaCard:not(.collapsed) .collapseBody{
  max-height:none!important;
  overflow:visible!important;
}
.wapa-tabler-app #areaCard:not(.collapsed),
.wapa-tabler-app #areaCard:not(.collapsed) .card-body{
  overflow:visible!important;
}
.wapa-tabler-app #areaMatches.areaGrid{
  display:block!important;
  column-gap:.75rem!important;
  padding-bottom:.75rem!important;
}
@media (min-width:1400px){.wapa-tabler-app #areaMatches.areaGrid{column-count:5!important}}
@media (min-width:1200px) and (max-width:1399.98px){.wapa-tabler-app #areaMatches.areaGrid{column-count:4!important}}
@media (min-width:992px) and (max-width:1199.98px){.wapa-tabler-app #areaMatches.areaGrid{column-count:3!important}}
@media (min-width:576px) and (max-width:991.98px){.wapa-tabler-app #areaMatches.areaGrid{column-count:2!important}}
@media (max-width:575.98px){.wapa-tabler-app #areaMatches.areaGrid{column-count:1!important}}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard{
  display:inline-block!important;
  width:100%!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  margin:0 0 .75rem!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  vertical-align:top!important;
  padding-bottom:.95rem!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chips{
  padding-bottom:.15rem!important;
  margin-bottom:0!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chip{
  line-height:1.08!important;
}

/* Specific select IDs previously had larger chevrons; keep them as small corner affordances. */
.wapa-tabler-app #feederIslandFilter.form-select,
.wapa-tabler-app #areaCard #islandFilter.form-select,
.wapa-tabler-app #timelineDistrict.form-select,
.wapa-tabler-app #timelineFeeder.form-select,
.wapa-tabler-app #timelineDate.form-select,
.wapa-tabler-app #timelineWindow.form-select,
.wapa-tabler-app #timelineScale.form-select,
.wapa-tabler-app #timelineDisplay.form-select{
  background-repeat:no-repeat!important;
  background-position:right .55rem center!important;
  background-size:.55rem .55rem!important;
  padding-right:1.55rem!important;
}
.wapa-tabler-app[data-bs-theme=light] #feederIslandFilter.form-select,
.wapa-tabler-app[data-bs-theme=light] #areaCard #islandFilter.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineDistrict.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineFeeder.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineDate.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineWindow.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineScale.form-select,
.wapa-tabler-app[data-bs-theme=light] #timelineDisplay.form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 4.5 6 7.5l3-3'/%3e%3c/svg%3e")!important;
}
.wapa-tabler-app[data-bs-theme=dark] #feederIslandFilter.form-select,
.wapa-tabler-app[data-bs-theme=dark] #areaCard #islandFilter.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineDistrict.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineFeeder.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineDate.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineWindow.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineScale.form-select,
.wapa-tabler-app[data-bs-theme=dark] #timelineDisplay.form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 4.5 6 7.5l3-3'/%3e%3c/svg%3e")!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app #feederIslandFilter.form-select,
  .wapa-tabler-app #areaCard #islandFilter.form-select,
  .wapa-tabler-app #timelineDistrict.form-select,
  .wapa-tabler-app #timelineFeeder.form-select,
  .wapa-tabler-app #timelineDate.form-select,
  .wapa-tabler-app #timelineWindow.form-select,
  .wapa-tabler-app #timelineScale.form-select,
  .wapa-tabler-app #timelineDisplay.form-select{
    background-position:right .45rem center!important;
    background-size:.5rem .5rem!important;
    padding-right:1.35rem!important;
  }
}

/* Find my Feeder: remove empty best-match placeholder and normalize header/chip rhythm. */
.wapa-tabler-app #areaBest:empty,
.wapa-tabler-app #areaBest.summaryBox:empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.wapa-tabler-app #areaBest:not(:empty){
  display:block!important;
}
.wapa-tabler-app #areaMatches.areaGrid{
  margin-top:0!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .card-body{
  padding:1rem 1.05rem!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:.45rem!important;
  row-gap:.18rem!important;
  margin:0 0 .55rem!important;
  min-height:1.62rem!important;
  line-height:1.18!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .tag,
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .badge,
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .chip{
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  white-space:nowrap!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .matchMeta{
  margin:.05rem 0 .5rem!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:.42rem .44rem!important;
  margin:.05rem 0 0!important;
  padding-bottom:.15rem!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chip{
  margin:0!important;
  line-height:1.1!important;
}

/* Find my Feeder header text span: keep title+badge compact without premature wrapping. */
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:.25rem .45rem!important;
  margin:0 0 .5rem!important;
  min-height:1.62rem!important;
  line-height:1.16!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaTitle{
  flex:0 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
@media (max-width:575.98px){
  .wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaTitle{
    white-space:normal!important;
  }
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .tag,
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .badge,
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .chip{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Less-pill UI rounding + Find my Feeder inline status labels. */
.wapa-tabler-app .tag,
.wapa-tabler-app .chip,
.wapa-tabler-app .badge,
.wapa-tabler-app .filterBtn,
.wapa-tabler-app .scaleBtns,
.wapa-tabler-app .timelineStats span,
.wapa-tabler-app .timelineLegend span,
.wapa-tabler-app .sourceLinks a,
.wapa-tabler-app .csvLinks a,
.wapa-tabler-app .labBadge,
.wapa-tabler-app .collapseIcon,
.wapa-tabler-app .historicalLensLabel{
  border-radius:.38rem!important;
}
.wapa-tabler-app .sw,
.wapa-tabler-app .countDot,
.wapa-tabler-app .ghostDot,
.wapa-tabler-app .islandClusterDot,
.wapa-tabler-app .wapa-brand-mark,
.wapa-tabler-app .leaflet-marker-icon{
  /* keep true map dots/icons circular */
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4{
  justify-content:flex-start!important;
  align-items:baseline!important;
  gap:.22rem .42rem!important;
  flex-wrap:wrap!important;
  margin:0 0 .42rem!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaTitle{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaStatus{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:1.05rem!important;
  padding:.04rem .34rem!important;
  border-radius:.28rem!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  font-weight:750!important;
  vertical-align:baseline!important;
  margin-left:.08rem!important;
  transform:translateY(-.03rem);
}
@media (max-width:575.98px){
  .wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaTitle{
    white-space:normal!important;
  }
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chips{
  gap:.38rem .4rem!important;
  margin:.02rem 0 0!important;
}
.wapa-tabler-app #areaMatches.areaGrid > .areaCard .chip{
  border-radius:.34rem!important;
}


/* Status-first internal test route only */
.wapa-status-first-test[data-bs-theme=light]{background:#f6f8fb!important}
.wapa-status-first-test[data-bs-theme=light] .page,
.wapa-status-first-test[data-bs-theme=light] .page-wrapper{background:#f6f8fb!important}
.wapa-status-first-test[data-bs-theme=light].wapa-status-mode{background:#f6f8fb!important}
.wapa-status-first-test[data-bs-theme=dark]{background:#0f172a!important}
.wapa-status-first-test[data-bs-theme=dark] .page,
.wapa-status-first-test[data-bs-theme=dark] .page-wrapper{background:#0f172a!important}
.wapa-status-first-test[data-bs-theme=dark].wapa-status-mode{background:#0f172a!important}
.wapa-status-first-test.wapa-status-mode .navbar-vertical,
.wapa-status-first-test.wapa-status-mode .navbar,
.wapa-status-first-test.wapa-status-mode .page-header .page-pretitle,
.wapa-status-first-test.wapa-status-mode .page-header .btn-list > button[data-action="show-main-app"],
.wapa-status-first-test.wapa-status-mode .page-header .btn-list > button[data-action="focus-feeder-lookup"]{display:none!important}
.wapa-status-first-test.wapa-status-mode .page-wrapper{margin-left:0!important;min-height:100vh;background:inherit!important}
.wapa-status-first-test.wapa-status-mode,
.wapa-status-first-test.wapa-status-mode .page,
.wapa-status-first-test.wapa-status-mode .page-wrapper,
.wapa-status-first-test.wapa-status-mode .page-body{height:100dvh;max-height:100dvh;overflow:hidden!important}
.wapa-status-first-test.wapa-status-mode .page-header{display:none!important}
.wapa-status-first-test.wapa-status-mode .page-header .container-fluid{max-width:980px;margin:0 auto;padding-left:1rem;padding-right:1rem}
.wapa-status-first-test.wapa-status-mode .page-title{font-size:1rem;font-weight:700;color:#5f6b7a;letter-spacing:.02em}
.wapa-status-first-test.wapa-status-mode #viewModeToggle{opacity:.74}
.wapa-status-first-test.wapa-status-mode #viewModeToggle .btn{min-width:5.75rem;border-radius:8px;font-weight:650}
.wapa-status-first-test.wapa-status-mode .page-body{padding-top:.75rem}
.wapa-status-first-test.wapa-status-mode .page-body>.container-fluid{max-width:980px;margin:0 auto;padding-left:1rem;padding-right:1rem}
.wapa-status-first-test .wapa-status-card-screen{min-height:calc(100vh - 96px);height:calc(100dvh - 1.5rem);display:flex;align-items:flex-start;justify-content:center;padding:1rem 0 .5rem;overflow:hidden}
.wapa-status-first-test .wapa-status-card-wrap{width:min(100%,860px);min-width:0;max-height:100%;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;overflow:hidden}
/* Grid items default to min-width:auto, so the Quick View bulletin's nowrap
   metadata could force both cards wider than a phone. Let each grid item
   shrink to its track and keep its border box inside the wrapper. */
.wapa-status-first-test .wapa-status-card-wrap>*{width:100%;max-width:100%;min-width:0}
.wapa-status-first-test .wapa-status-card{background:rgba(255,255,255,.96);border:1px solid rgba(14,43,80,.10);box-shadow:0 24px 60px rgba(15,23,42,.10);border-radius:24px;padding:clamp(1.25rem,4vw,2.25rem);text-align:left}
.wapa-status-first-test .wapa-status-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#206bc4;margin-bottom:.85rem}
.wapa-status-first-test .wapa-status-logo{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;flex-wrap:nowrap;min-height:clamp(38px,6vw,58px);max-width:min(400px,68vw);margin:0 0 .9rem;line-height:1}
.wapa-status-first-test .wapa-status-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:clamp(38px,6vw,58px);object-fit:contain;flex:0 0 auto}
.wapa-status-first-test .wapa-status-subtitle{font-size:.72rem;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#526072;white-space:nowrap;flex:0 0 auto;transform:translateY(.1em)}
.wapa-status-first-test .wapa-status-logo-dark{display:none!important}
.wapa-status-first-test .wapa-status-card h1{font-size:clamp(2rem,7vw,4.25rem);line-height:.98;margin:0 0 .8rem;color:#13233a;letter-spacing:-.045em;max-width:760px}
.wapa-status-first-test .wapa-status-subline{font-size:clamp(1rem,2.6vw,1.2rem);color:#526072;margin:0 0 .4rem}
.wapa-status-first-test .wapa-status-updated{color:#697386;font-size:.95rem;margin-bottom:1.2rem}
.wapa-status-first-test .wapa-island-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 1.35rem}
.wapa-status-first-test .wapa-island-card{border:1px solid rgba(100,116,139,.16);background:#f8fafc;border-radius:16px;padding:.9rem;min-width:0}
.wapa-status-first-test .wapa-island-card.is-affected{background:#eef6ff;border-color:rgba(32,107,196,.24)}
.wapa-status-first-test .wapa-island-card.is-clear{background:#f1fbf4;border-color:rgba(47,179,68,.22)}
.wapa-status-first-test .wapa-island-label{font-size:.78rem;color:#64748b;font-weight:750;margin-bottom:.25rem}
.wapa-status-first-test .wapa-island-value{font-size:clamp(1.25rem,4vw,1.85rem);font-weight:850;line-height:1;color:#111827;white-space:nowrap}
.wapa-status-first-test .wapa-island-note{font-size:.78rem;color:#64748b;margin-top:.25rem}
.wapa-status-first-test .wapa-area-check-card{border:1px solid rgba(32,107,196,.16);background:#f7fbff;border-radius:18px;padding:1rem;margin-top:.35rem}
.wapa-status-first-test .wapa-area-check-card label{display:block;font-weight:800;color:#13233a;margin-bottom:.55rem}
.wapa-status-first-test .wapa-area-check-card .form-control{min-height:46px;border-radius:10px;font-size:1rem;background:#fff}
.wapa-status-first-test .wapa-status-actions{margin-top:1.1rem;display:flex;gap:.75rem;flex-wrap:wrap}
.wapa-status-first-test .wapa-status-actions .btn{min-height:46px;border-radius:10px;font-weight:750;padding-left:1.1rem;padding-right:1.1rem}
.wapa-status-first-test .wapa-status-caveat{font-size:.86rem;color:#64748b;margin:1rem 0 0;line-height:1.45}
.wapa-status-first-test .wapa-current-outage-cards{position:relative;background:rgba(255,255,255,.72);border:1px solid rgba(14,43,80,.08);border-radius:20px;padding:1rem;box-shadow:0 12px 30px rgba(15,23,42,.06);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.wapa-status-first-test .wapa-current-outage-cards::after{content:"";position:absolute;left:var(--wapa-list-edge-left,1rem);right:var(--wapa-list-edge-right,1rem);top:var(--wapa-list-edge-top,3rem);height:22px;z-index:8;pointer-events:none;opacity:0;transition:opacity .16s ease-out;background:linear-gradient(to bottom,rgba(0,0,0,.20),rgba(0,0,0,.08) 48%,rgba(0,0,0,0));border-radius:10px 10px 0 0}
.wapa-status-first-test .wapa-current-outage-cards.is-scrolled::after{opacity:1}
.wapa-status-first-test .wapa-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}
.wapa-status-first-test .wapa-section-heading h2{font-size:1rem;margin:0;color:#13233a}
.wapa-status-first-test #simpleOutageList{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.35rem .2rem calc(1.35rem + env(safe-area-inset-bottom)) 0;scrollbar-gutter:stable;box-shadow:none;-webkit-mask-image:none;mask-image:none}
.wapa-status-first-test .wapa-outage-scroll-cue{flex:0 0 auto;min-height:28px;margin:.35rem -.15rem -.25rem;padding:.42rem .5rem .1rem;border-top:1px solid rgba(100,116,139,.18);color:#526072;font-size:.75rem;font-weight:750;letter-spacing:.01em;text-align:center;background:inherit}
.wapa-status-first-test .wapa-outage-scroll-cue span{display:inline-block;margin-left:.2rem;color:#206bc4;font-size:.9rem;animation:wapa-scroll-cue 1.35s ease-in-out infinite}
.wapa-status-first-test .wapa-outage-scroll-cue[hidden]{display:none!important}
@keyframes wapa-scroll-cue{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@media (prefers-reduced-motion:reduce){.wapa-status-first-test .wapa-outage-scroll-cue span{animation:none}}
.wapa-status-first-test .wapa-status-outage-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}
.wapa-status-first-test .wapa-status-outage-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border:1px solid rgba(100,116,139,.14);border-radius:14px;padding:.9rem}
.wapa-status-first-test .wapa-status-outage-card h3{font-size:1rem;line-height:1.2;margin:0 0 .35rem;color:#111827;overflow-wrap:break-word}
.wapa-status-first-test .wapa-status-outage-card p{font-size:.88rem;line-height:1.35;margin:0;color:#64748b}
.wapa-status-first-test .wapa-status-lookup-note,.wapa-status-first-test .wapa-status-match{border:1px solid rgba(100,116,139,.16);border-radius:12px;background:#fff;padding:.75rem;color:#1f2937;font-size:.9rem;line-height:1.35}
.wapa-status-first-test .wapa-status-lookup-note+.wapa-status-lookup-note,.wapa-status-first-test .wapa-status-match+.wapa-status-match{margin-top:.5rem}
.wapa-status-first-test .wapa-status-lookup-note.is-alert{border-color:rgba(32,107,196,.24);background:#eef6ff}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-card{background:rgba(15,29,49,.96);border-color:rgba(96,165,250,.24);box-shadow:0 24px 60px rgba(0,0,0,.28);color:#e5edf8}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-eyebrow{color:#93c5fd}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo{max-width:min(252px,68vw);padding:0;background:transparent;border-radius:0;box-shadow:none}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-subtitle{color:#a8b3c7}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo-light{display:none!important}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo-dark{display:block!important}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo img{width:auto;max-width:100%;max-height:clamp(38px,6vw,58px)}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-card h1,
.wapa-status-first-test[data-bs-theme=dark] .wapa-section-heading h2,
.wapa-status-first-test[data-bs-theme=dark] .wapa-area-check-card label,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-outage-card h3,
.wapa-status-first-test[data-bs-theme=dark] .wapa-island-value{color:#f8fafc!important}
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-subline,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-caveat,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-updated,
.wapa-status-first-test[data-bs-theme=dark] .wapa-island-label,
.wapa-status-first-test[data-bs-theme=dark] .wapa-island-note,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-outage-card p,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-match span{color:#cbd5e1!important}
.wapa-status-first-test[data-bs-theme=dark] .wapa-outage-scroll-cue{color:#cbd5e1;border-top-color:#334155}
.wapa-status-first-test[data-bs-theme=dark] .wapa-outage-scroll-cue span{color:#93c5fd}
.wapa-status-first-test[data-bs-theme=dark] .wapa-island-card,
.wapa-status-first-test[data-bs-theme=dark] .wapa-current-outage-cards,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-outage-card,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-lookup-note,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-match{background:#111827;border-color:#334155;color:#e5edf8}
.wapa-status-first-test[data-bs-theme=dark] .wapa-island-card.is-affected,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-lookup-note.is-alert{background:#13243a;border-color:rgba(96,165,250,.34)}

.wapa-status-first-test[data-bs-theme=dark] .wapa-island-card.is-clear{background:#10251a;border-color:rgba(34,197,94,.28)}
.wapa-status-first-test[data-bs-theme=dark] .wapa-area-check-card{background:#111827;border-color:#334155}
.wapa-status-first-test[data-bs-theme=dark] .wapa-area-check-card .form-control{background:#0b1220!important;border-color:#475569!important;color:#f8fafc!important}
.wapa-status-first-test[data-bs-theme=dark] .wapa-area-check-card .form-control::placeholder{color:#94a3b8!important}
.wapa-status-first-test .wapa-status-match span{color:#64748b}
.wapa-status-first-test.wapa-status-mode #dashboardView[hidden],.wapa-status-first-test.wapa-dashboard-mode #statusView[hidden]{display:none!important}
@media (min-width: 992px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-screen{height:calc(100svh - 4.75rem);padding:1rem 0 .5rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-wrap{width:min(100%,1180px);grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:1rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card{min-height:0;overflow:auto;padding:clamp(1.05rem,2.4vw,1.65rem);border-radius:22px}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo{min-height:clamp(34px,4vw,48px);max-width:min(220px,44vw);margin-bottom:.65rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo img{max-height:clamp(34px,4vw,48px)}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card h1{font-size:clamp(2rem,4.2vw,3.35rem);margin-bottom:.65rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-subline{margin-bottom:.25rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-card-row{margin:.9rem 0 1rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-caveat{display:none}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-current-outage-cards{height:100%;min-height:0;background:#fff;border-color:rgba(14,43,80,.15);box-shadow:0 10px 24px -16px rgba(15,23,42,.30)}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card{box-shadow:0 14px 18px -22px rgba(15,23,42,.18)}
  .wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-current-outage-cards{background:#111827;border-color:#334155;box-shadow:0 12px 28px -16px rgba(0,0,0,.62)}
  .wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-status-card{box-shadow:0 16px 20px -24px rgba(0,0,0,.48)}
}
@media (min-width:768px) and (max-width:991.98px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-screen{height:calc(100svh - 4.75rem);padding:1rem 0 .5rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto) minmax(240px,1fr);align-items:stretch;gap:.75rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:1rem;border-radius:20px}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo{min-height:42px;max-width:min(280px,55vw);margin-bottom:.55rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo img{max-height:42px}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card h1{font-size:clamp(1.8rem,4.4vw,2.55rem);margin-bottom:.55rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-card-row{margin:.75rem 0 .85rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-caveat{display:none}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-current-outage-cards{min-height:0;padding:.85rem;border-radius:18px;background:#fff;border-color:rgba(14,43,80,.15)}
  .wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-current-outage-cards{background:#111827;border-color:#334155}
}
@media (max-width: 767.98px){
  .wapa-status-first-test.wapa-status-mode .page-header{padding-top:.75rem}
  .wapa-status-first-test.wapa-status-mode .page-header .row{gap:.6rem}
  .wapa-status-first-test.wapa-status-mode .page-header .col-auto{width:100%;margin-left:0!important}
  .wapa-status-first-test.wapa-status-mode #viewModeToggle{width:100%;display:flex;opacity:.82}
  .wapa-status-first-test.wapa-status-mode #viewModeToggle .btn{flex:1;min-width:0}
  .wapa-status-first-test .wapa-status-card-screen{min-height:auto;padding:.6rem 0 2rem}
  .wapa-status-first-test .wapa-status-card{border-radius:20px;padding:1.1rem;box-shadow:0 16px 38px rgba(15,23,42,.10)}
  .wapa-status-first-test .wapa-status-logo{flex-wrap:wrap}
  .wapa-status-first-test .wapa-status-subtitle{font-size:.64rem;letter-spacing:.06em}
  .wapa-status-first-test .wapa-island-card-row{grid-template-columns:1fr;gap:.55rem}
  .wapa-status-first-test .wapa-island-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem}
  .wapa-status-first-test .wapa-island-label{margin:0}.wapa-status-first-test .wapa-island-note{display:none}
  .wapa-status-first-test .wapa-status-outage-grid{grid-template-columns:1fr}
  .wapa-status-first-test .wapa-section-heading{display:block}.wapa-status-first-test .wapa-section-heading .btn{margin-top:.5rem;width:100%}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-screen{height:calc(100svh - 3.5rem);padding:.5rem 0 calc(1.1rem + env(safe-area-inset-bottom))}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-wrap{gap:.55rem;grid-template-rows:minmax(0,auto) minmax(190px,1fr);align-items:stretch}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:.85rem;border-radius:18px;box-shadow:0 1px 0 rgba(15,23,42,.05),0 8px 12px -14px rgba(15,23,42,.22)}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo{min-height:30px;max-width:min(190px,60vw);margin-bottom:.45rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo img{max-height:30px}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card h1{font-size:clamp(1.45rem,6vw,2rem);line-height:1;margin-bottom:.45rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-subline{font-size:.92rem;margin-bottom:.2rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-card-row{margin:.65rem 0 .7rem;gap:.45rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-card{padding:.55rem .65rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-label{font-size:.72rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-island-value{font-size:1.18rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-area-check-card{padding:.7rem;margin-top:.15rem;border-radius:14px}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-area-check-card label{margin-bottom:.35rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-area-check-card .form-control{min-height:38px;font-size:.92rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-actions{margin-top:.65rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-actions .btn{min-height:38px;padding:.35rem .8rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-caveat{display:none}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-current-outage-cards{padding:.75rem .75rem .9rem;border-radius:16px;box-shadow:0 16px 24px -22px rgba(15,23,42,.10)}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-section-heading{margin-bottom:.55rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-section-heading h2{font-size:.92rem}
}
@media (max-width:767.98px) and (max-height:600px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-wrap{grid-template-rows:minmax(0,auto) minmax(170px,1fr)}
}
@media (max-width:767.98px) and (max-height:420px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-screen{height:calc(100svh - 1.75rem);padding:.25rem 0 .4rem}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card-wrap{grid-template-rows:minmax(0,auto) minmax(145px,1fr)}
}
/* Stateful CSS-only scroll shadows plus visible thumbs keep both independent
   Quick View scroll owners legible without changing the page-lock contract. */
.wapa-status-first-test.wapa-has-simple-outages .wapa-status-card{
  background-image:linear-gradient(rgba(255,255,255,.98) 35%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.98) 65%),radial-gradient(farthest-side at 50% 0,rgba(15,23,42,.20),rgba(15,23,42,0)),radial-gradient(farthest-side at 50% 100%,rgba(15,23,42,.20),rgba(15,23,42,0));
  background-position:top,bottom,top,bottom;background-repeat:no-repeat;background-size:100% 28px,100% 28px,100% 10px,100% 10px;background-attachment:local,local,scroll,scroll;
  scrollbar-width:thin;scrollbar-color:#206bc4 rgba(32,107,196,.08);
}
.wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-status-card{
  background-image:linear-gradient(rgba(15,29,49,.98) 35%,rgba(15,29,49,0)),linear-gradient(rgba(15,29,49,0),rgba(15,29,49,.98) 65%),radial-gradient(farthest-side at 50% 0,rgba(148,163,184,.34),rgba(148,163,184,0)),radial-gradient(farthest-side at 50% 100%,rgba(148,163,184,.34),rgba(148,163,184,0));
  scrollbar-color:#60a5fa rgba(96,165,250,.10);
}
.wapa-status-first-test.wapa-has-simple-outages .wapa-status-card::-webkit-scrollbar{width:10px;height:10px}
.wapa-status-first-test.wapa-has-simple-outages #simpleOutageList::-webkit-scrollbar{width:8px;height:8px}
.wapa-status-first-test.wapa-has-simple-outages .wapa-status-card::-webkit-scrollbar-track,
.wapa-status-first-test.wapa-has-simple-outages #simpleOutageList::-webkit-scrollbar-track{background:transparent}
.wapa-status-first-test.wapa-has-simple-outages .wapa-status-card::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#206bc4;background-clip:padding-box}
.wapa-status-first-test.wapa-has-simple-outages #simpleOutageList::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:rgba(71,85,105,.58);background-clip:padding-box}
.wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-status-card::-webkit-scrollbar-thumb{background:#60a5fa;background-clip:padding-box}
.wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages #simpleOutageList::-webkit-scrollbar-thumb{background:rgba(148,163,184,.62);background-clip:padding-box}
.wapa-status-first-test.wapa-has-simple-outages .wapa-status-card.has-summary-more::before{
  content:"Scroll for search details ↓";position:sticky;top:calc(100% - 1.65rem);z-index:20;display:block;width:max-content;max-width:100%;margin:0 auto -1.65rem;padding:.25rem .55rem;border:1px solid rgba(32,107,196,.24);border-radius:7px;background:rgba(238,246,255,.96);color:#206bc4;font-size:.68rem;line-height:1;font-weight:750;pointer-events:none;
}
.wapa-status-first-test[data-bs-theme=dark].wapa-has-simple-outages .wapa-status-card.has-summary-more::before{background:rgba(19,36,58,.96);color:#93c5fd;border-color:rgba(96,165,250,.34)}
@keyframes wapa-summary-scroll-cue{0%,78%{opacity:1}100%{opacity:0}}
@supports (animation-timeline:scroll()){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-card.has-summary-more::before{animation:wapa-summary-scroll-cue linear both;animation-timeline:scroll(self block)}
}

/* Status/Dashboard sheet transition (internal/test only)
   Mental model: one wide sheet of paper. Status and Dashboard live on the same sheet;
   the viewport slides horizontally. Every visible panel uses the same distance, timing,
   and easing so nothing pops or travels at a different speed. */
.wapa-status-first-test.wapa-view-transitioning{
  --wapa-sheet-distance:100vw;
  --wapa-sheet-duration:1.08s;
  --wapa-sheet-ease:cubic-bezier(.65,0,.35,1);
}
html.wapa-view-transitioning-root,
html.wapa-view-transitioning-root body{height:100dvh;max-height:100dvh;overflow:hidden!important}
.wapa-status-first-test.wapa-view-transitioning .page,
.wapa-status-first-test.wapa-view-transitioning .page-wrapper,
.wapa-status-first-test.wapa-view-transitioning .page-body{height:100dvh;max-height:100dvh;overflow:hidden!important}
.wapa-status-first-test.wapa-view-transitioning #statusView,
.wapa-status-first-test.wapa-view-transitioning #dashboardView{display:block!important;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);opacity:1!important}
.wapa-status-first-test.wapa-view-transitioning #statusView{position:absolute;inset:1.25rem 1rem auto 1rem;z-index:5;pointer-events:none}
@media (max-width:767.98px){.wapa-status-first-test.wapa-view-transitioning #statusView{inset:1.5rem 1rem auto 1rem}}
.wapa-status-first-test.wapa-view-transitioning #dashboardView{position:fixed;z-index:4;pointer-events:none;top:var(--wapa-dash-top,59.984px);left:var(--wapa-dash-left,calc(240px + 1rem));right:var(--wapa-dash-right,1rem);width:var(--wapa-dash-width,auto);height:auto;max-height:none;overflow:visible!important;contain:layout paint}
@media (max-width:991.98px){.wapa-status-first-test.wapa-view-transitioning #dashboardView{top:var(--wapa-dash-top,4rem);left:var(--wapa-dash-left,1rem);right:var(--wapa-dash-right,1rem);width:var(--wapa-dash-width,auto)}}
@media (max-width:767.98px){.wapa-status-first-test.wapa-view-transitioning #dashboardView{top:var(--wapa-dash-top,3.75rem);left:var(--wapa-dash-left,1rem);right:var(--wapa-dash-right,1rem);width:var(--wapa-dash-width,auto)}}
.wapa-status-first-test.wapa-view-transitioning .navbar-vertical{will-change:transform;backface-visibility:hidden;pointer-events:none;transform:translate3d(0,0,0)}
.wapa-status-first-test.wapa-view-transitioning .page-header{display:flex!important;position:fixed;z-index:4;pointer-events:none;top:var(--wapa-head-top,0);left:var(--wapa-head-left,240px);right:var(--wapa-head-right,0);width:var(--wapa-head-width,auto);margin:0!important;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);contain:layout paint}
/* Keep dashboard text on one compositor layer after sheet transition; bump this block when QA cache needs forced refresh. */
.wapa-status-first-test.wapa-dashboard-mode #dashboardView,
.wapa-status-first-test.wapa-dashboard-mode .page-header{will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.wapa-status-first-test.wapa-transition-to-dashboard #statusView{animation:wapaSheetStatusToLeft var(--wapa-sheet-duration) var(--wapa-sheet-ease) both}
.wapa-status-first-test.wapa-transition-to-dashboard #dashboardView,
.wapa-status-first-test.wapa-transition-to-dashboard .navbar-vertical,
.wapa-status-first-test.wapa-transition-to-dashboard .page-header{animation:wapaSheetDashboardFromRight var(--wapa-sheet-duration) var(--wapa-sheet-ease) both}
.wapa-status-first-test.wapa-transition-to-status #statusView{animation:wapaSheetStatusFromLeft var(--wapa-sheet-duration) var(--wapa-sheet-ease) both}
.wapa-status-first-test.wapa-transition-to-status #dashboardView,
.wapa-status-first-test.wapa-transition-to-status .navbar-vertical,
.wapa-status-first-test.wapa-transition-to-status .page-header{animation:wapaSheetDashboardToRight var(--wapa-sheet-duration) var(--wapa-sheet-ease) both}
@keyframes wapaSheetStatusToLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(var(--wapa-sheet-distance) * -1),0,0)}}
@keyframes wapaSheetDashboardFromRight{from{transform:translate3d(var(--wapa-sheet-distance),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes wapaSheetStatusFromLeft{from{transform:translate3d(calc(var(--wapa-sheet-distance) * -1),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes wapaSheetDashboardToRight{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--wapa-sheet-distance),0,0)}}
@media (prefers-reduced-motion: reduce){
  .wapa-status-first-test.wapa-transition-to-dashboard #statusView,
  .wapa-status-first-test.wapa-transition-to-dashboard #dashboardView,
  .wapa-status-first-test.wapa-transition-to-dashboard .navbar-vertical,
  .wapa-status-first-test.wapa-transition-to-dashboard .page-header,
  .wapa-status-first-test.wapa-transition-to-status #statusView,
  .wapa-status-first-test.wapa-transition-to-status #dashboardView,
  .wapa-status-first-test.wapa-transition-to-status .navbar-vertical,
  .wapa-status-first-test.wapa-transition-to-status .page-header{animation:none!important}
}

/* Current Feeder Status: selectable rows and street/location map targets */
.wapa-tabler-app .affectedRow[data-action="select-outage"]{cursor:pointer;outline:none}
.wapa-tabler-app .affectedRow[data-action="select-outage"]:hover,
.wapa-tabler-app .affectedRow[data-action="select-outage"]:focus{background:rgba(32,107,196,.10)!important;box-shadow:inset 3px 0 0 var(--tblr-primary)}
.wapa-tabler-app .affectedRow[data-action="select-outage"]:focus-visible{outline:3px solid rgba(32,107,196,.35);outline-offset:-3px}
.wapa-tabler-app .streetItem{display:block;width:100%;text-align:left;border:1px solid transparent;background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color);border-radius:8px;padding:6px 8px;margin:3px 0;cursor:pointer;font:inherit;line-height:1.25}
.wapa-tabler-app .streetItem:hover,
.wapa-tabler-app .streetItem:focus{border-color:rgba(32,107,196,.35);background:rgba(32,107,196,.10);color:var(--tblr-body-color);outline:none}
.wapa-tabler-app .streetItem:focus-visible{outline:3px solid rgba(32,107,196,.30);outline-offset:1px}
.wapa-tabler-app .leaflet-popup.outage-detail-popup .streetPopup .streetItem{font-size:12px;padding:4px 6px;border-radius:7px}
.wapa-tabler-app[data-bs-theme=dark] .streetItem{background:#162237;color:#e5edf8;border-color:rgba(148,163,184,.18)}
.wapa-tabler-app[data-bs-theme=dark] .streetItem:hover,
.wapa-tabler-app[data-bs-theme=dark] .streetItem:focus{background:#1d3558;border-color:rgba(96,165,250,.45);color:#fff}

/* Flicker Labs · World Stats */
.wapa-tabler-app #worldStatsPage{animation:wapaWorldEnter .62s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}
.wapa-tabler-app #dashboardView.wapa-dashboard-world-return{animation:wapaWorldEnter .62s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}
.wapa-tabler-app .wapa-world-stats-btn:not([hidden]){display:inline-flex;align-items:center;gap:.35rem}
.wapa-tabler-app .worldHero{border:0;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,#07111f,#102547 54%,#061321)!important;color:#f8fafc!important;box-shadow:0 28px 70px -42px rgba(15,23,42,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.wapa-tabler-app .worldHero .badge{background:rgba(96,165,250,.17)!important;color:#bfdbfe;border:1px solid rgba(147,197,253,.24)}
.wapa-tabler-app .worldTitle{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em;color:#fff}
.wapa-tabler-app .worldLead{max-width:880px;margin:.65rem 0 0;color:#dbeafe!important;font-size:1rem;line-height:1.55}
.wapa-tabler-app .worldKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.wapa-tabler-app .worldKpi{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.48);color:#f8fafc!important;padding:1rem;min-height:122px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);animation:wapaWorldCardIn .62s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * .055s)}
.wapa-tabler-app .worldKpi::after{content:'';position:absolute;inset:auto -15% -40% 35%;height:80px;background:radial-gradient(circle,rgba(56,189,248,.24),transparent 66%);transform:rotate(-8deg)}
.wapa-tabler-app .worldKpi span,.wapa-tabler-app .worldKpi em{display:block;position:relative;z-index:1;color:#c7d2fe!important;font-style:normal;font-size:.8rem;line-height:1.25}
.wapa-tabler-app .worldKpi b{display:block;position:relative;z-index:1;margin:.25rem 0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1;color:#fff;letter-spacing:-.03em;white-space:nowrap}
.wapa-tabler-app .worldPanel{border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 42px -34px rgba(15,23,42,.45);animation:wapaWorldCardIn .6s cubic-bezier(.16,1,.3,1) both}
.wapa-tabler-app .worldPanel:nth-child(2){animation-delay:.05s}.wapa-tabler-app .worldPanel:nth-child(3){animation-delay:.1s}
.wapa-tabler-app .worldHint{border-radius:14px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.14);padding:.75rem .9rem;color:var(--tblr-muted);font-size:.84rem;line-height:1.45}
.wapa-tabler-app .worldChart{display:grid;gap:.68rem;min-height:360px;align-content:start}
.wapa-tabler-app .worldBar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.4fr) auto;gap:.85rem;align-items:center;animation:wapaWorldBarIn .54s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * .045s)}
.wapa-tabler-app .worldBar div b{display:block;color:var(--tblr-body-color);font-size:.92rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wapa-tabler-app .worldBar div span{display:block;color:var(--tblr-muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wapa-tabler-app .worldBar i{height:12px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e);box-shadow:0 8px 18px -12px #0284c7;transform-origin:left center;display:block;width:var(--w)}
.wapa-tabler-app .worldBar em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tblr-body-color);white-space:nowrap}
.wapa-tabler-app .worldTable td,.wapa-tabler-app .worldTable th{vertical-align:middle}.wapa-tabler-app .worldTable .is-wapa{background:linear-gradient(90deg,rgba(37,99,235,.13),rgba(34,197,94,.07))!important;box-shadow:inset 4px 0 0 #2563eb}.wapa-tabler-app .worldTable a{font-size:.72rem;margin-right:.28rem}
.wapa-tabler-app .worldDefinitions{border-color:rgba(37,99,235,.20);background:linear-gradient(180deg,rgba(37,99,235,.045),rgba(14,165,233,.025)),var(--tblr-bg-surface)}
.wapa-tabler-app .worldDefGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.wapa-tabler-app .worldDefItem{border:1px solid rgba(148,163,184,.20);border-radius:16px;padding:.9rem;background:var(--tblr-bg-surface-secondary);min-height:148px}
.wapa-tabler-app .worldDefItem b{display:block;color:var(--tblr-primary);font-size:1.05rem;letter-spacing:-.02em}.wapa-tabler-app .worldDefItem span{display:block;margin:.22rem 0;color:var(--tblr-body-color);font-weight:700;font-size:.82rem;line-height:1.25}.wapa-tabler-app .worldDefItem em{display:block;color:var(--tblr-muted);font-style:normal;font-size:.8rem;line-height:1.42}.wapa-tabler-app .worldDefWapa{background:linear-gradient(180deg,rgba(250,204,21,.12),rgba(14,165,233,.05));border-color:rgba(234,179,8,.28)}
.wapa-tabler-app .worldSourceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wapa-tabler-app .worldSourceGrid div{border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:.85rem;background:var(--tblr-bg-surface-secondary)}.wapa-tabler-app .worldSourceGrid a{word-break:break-word;font-size:.75rem}.wapa-tabler-app .worldSourceGrid p{margin:.45rem 0 0;color:var(--tblr-muted);font-size:.8rem;line-height:1.4}
.wapa-tabler-app .worldStatsPage .form-control,.wapa-tabler-app .worldStatsPage .form-select{min-height:46px;border-color:#bfdbfe;border-radius:12px}
.wapa-tabler-app .worldStatsPage .form-select{background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;padding-right:2.35rem!important}
.wapa-tabler-app[data-bs-theme=dark] .worldPanel{background:#101827;border-color:rgba(148,163,184,.16)}.wapa-tabler-app[data-bs-theme=dark] .worldHint{background:rgba(14,165,233,.12);border-color:rgba(125,211,252,.17)}
@keyframes wapaWorldEnter{from{opacity:0;transform:translate3d(0,22px,0) scale(.985);filter:blur(10px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes wapaWorldCardIn{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wapaWorldBarIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}

.wapa-tabler-app .worldMetricNote{margin-top:.4rem;border:1px solid rgba(245,158,11,.24);border-radius:12px;background:rgba(245,158,11,.10);color:var(--tblr-body-color);padding:.55rem .7rem;font-size:.82rem;font-weight:700;line-height:1.35}
.wapa-tabler-app .worldSourcesToggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;color:var(--tblr-body-color);text-align:left;padding:0;cursor:pointer}
.wapa-tabler-app .worldSourcesToggle span{display:grid;gap:.15rem}.wapa-tabler-app .worldSourcesToggle b{font-size:1rem}.wapa-tabler-app .worldSourcesToggle em{font-style:normal;color:var(--tblr-muted);font-size:.78rem;line-height:1.35}.wapa-tabler-app .worldSourcesToggle strong{border:1px solid rgba(37,99,235,.24);border-radius:10px;padding:.28rem .58rem;background:rgba(37,99,235,.08);color:var(--tblr-primary);font-size:.78rem;white-space:nowrap}
@media (max-width:991.98px){.wapa-tabler-app .worldKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wapa-tabler-app .worldDefGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wapa-tabler-app .worldSourceGrid{grid-template-columns:1fr}.wapa-tabler-app .worldBar{grid-template-columns:minmax(0,1fr);gap:.3rem}.wapa-tabler-app .worldBar i{width:var(--w);max-width:100%}}
@media (max-width:575.98px){.wapa-tabler-app .worldTitle{font-size:2rem}.wapa-tabler-app .worldLead{font-size:.92rem}.wapa-tabler-app .worldKpiGrid{grid-template-columns:1fr}.wapa-tabler-app .worldDefGrid{grid-template-columns:1fr}.wapa-tabler-app .worldDefItem{min-height:0}.wapa-tabler-app .worldKpi{min-height:104px}.wapa-tabler-app .worldPanel .card-header{align-items:flex-start}.wapa-tabler-app .worldTable{table-layout:fixed;min-width:0!important;width:100%;font-size:.72rem}.wapa-tabler-app .worldTable td,.wapa-tabler-app .worldTable th{padding:.52rem .42rem}.wapa-tabler-app .worldTable th:nth-child(1),.wapa-tabler-app .worldTable td:nth-child(1),.wapa-tabler-app .worldTable th:nth-child(3),.wapa-tabler-app .worldTable td:nth-child(3),.wapa-tabler-app .worldTable th:nth-child(5),.wapa-tabler-app .worldTable td:nth-child(5),.wapa-tabler-app .worldTable th:nth-child(8),.wapa-tabler-app .worldTable td:nth-child(8){display:none}.wapa-tabler-app .worldTable th{white-space:nowrap;letter-spacing:.055em}.wapa-tabler-app .worldTable th:nth-child(4),.wapa-tabler-app .worldTable th:nth-child(6),.wapa-tabler-app .worldTable th:nth-child(7){font-size:0}.wapa-tabler-app .worldTable th:nth-child(4)::after{content:'Rate';font-size:.62rem}.wapa-tabler-app .worldTable th:nth-child(6)::after{content:'Outages';font-size:.62rem}.wapa-tabler-app .worldTable th:nth-child(7)::after{content:'Reliability';font-size:.62rem}.wapa-tabler-app .worldTable td:nth-child(2){width:38%;}.wapa-tabler-app .worldTable td:nth-child(4){width:22%;}.wapa-tabler-app .worldTable td:nth-child(6){width:24%;font-size:.68rem;line-height:1.25}.wapa-tabler-app .worldTable td:nth-child(7){width:16%;font-size:.68rem;line-height:1.25}.wapa-tabler-app .worldChart{min-height:0}}
@media (prefers-reduced-motion:reduce){.wapa-tabler-app #worldStatsPage,.wapa-tabler-app #dashboardView.wapa-dashboard-world-return,.wapa-tabler-app .worldKpi,.wapa-tabler-app .worldPanel,.wapa-tabler-app .worldBar{animation:none!important;filter:none!important;transform:none!important}}

/* Flicker logo size bump: mobile/tablet +20%, desktop +50% from prior 36px brand height. */
.wapa-tabler-app .wapa-brand-logo{min-height:2.7rem!important;width:min(18rem,calc(100vw - 2rem))!important;max-width:18rem!important}
.wapa-tabler-app .wapa-brand-logo img{max-height:2.7rem!important}
.wapa-status-first-test .wapa-status-logo,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo{min-height:clamp(45.6px,7.2vw,69.6px)!important;max-width:min(480px,81.6vw)!important}
.wapa-status-first-test .wapa-status-logo img,
.wapa-status-first-test[data-bs-theme=dark] .wapa-status-logo img{max-height:clamp(45.6px,7.2vw,69.6px)!important}
@media (min-width:768px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo{min-height:clamp(51px,6vw,72px)!important;max-width:min(330px,66vw)!important}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo img{max-height:clamp(51px,6vw,72px)!important}
}
@media (min-width:992px){
  .wapa-tabler-app .wapa-brand-logo{min-height:3.375rem!important;width:min(22.5rem,calc(100vw - 2rem))!important;max-width:22.5rem!important}
  .wapa-tabler-app .wapa-brand-logo img{max-height:3.375rem!important}
}
@media (max-width:767.98px){
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo{min-height:36px!important;max-width:min(228px,72vw)!important}
  .wapa-status-first-test.wapa-has-simple-outages .wapa-status-logo img{max-height:36px!important}
}

/* Consolidated/original source switch + official WAPA outage bulletins. */
.wapa-tabler-app .wapa-data-view-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.72rem 0;padding:.72rem .85rem;border:1px solid rgba(148,163,184,.22);border-radius:15px;background:var(--tblr-bg-surface);box-shadow:0 12px 30px -28px rgba(15,23,42,.65)}
.wapa-tabler-app .wapa-data-view-copy{display:grid;gap:.15rem;min-width:0}.wapa-tabler-app .wapa-data-view-copy strong{font-size:.88rem;color:var(--tblr-body-color)}.wapa-tabler-app .wapa-data-view-copy span{color:var(--tblr-muted);font-size:.75rem;line-height:1.35}
.wapa-tabler-app .wapa-data-view-toggle{display:flex;flex:0 0 auto;gap:.32rem;padding:.22rem;border-radius:12px;background:var(--tblr-bg-surface-secondary)}.wapa-tabler-app .wapa-data-view-toggle .btn{border-radius:9px;min-height:34px;padding:.36rem .7rem;font-size:.76rem;font-weight:700;white-space:nowrap}
.wapa-tabler-app .wapa-bulletins{margin:0 0 .78rem;border:1px solid rgba(37,99,235,.20);border-radius:17px;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(14,165,233,.035)),var(--tblr-bg-surface);box-shadow:0 16px 36px -30px rgba(37,99,235,.75);overflow:hidden}
.wapa-tabler-app .wapa-bulletin-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem .9rem;border-bottom:1px solid rgba(148,163,184,.17)}.wapa-tabler-app .wapa-bulletin-heading>div{display:flex;align-items:center;gap:.55rem}.wapa-tabler-app .wapa-bulletin-heading strong{font-size:.9rem}.wapa-tabler-app .wapa-bulletin-heading>a{font-size:.74rem;font-weight:700;text-decoration:none}
.wapa-tabler-app .wapa-bulletin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0}.wapa-tabler-app .wapa-bulletin-item{position:relative;padding:.78rem .9rem;min-width:0;border-right:1px solid rgba(148,163,184,.15)}.wapa-tabler-app .wapa-bulletin-item:last-child{border-right:0}.wapa-tabler-app .wapa-bulletin-item::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#3b82f6}.wapa-tabler-app .wapa-bulletin-item.is-active::before,.wapa-tabler-app .wapa-bulletin-item.is-upcoming::before{background:#f59e0b}.wapa-tabler-app .wapa-bulletin-state{margin-bottom:.2rem;color:var(--tblr-muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wapa-tabler-app .wapa-bulletin-item>a{display:block;color:var(--tblr-body-color);font-size:.82rem;font-weight:750;line-height:1.32;text-decoration:none}.wapa-tabler-app .wapa-bulletin-item>a:hover{color:var(--tblr-primary)}.wapa-tabler-app .wapa-bulletin-item p{margin:.28rem 0 0;color:var(--tblr-muted);font-size:.7rem;line-height:1.38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wapa-tabler-app .wapa-quick-bulletin{margin:-.25rem 0 1rem;padding:.68rem .75rem;border:1px solid rgba(37,99,235,.20);border-left:3px solid #3b82f6;border-radius:12px;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(14,165,233,.025)),var(--tblr-bg-surface);text-align:left;min-width:0}
.wapa-tabler-app .wapa-quick-bulletin-head{display:flex;align-items:center;gap:.42rem;margin-bottom:.28rem;min-width:0}.wapa-tabler-app .wapa-quick-bulletin-head strong{font-size:.72rem;line-height:1.2;color:var(--tblr-muted);text-transform:uppercase;letter-spacing:.045em}.wapa-tabler-app .wapa-quick-bulletin-state{display:inline-flex;align-items:center;flex:0 0 auto;padding:.14rem .36rem;border-radius:6px;background:rgba(59,130,246,.12);color:#2563eb;font-size:.62rem;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.wapa-tabler-app .wapa-quick-bulletin-state.is-active,.wapa-tabler-app .wapa-quick-bulletin-state.is-upcoming{background:rgba(245,158,11,.14);color:#b45309}.wapa-tabler-app .wapa-quick-bulletin>a{display:-webkit-box;color:var(--tblr-body-color);font-size:.82rem;font-weight:750;line-height:1.28;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wapa-tabler-app .wapa-quick-bulletin>a:hover{color:var(--tblr-primary)}.wapa-tabler-app .wapa-quick-bulletin p{margin:.26rem 0 0;color:var(--tblr-muted);font-size:.68rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.wapa-tabler-app .wapa-bulletin-links{display:flex;flex-wrap:wrap;gap:.35rem .8rem}.wapa-tabler-app .wapa-bulletin-links a{font-size:.74rem;font-weight:700;text-decoration:none}.wapa-tabler-app .wapa-bulletin-stale{padding:.12rem .38rem;border-radius:6px;background:rgba(148,163,184,.16);color:var(--tblr-muted);font-size:.64rem;font-weight:750}.wapa-tabler-app .wapa-bulletin-item.is-latest::before{background:#f59e0b}.wapa-tabler-app .wapa-quick-bulletin-state.is-latest{background:rgba(245,158,11,.14);color:#b45309}.wapa-tabler-app[data-bs-theme=dark] .wapa-quick-bulletin-state.is-latest{color:#fbbf24}
.wapa-tabler-app[data-bs-theme=dark] .wapa-quick-bulletin{border-color:rgba(96,165,250,.28);border-left-color:#60a5fa;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(14,165,233,.04)),#111827}.wapa-tabler-app[data-bs-theme=dark] .wapa-quick-bulletin-state{color:#93c5fd}.wapa-tabler-app[data-bs-theme=dark] .wapa-quick-bulletin-state.is-active,.wapa-tabler-app[data-bs-theme=dark] .wapa-quick-bulletin-state.is-upcoming{color:#fbbf24}
@media (max-width:767.98px){.wapa-tabler-app .wapa-data-view-bar{align-items:stretch;flex-direction:column;gap:.55rem}.wapa-tabler-app .wapa-data-view-toggle{width:100%}.wapa-tabler-app .wapa-data-view-toggle .btn{flex:1;min-height:40px}.wapa-tabler-app .wapa-bulletin-heading{align-items:flex-start}.wapa-tabler-app .wapa-bulletin-heading>div{align-items:flex-start;flex-direction:column;gap:.3rem}.wapa-tabler-app .wapa-bulletin-grid{grid-template-columns:1fr}.wapa-tabler-app .wapa-bulletin-item{border-right:0;border-bottom:1px solid rgba(148,163,184,.15)}.wapa-tabler-app .wapa-bulletin-item:last-child{border-bottom:0}.wapa-tabler-app .wapa-quick-bulletin{margin:-.12rem 0 .72rem;padding:.58rem .65rem}.wapa-tabler-app .wapa-quick-bulletin>a{font-size:.78rem}.wapa-tabler-app .wapa-quick-bulletin p{font-size:.65rem}}

/* Compact native calendar for unlimited history; keep full date and icon visible. */
.wapa-tabler-app #timelineDate.form-control{width:10rem!important;min-width:10rem!important;color-scheme:light}
.wapa-tabler-app[data-bs-theme=dark] #timelineDate.form-control{color-scheme:dark}
@media (min-width:992px){.wapa-tabler-app .timelineControls label:nth-of-type(3){flex:0 0 10rem!important;max-width:10rem!important}}
@media (max-width:575.98px){.wapa-tabler-app #timelineDate.form-control{width:100%!important;min-width:0!important}}
.worldBar>*{min-width:0}.worldChart{min-width:0;max-width:100%}
/* Mobile grid controls must shrink below the desktop feeder-name minimum. */
@media (max-width:575.98px){
  .wapa-tabler-app #timelineDistrict.form-select,
  .wapa-tabler-app #timelineFeeder.form-select{min-width:0!important;width:100%!important;max-width:100%}
  .wapa-tabler-app #areaMatches.areaGrid > .areaCard h4 .areaTitle{flex:0 1 auto!important;max-width:100%;overflow-wrap:anywhere}
}

/* Stale WAPA records */
.wapa-tabler-app .countDot.staleDot{opacity:.8;border-style:dashed;filter:saturate(.4)}
.wapa-tabler-app .tag.stale{background:rgba(148,163,184,.16);color:#e2e8f0;border-color:rgba(148,163,184,.45)}
.wapa-tabler-app[data-bs-theme=light] .tag.stale{background:#f1f5f9!important;color:#334155!important;border-color:#94a3b8!important}
.wapa-tabler-app .staleRecordNote{margin:6px 0 2px;padding:6px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.45);background:rgba(148,163,184,.12);color:inherit;font-size:12px;line-height:1.35}
.wapa-tabler-app[data-bs-theme=light] .staleRecordNote{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}

/* Map controls step aside while an open popup would sit underneath them */
.wapa-tabler-app .leaflet-control.wapa-control-under-popup,.leaflet-control.wapa-control-under-popup{visibility:hidden!important;pointer-events:none!important}