@import url('/assets/maplibre-gl.css');
:root {
  color-scheme: dark;
  --bg: #03070a;
  --panel: #071015;
  --panel2: #0a151b;
  --line: #21323b;
  --text: #edf5f7;
  --muted: #82959e;
  --cyan: #35d4ed;
  --blue: #3c9cff;
  --green: #62d87a;
  --amber: #ffa42d;
  --red: #ff474d;
  --purple: #b264eb;
  --grey: #8b989e;
  --font-app-base: clamp(12px, 0.72vw, 14px);
  --font-app-small: clamp(10.5px, 0.62vw, 12px);
  --font-app-micro: clamp(9px, 0.52vw, 10.5px);
  --font-panel-title: clamp(12px, 0.76vw, 15px);
  --font-kpi-label: clamp(9.5px, 0.58vw, 11px);
  --font-kpi-value: clamp(24px, 1.55vw, 31px);
  --font-timeline-title: clamp(11.5px, 0.72vw, 13.5px);
  --font-timeline-summary: clamp(10px, 0.62vw, 11.5px);
  --font-timeline-meta: clamp(9.5px, 0.58vw, 11px);
  --font-chart-label: clamp(9px, 0.56vw, 10.5px);
  --font-control: clamp(10px, 0.62vw, 12px);
  --font-footer: clamp(9px, 0.55vw, 10.5px);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
}
body {
  font-size: 12px;
  background-image:
    radial-gradient(circle at 52% 32%, #0e2732 0, transparent 45%),
    linear-gradient(#03070aee, #03070af5);
}
button,
input,
select {
  font: inherit;
}
.skip {
  position: fixed;
  top: -60px;
  left: 1rem;
  background: #fff;
  color: #000;
  padding: 0.7rem;
  z-index: 100;
}
.skip:focus {
  top: 1rem;
}
.shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 10px 12px 0;
  gap: 8px;
  overflow: hidden;
}
.topbar {
  height: 70px;
  border: 1px solid var(--line);
  background: #050b0fe8;
  display: grid;
  grid-template-columns: minmax(250px,auto) auto minmax(240px,1fr) minmax(300px,360px) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 14px;
  position: relative;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  text-decoration: none;
}
.brand strong {
  display: block;
  font-size: 20px;
  letter-spacing: 0.055em;
}
.brand small {
  display: block;
  color: #8aa0aa;
  font-size: 6px;
  letter-spacing: 0.18em;
  margin-top: 2px;
}
.headline-carousel,.weather-module{min-width:0;height:54px;box-sizing:border-box;border-left:1px solid #29414b;background:#061116;padding:5px 7px}.module-heading{display:flex;align-items:center;justify-content:space-between;color:#9bb1b9;font:700 7px/1 var(--mono);letter-spacing:.1em}.module-heading span{color:var(--amber);font-size:6px}.headline-row{height:35px;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:5px}.headline-row button{width:20px;height:24px;padding:0;border:1px solid #29454f;background:#091820;color:#aee7ef;cursor:pointer;line-height:1}.headline-row button:hover{background:#102b35}.headline-row button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.headline-row p{margin:0;overflow:hidden;color:#d4e1e4;font:700 8px/1.3 var(--mono);white-space:nowrap;text-overflow:ellipsis}.weather-module ul{height:36px;margin:3px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 8px;list-style:none;overflow:hidden}.weather-module li{min-width:0;display:grid;grid-template-columns:11px minmax(0,1fr);column-gap:3px;color:#879da5;font:6px/1.15 var(--mono)}.weather-module li i{grid-row:1/3;color:#70c8dc;font-style:normal}.weather-module li span,.weather-module li b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.weather-module li b{color:#c4d3d7;font-weight:600}
.shell > main {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-rows: 72px minmax(500px, 1fr) auto;
  gap: 8px;
}
.kpis {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--line);
  background: #050c10;
  min-width: 0;
}
.incident-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpis article {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 13px;
  border-right: 1px solid #2c3b42;
  min-width: 0;
  position: relative;
}
.kpis article:last-child {
  border: 0;
}
.kpis article:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.7;
}
.kpi-icon {
  font:
    700 20px ui-monospace,
    monospace;
  width: 34px;
  height: 34px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  line-height: 1;
  box-shadow: 0 0 12px currentColor;
  flex: none;
  animation:kpi-pulse 3.2s ease-in-out infinite;
  transform-origin:center;
}
.incident-kpis .kpi-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.incident-kpis .kpi-icon .kpi-icon-fill {
  fill: currentColor;
  stroke: none;
}
.kpis article:nth-child(2) .kpi-icon{animation-delay:.28s}.kpis article:nth-child(3) .kpi-icon{animation-delay:.56s}.kpis article:nth-child(4) .kpi-icon{animation-delay:.84s}.kpis article:nth-child(5) .kpi-icon{animation-delay:1.12s}.kpis article:nth-child(6) .kpi-icon{animation-delay:1.4s}@keyframes kpi-pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.14);box-shadow:0 0 15px currentColor}}
.kpis small {
  display: block;
  color: currentColor;
  font-weight: 800;
  font-size: 8px;
  letter-spacing: 0.08em;
}
.kpis strong {
  display: block;
  font:
    700 25px ui-monospace,
    monospace;
  line-height: 1.05;
  margin: 2px 0;
}
.kpis p {
  margin: 0;
  color: #81939b;
  font-size: 8px;
  white-space: nowrap;
}
.cyan {
  color: var(--cyan);
}
.amber {
  color: var(--amber);
}
.red {
  color: var(--red);
}
.blue {
  color: var(--blue);
}
.purple {
  color: var(--purple);
}
.status {
  color: var(--red);
  background: #190b0d;
}
.status strong {
  font-size: 19px;
}
.panel {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #081116f2, #050b0ff2);
  min-width: 0;
  box-shadow: inset 0 1px #ffffff05;
}
.command-grid {
  display: grid;
  grid-template-columns: minmax(0, 18fr) minmax(0, 52fr) minmax(0, 30fr);
  gap: 8px;
  min-height: 0;
}
.timeline-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
.incident-freshness {
  margin: 3px 0 0;
  width: 100%;
  max-width: 32ch;
  min-width: 0;
  color: #9db0b8;
  font: 600 9px/1.2 var(--mono);
  letter-spacing: .05em;
  white-space: normal;
  overflow-wrap: anywhere;
}
.freshness-delayed { color: #e5b84f; }
.freshness-unavailable { color: #ed7474; }
.timeline-panel .panel-title {
  height: auto;
  min-height: 50px;
  min-width: 0;
  padding: 8px 12px;
  box-sizing: border-box;
  align-items: flex-start;
  flex: 0 0 auto;
}
.timeline-panel .panel-title > div {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.panel-title,
.map-head {
  height: 50px;
  padding: 0 12px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-title span,
.map-head span {
  color: var(--cyan);
  font:
    700 7px ui-monospace,
    monospace;
  letter-spacing: 0.15em;
}
.panel-title h1,
.map-head h2 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 3px 0 0;
}
.panel-title > b {
  font:
    700 7px ui-monospace,
    monospace;
  color: var(--green);
}
.panel-title > b i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 6px var(--green);
}
.filter-drawer {
  border-bottom: 1px solid var(--line);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}
#filter-toggle {
  width: 100%;
  height: 28px;
  border: 0;
  background: #081218;
  color: #9bb0b9;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  align-items: center;
  font:
    700 8px ui-monospace,
    monospace;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
#filter-fields {
  display: none;
  padding: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  background: #071015;
  min-width: 0;
}
#filter-fields.open {
  display: grid;
}
#filter-fields label {
  font-size: 7px;
  color: var(--muted);
  display: grid;
  gap: 2px;
  text-transform: uppercase;
  min-width: 0;
  overflow-wrap: anywhere;
}
#filter-fields select,
#filter-fields input,
#clear-filters {
  height: 24px;
  background: #0b171d;
  color: #c6d2d6;
  border: 1px solid #283a43;
  padding: 0 4px;
  font-size: 8px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#clear-filters {
  align-self: end;
  cursor: pointer;
}
.timeline {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  flex: 1 1 0;
  scrollbar-color: #314852 #081015;
  scrollbar-width: thin;
}
.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(38px, 43px) minmax(0, 1fr);
  gap: 8px;
  padding: 10px 12px 10px 19px;
  border-bottom: 1px solid #17262d;
  cursor: pointer;
  transition: 0.15s;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.timeline-item:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #243a43;
}
.timeline-item:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  border: 1px solid #071015;
  box-shadow: 0 0 7px var(--cyan);
}
.timeline-item:hover,
.timeline-item:focus,
.timeline-item.selected {
  background: #0c1a20;
  outline: none;
}
.timeline-item time {
  font:
    700 9px ui-monospace,
    monospace;
  color: var(--cyan);
  line-height: 1.45;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.timeline-content {
  min-width: 0;
  max-width: 100%;
}
.timeline-item h3 {
  margin: 0 0 3px;
  font-size: 10px;
  line-height: 1.3;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.timeline-item p {
  margin: 4px 0 0;
  color: #83969f;
  font-size: 8px;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.tag {
  display: inline-block;
  border: 1px solid currentColor;
  padding: 2px 4px;
  margin-right: 3px;
  color: var(--amber);
  font:
    700 6px ui-monospace,
    monospace;
  text-transform: uppercase;
}
.timeline-item .tag {
  max-width: 100%;
  white-space: nowrap;
}
.tag.verified {
  color: var(--green);
}
.tag.unverified {
  color: var(--grey);
}
.map-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.map-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: linear-gradient(#061016f2, transparent);
  border: 0;
}
.map-head b {
  font:
    700 8px ui-monospace,
    monospace;
  color: var(--cyan);
}
.map {
  flex: 1;
  position: relative;
  min-height: 0;
  overflow: hidden;
  background-color: #061016;
  background-image:
    linear-gradient(#17313d45 1px, transparent 1px),
    linear-gradient(90deg, #17313d45 1px, transparent 1px),
    radial-gradient(circle at 53% 50%, #14313c 0, transparent 54%);
  background-size:
    34px 34px,
    34px 34px,
    auto;
}
.map:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 45%, #02070aa8);
}
.uk-shape {
  position: absolute;
  z-index: 2;
  left: 7%;
  top: 3%;
  width: 86%;
  height: 96%;
  filter: drop-shadow(0 0 9px #35d4ed44);
}
.land {
  fill: url(#land);
  stroke: #73c7d2;
  stroke-width: 1.7;
}
.network {
  fill: none;
  stroke: #597985;
  stroke-width: 1;
  stroke-dasharray: 4 7;
  opacity: 0.55;
}
.marker-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: visible;
}
.marker {
  cursor: pointer;
  color: #fff;
  outline: none;
}
.marker circle:first-child {
  fill: currentColor;
  stroke: #f2fbff;
  stroke-width: 0.35;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 3px currentColor);
}
.marker .marker-pulse {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.35;
  opacity: 0.65;
  vector-effect: non-scaling-stroke;
}
.marker.serious-violence .marker-pulse {
  stroke-width: 0.6;
}
.marker.active.serious-violence .marker-pulse {
  animation: pulse 2.2s ease-out infinite;
}
.marker:hover .marker-pulse,
.marker:focus .marker-pulse,
.marker.selected .marker-pulse {
  stroke-width: 1;
  opacity: 1;
}
.marker:focus circle:first-child {
  stroke: #fff;
  stroke-width: 1;
}
.peaceful-protest {
  color: var(--green);
}
.heightened-tension {
  color: var(--amber);
}
.serious-violence {
  color: var(--red);
}
.suspected-political {
  color: var(--purple);
}
.city-labels {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}
.city-label {
  position: absolute;
  font:
    700 8px ui-monospace,
    monospace;
  color: #e6f3f5;
  text-shadow:
    0 1px 3px #000,
    0 0 5px #000;
  transform: translate(5px, -50%);
}
.layers > b {
  font:
    700 7px ui-monospace,
    monospace;
  color: #9fb0b7;
  letter-spacing: 0.08em;
}
.north-key {
  position: absolute;
  z-index: 7;
  left: 15px;
  bottom: 15px;
  color: #c5d2d6;
  display: grid;
  text-align: center;
  font:
    8px ui-monospace,
    monospace;
}
.north-key i {
  font-size: 25px;
  font-style: normal;
}
.north-key span {
  border-bottom: 1px solid #a5b3b8;
  padding-bottom: 3px;
}
.ocean-label {
  position: absolute;
  z-index: 1;
  color: #286278;
  font:
    italic 8px ui-monospace,
    monospace;
  letter-spacing: 0.3em;
  width: 70px;
  text-align: center;
}
.atlantic {
  left: 6%;
  top: 28%;
}
.north-sea {
  right: 6%;
  top: 33%;
}
.state-message {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #82979f;
  z-index: 8;
  background: #061016;
}
.state-message[hidden] {
  display: none;
}
.spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #20343e;
  border-top-color: var(--cyan);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.analytics-column {
  display: grid;
  grid-template-rows: 1.25fr 1.15fr 1fr 1fr;
  gap: 8px;
  min-height: 0;
}
.analytic {
  padding: 8px 10px;
  min-height: 0;
  overflow: hidden;
}
.chart-head {
  height: 22px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.chart-head h2 {
  font-size: 8px;
  letter-spacing: 0.06em;
  margin: 0;
  color: #c9d7db;
}
.chart-head b {
  font:
    700 8px ui-monospace,
    monospace;
  color: var(--cyan);
}
.chart-head small {
  font:
    700 6px ui-monospace,
    monospace;
  color: var(--muted);
}
#line-chart {
  display: block;
  width: 100%;
  height: auto;
  min-height: 150px;
  overflow: visible;
}
.chart-grid {
  stroke: #18303a;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.chart-line {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 3;
  filter: drop-shadow(0 0 4px #35d4ed55);
}
.chart-area {
  fill: #35d4ed16;
}
.chart-label {
  fill: #698089;
  font:
    10px ui-monospace,
    monospace;
}
.split-panel {
  display: grid;
  grid-template-columns: 43% 57%;
  gap: 10px;
}
.split-panel > div + div {
  border-left: 1px solid var(--line);
  padding-left: 10px;
}
.donut {
  margin: 1px auto;
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  position: relative;
}
.donut svg {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}
.donut circle {
  fill: none;
  stroke-width: 15;
}
.donut-track {
  stroke: var(--red);
}
.donut-value {
  stroke: var(--blue);
  stroke-linecap: round;
}
.donut div {
  z-index: 2;
  text-align: center;
}
.donut strong {
  font:
    700 17px ui-monospace,
    monospace;
  display: block;
}
.donut small {
  font:
    6px ui-monospace,
    monospace;
  color: var(--muted);
}
.breakdown {
  display: flex;
  justify-content: center;
  gap: 7px;
  color: #91a3aa;
  font:
    6px ui-monospace,
    monospace;
}
.category-bars {
  display: grid;
  gap: 5px;
  padding-top: 3px;
}
.category-row {
  display: grid;
  grid-template-columns: 72px 1fr 22px;
  gap: 5px;
  align-items: center;
  font-size: 7px;
  color: #9eb0b7;
}
.category-row progress,
.region-row progress {
  width: 100%;
  height: 5px;
  border: 0;
  background: #17252c;
}
.category-row progress::-webkit-progress-bar,
.region-row progress::-webkit-progress-bar {
  background: #17252c;
}
.category-row progress::-webkit-progress-value {
  background: var(--purple);
}
.category-row progress::-moz-progress-bar {
  background: var(--purple);
}
.bars {
  height: calc(100% - 22px);
}
.bars svg {
  display: block;
  width: 100%;
  height: 100%;
}
.bars .bar {
  fill: var(--purple);
  filter: drop-shadow(0 0 3px #b264eb55);
}
.bars .bar.real {
  fill: var(--amber);
}
.region-list {
  display: grid;
  gap: 5px;
}
.region-row {
  display: grid;
  grid-template-columns: 90px 1fr 28px;
  gap: 5px;
  align-items: center;
  font-size: 7px;
}
.region-row b {
  color: var(--amber);
  text-align: right;
}
.region-row progress::-webkit-progress-value {
  background: var(--amber);
}
.region-row progress::-moz-progress-bar {
  background: var(--amber);
}
.control-deck {
  border: 1px solid var(--line);
  background: #050c10;
  display: grid;
  gap: 7px;
  padding: 8px 10px 9px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.controls-primary {
  display: grid;
  grid-template-columns: minmax(0, 27fr) minmax(0, 30fr) minmax(0, 43fr);
  gap: 12px;
  min-width: 0;
}
.controls-primary > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.replay-block,
.small-boat-panel,
.layers {
  border-right: 1px solid #26363d;
  padding-right: 12px;
  min-width: 0;
}
.small-boat-panel{display:grid;grid-template-rows:auto auto auto minmax(55px,1fr);gap:2px;min-height:0;color:#9fb1b8;font:6px/1.15 var(--mono);overflow:hidden}
.small-boat-head,.small-boat-meta{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.small-boat-head{justify-content:space-between}.small-boat-head h2{margin:0;color:#e1edef;font:700 8px/1 var(--mono);letter-spacing:.04em}.small-boat-source{color:#6e828a;font-size:5px}.small-boat-source a{color:var(--cyan);font-weight:600;text-decoration:none}.small-boat-source a:hover,.small-boat-source a:focus{text-decoration:underline}
.small-boat-summary{display:grid;gap:1px;min-width:0;white-space:nowrap}.small-boat-summary strong{overflow:hidden;text-overflow:ellipsis;color:#d5e1e4}.small-boat-summary strong:first-child{color:#f2f8fa;font-size:8px;letter-spacing:.025em}.small-boat-summary strong:last-child{font-size:6px}
.small-boat-meta{justify-content:space-between;color:#758990;font-size:5px}.small-boat-legend{display:flex;gap:7px}.small-boat-meta>[data-small-boat-state]{color:#82969e}
.small-boat-chart-wrap{position:relative;min-height:55px;overflow:hidden}.small-boat-chart-wrap svg{display:block;width:100%;height:100%;min-height:55px;overflow:hidden}
.small-boat-grid{stroke:#25383f;stroke-width:.7}.small-boat-date-label{fill:#71878f;font:5px var(--mono)}.small-boat-people{fill:#ff5656;opacity:.82}.small-boat-boats-line{fill:none;stroke:#35d4ed;stroke-width:1.5}.small-boat-day-hit{fill:transparent;cursor:pointer}.small-boat-boats-point{fill:#35d4ed;stroke:#061015;stroke-width:1;cursor:pointer}.small-boat-boats-point:focus{outline:none;stroke:#fff;stroke-width:2}
.small-boat-tooltip{position:absolute;z-index:3;bottom:15px;transform:translateX(-50%);max-width:calc(100% - 4px);padding:4px 6px;border:1px solid #54717b;background:#02080b;color:#fff;font:700 6px/1.25 var(--mono);white-space:pre-line;pointer-events:none;box-sizing:border-box}.small-boat-tooltip.edge-start{left:2px!important;transform:none}.small-boat-tooltip.edge-end{right:2px;left:auto!important;transform:none}
.small-boat-key{display:inline-block;width:10px;height:2px;margin-right:3px;vertical-align:middle;background:#ff5656}.small-boat-key.boats{height:1px;background:#35d4ed;box-shadow:3px 0 #35d4ed}
.small-boat-unavailable .small-boat-summary strong{color:#8d9ba0}.small-boat-unavailable .small-boat-meta>[data-small-boat-state]{color:#e4c84b}
.control-title {
  display: flex;
  justify-content: space-between;
  font:
    7px ui-monospace,
    monospace;
  color: #8da1aa;
}
.control-title time {
  color: var(--cyan);
}
.replay-controls {
  display: grid;
  grid-template-columns: 30px 54px minmax(70px, 1fr) minmax(58px, auto);
  gap: 7px;
  align-items: center;
  margin-top: 9px;
}
.replay-controls button {
  min-width: 0;
  padding: 0 5px;
  height: 26px;
  border: 1px solid #304751;
  background: #0c1b22;
  color: var(--cyan);
  cursor: pointer;
}
.replay-controls input {
  min-width: 0;
  width: 100%;
  accent-color: var(--cyan);
}
.replay-controls #replay-speed {
  font:
    8px ui-monospace,
    monospace;
  white-space: nowrap;
}
.layers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 6px 8px;
}
.layers > b {
  grid-column: 1/-1;
}
.layers label {
  font-size: 7px;
  color: #a5b5ba;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.layers input {
  accent-color: var(--cyan);
  vertical-align: middle;
}

.shell > footer {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  height: auto;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid rgba(53, 81, 92, .72);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 20px;
  color: #8499a1;
  font:
    600 9px/1.4 ui-monospace,
    monospace;
  letter-spacing: 0.06em;
  padding: 8px 12px;
  margin-top: 8px;
  flex: none;
}
.shell > footer .footer-context {
  min-width: 0;
  overflow-wrap: anywhere;
}
.shell > footer nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}
.shell > footer a,
.shell > footer button {
  border: 0;
  background: none;
  color: #a7bbc2;
  text-decoration: none;
  font: inherit;
  line-height: 1.3;
  padding: 4px 6px;
  cursor: pointer;
  transition: color 140ms ease, background-color 140ms ease;
}
.shell > footer a:hover,
.shell > footer button:hover {
  color: #d9f5fa;
  background: rgba(37, 206, 235, .07);
}
.shell > footer a:focus-visible,
.shell > footer button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
}
dialog {
  width: min(600px, calc(100% - 24px));
  border: 1px solid #37505a;
  background: #081116;
  color: var(--text);
  padding: 25px;
  box-shadow: 0 22px 100px #000;
  max-height: 90vh;
}
dialog::backdrop {
  background: #010405d9;
  backdrop-filter: blur(5px);
}
.modal-close {
  position: absolute;
  right: 12px;
  top: 9px;
  background: transparent;
  border: 0;
  color: #adbdc3;
  font-size: 24px;
  cursor: pointer;
}
.modal-body h2 {
  font-size: 20px;
}
.modal-body p {
  color: #9dafb6;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.modal-body .notice {
  border-left: 2px solid var(--amber);
  padding: 8px 10px;
  background: #171408;
}
.incident-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 10px 0;
}
.incident-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  margin: 10px 0;
}
.incident-stats div {
  padding: 10px;
  border-right: 1px solid var(--line);
}
.incident-stats strong {
  font:
    20px ui-monospace,
    monospace;
  display: block;
}
.sources {
  display: grid;
  gap: 5px;
}
.cluster-incident-list{display:grid;gap:6px;min-width:0}.cluster-incident-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:9px;border:1px solid var(--line);background:#0a171d;color:#d4e4e8;text-align:left;cursor:pointer}.cluster-incident-option>span:first-child{display:grid;gap:3px;min-width:0}.cluster-incident-option strong,.cluster-incident-option small{white-space:normal;overflow-wrap:anywhere}.cluster-incident-option small{color:#8ea2aa}.cluster-incident-date{color:#bfeaf3;font-weight:700}.cluster-incident-option>span:last-child{flex:none;color:var(--cyan);font:700 7px var(--mono)}.cluster-incident-option:hover{border-color:#3b7180;background:#0d2028}.cluster-incident-option:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.source-card {
  border: 1px solid var(--line);
  padding: 8px;
  display: flex;
  justify-content: space-between;
  color: #b2c1c6;
  gap: 12px;
  align-items: flex-start;
}
.source-details {
  min-width: 0;
}
.source-publisher,
.source-headline,
.source-published {
  display: block;
}
.source-publisher {
  color: #c5e9ea;
}
.source-headline {
  margin: 3px 0;
  color: #e4edef;
  line-height: 1.35;
}
.source-published {
  color: var(--muted);
}
.source-card .source-link {
  color: #c5e9ea;
  flex: 0 0 auto;
  font: 7px ui-monospace, monospace;
}
.incident-permalink {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin:12px 0 4px;
  padding:0 14px;
  border:1px solid var(--cyan);
  color:var(--cyan);
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none;
}
.incident-permalink:hover,.incident-permalink:focus-visible { background:#0c2a34; color:#fff; outline:2px solid #fff; outline-offset:2px; }
.empty {
  padding: 30px 12px;
  text-align: center;
  color: var(--muted);
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  70%,
  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}
@media (min-width: 1600px) and (min-height: 900px) {
  .shell {
    height: 100vh;
  }
  .timeline-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .timeline-item h3 {
    font-size: 11px;
  }
  .chart-head h2 {
    font-size: 9px;
  }
}
@media (max-width: 1350px) {
  .shell {
    padding: 6px;
  }
  .topbar {
    grid-template-columns: minmax(250px,.8fr) auto minmax(420px,1.2fr);
    height: 68px;
  }
  .header-modules{grid-template-columns:minmax(230px,1fr) minmax(220px,.8fr);margin-left:8px}.weather-module li{font-size:5.5px}
  .brand strong {
    font-size: 16px;
  }
  .command-grid {
    grid-template-columns: 250px minmax(470px, 1fr) 340px;
  }
  .kpis article {
    padding: 6px 8px;
  }
  .kpi-icon {
    display: none;
  }
  .incident-kpis .kpi-icon {
    display: grid;
    width: 30px;
    height: 30px;
  }
  .incident-kpis .kpi-icon svg {
    width: 18px;
    height: 18px;
  }
  .kpis strong {
    font-size: 21px;
  }
  .split-panel {
    grid-template-columns: 1fr;
  }
  .split-panel > div + div {
    display: none;
  }

  .city-label {
    font-size: 7px;
  }
}
@media (max-width: 1199px) {
  .shell {
    overflow: visible;
  }
  .shell > main {
    display: block;
  }
  .kpis {
    margin-bottom: 8px;
  }
  .command-grid {
    grid-template-columns: 1fr 1fr;
  }
  .map-panel {
    grid-column: 1/-1;
    grid-row: 1;
    height: 620px;
  }
  .timeline-panel {
    height: 520px;
  }
  .analytics-column {
    height: 520px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .control-deck {
    margin-top: 8px;
  }
  .shell > footer {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .shell {
    padding: 0;
    gap: 6px;
    overflow-x: visible;
  }
  .topbar {
    height: auto;
    min-height: 76px;
    padding: 8px;
    grid-template-columns: 1fr auto;
    border-left: 0;
    border-right: 0;
  }
  .brand strong {
    font-size: 13px;
  }
  .brand small {
    font-size: 6px;
  }
  .support-cta {
    font-size: 7px;
    padding: 5px;
  }
  .header-modules{grid-column:1/-1;width:100%;height:62px;margin:7px 0 0;grid-template-columns:minmax(0,1.15fr) minmax(145px,.85fr);gap:5px}.headline-carousel,.weather-module{padding:5px}.headline-row p{font-size:7px}.weather-module ul{grid-template-columns:1fr 1fr;height:44px}.weather-module li{font-size:5.5px}.weather-module li:nth-child(5){display:none}
  .shell > main {
    padding: 0 6px;
  }
  .kpis {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .kpis article {
    min-width: 145px;
    scroll-snap-align: start;
  }
  .kpi-icon {
    display: grid;
    width: 27px;
    height: 27px;
    font-size: 15px;
  }
  .kpis strong {
    font-size: 19px;
  }
  .command-grid {
    display: flex;
    flex-direction: column;
  }
  .map-panel {
    order: 1;
    height: 470px;
    flex: none;
  }
  .timeline-panel {
    order: 2;
    height: 500px;
  }
  .analytics-column {
    order: 3;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 190px);
  }
  .split-panel {
    grid-template-columns: 1fr 1fr;
  }
  .split-panel > div + div {
    display: block;
  }
  .control-deck {
    display: grid;
  }
  .replay-block,
  .small-boat-panel,
  .layers {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 0 0 8px;
  }

  .uk-shape {
    width: 105%;
    left: -2%;
  }
  .city-label {
    font-size: 6px;
  }
  .shell > footer {
    height: auto;
    min-height: 72px;
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 12px;
    row-gap: 6px;
    align-items: flex-start;
  }
  .shell > footer nav {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .shell > footer a,
  .shell > footer button {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
  }
  dialog {
    width: 100%;
    max-width: none;
    max-height: 88vh;
    margin: auto 0 0;
    border-left: 0;
    border-right: 0;
  }
  .incident-stats {
    grid-template-columns: 1fr;
  }
  .incident-stats div {
    border-bottom: 1px solid var(--line);
  }
}
.shell{font-size:var(--font-app-base)}.brand strong{font-size:clamp(17px,1.15vw,22px)}.brand small{font-size:var(--font-app-micro)}.support-cta{font-size:var(--font-app-micro)}.kpis small{font-size:var(--font-kpi-label)}.kpis strong{font-size:var(--font-kpi-value)}.kpis p{font-size:var(--font-app-micro);color:#9aadb5}.panel-title h1,.map-head h2{font-size:var(--font-panel-title)}.panel-title span,.map-head span,.panel-title>b{font-size:var(--font-app-micro)}.timeline-item time{font-size:var(--font-timeline-meta);line-height:1.3}.timeline-item h3{font-size:var(--font-timeline-title);line-height:1.28}.timeline-item p{font-size:var(--font-timeline-summary);color:#9bafb7}.tag{font-size:clamp(8px,.48vw,9px)}.chart-head h2{font-size:var(--font-chart-label)}.chart-head small,.chart-head b{font-size:var(--font-app-micro)}.chart-label{font-size:var(--font-chart-label);fill:#91a6ae}.category-row,.region-row{font-size:var(--font-chart-label)}.control-title,.layers label{font-size:var(--font-control)}.shell>footer,.shell>footer a,.shell>footer button{font-size:var(--font-footer)}.map-tools{pointer-events:auto}.map-tools button{width:34px;height:34px;pointer-events:auto;font-size:18px;transition:background .12s,transform .08s}.map-tools button:hover{background:#102a34}.map-tools button:active{transform:scale(.92);background:#17404d}.timeline{scrollbar-color:#4c6873 #081015}.timeline::-webkit-scrollbar-thumb{background:#4c6873}.city-label-layer .city-label{font-size:1.05px}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
}
.marker circle:not(.marker-pulse) {
  fill: currentColor;
  stroke: #f2fbff;
  stroke-width: 0.35;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 3px currentColor);
}
.marker:focus circle:not(.marker-pulse) {
  stroke: #fff;
  stroke-width: 1;
}
.city-london {
  left: 72%;
  top: 65%;
}
.city-birmingham {
  left: 60%;
  top: 52%;
}
.city-manchester {
  left: 54%;
  top: 40%;
}
.city-liverpool {
  left: 47%;
  top: 44%;
}
.city-leeds {
  left: 61%;
  top: 36%;
}
.city-newcastle {
  left: 65%;
  top: 27%;
}
.city-bristol {
  left: 45%;
  top: 65%;
}
.city-cardiff {
  left: 38%;
  top: 64%;
}
.city-southampton {
  left: 57%;
  top: 76%;
}
.city-portsmouth {
  left: 65%;
  top: 76%;
}
.city-belfast {
  left: 24%;
  top: 29%;
}
.city-glasgow {
  left: 43%;
  top: 17%;
}
.city-edinburgh {
  left: 54%;
  top: 15%;
}
@media (prefers-reduced-motion: reduce){.kpi-icon{animation:none}}
@media (min-width: 1200px) {
  .shell {
    height: 100vh;
  }
  .analytics-column {
    grid-template-rows: minmax(0, 1.25fr) minmax(0, 1.15fr) minmax(
        0,
        1fr
      ) minmax(0, 1fr);
  }
  .shell > main {
    min-height: 0;
  }
  .command-grid {
    min-height: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .shell > main {
    grid-template-rows: 72px minmax(0, 1fr) auto;
  }
  .timeline-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .control-deck {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.uk-shape {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.land {
  stroke-width: 0.18;
  vector-effect: non-scaling-stroke;
}
.network {
  stroke-width: 0.11;
  vector-effect: non-scaling-stroke;
}
.city-label-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  pointer-events: none;
}
.city-label-layer .city-label {
  font:
    700 1.05px ui-monospace,
    monospace;
  fill: #e6f3f5;
  paint-order: stroke;
  stroke: #020608;
  stroke-width: 0.32;
  stroke-linejoin: round;
  letter-spacing: 0.01em;
}
.city-label-layer .city-label {
  position: static;
  transform: none;
}
.context-land {
  fill: #0a1214;
  stroke: #43575a;
  stroke-width: 0.14;
  vector-effect: non-scaling-stroke;
}
.crown-land {
  fill: #172127;
  stroke: #9aafb6;
  stroke-width: 0.18;
  vector-effect: non-scaling-stroke;
}
.layer-hidden {
  display: none !important;
}
.map-tools {
  position: absolute;
  z-index: 12;
  left: 12px;
  top: 55px;
  display: grid;
  grid-template-columns: repeat(2, 32px);
  gap: 4px;
}
.map-tools button {
  border: 1px solid #2e4954;
  background: #07141a;
  color: #bfe8ef;
  height: 28px;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.cluster {
  cursor: pointer;
  outline: none;
}
.cluster circle {
  fill: #142b34;
  stroke: var(--cyan);
  stroke-width: 0.45;
  vector-effect: non-scaling-stroke;
}
.cluster.severity-serious circle {
  stroke: var(--red);
  fill: #35171a;
}
.cluster.severity-moderate circle {
  stroke: var(--amber);
}
.cluster text {
  fill: #fff;
  font:
    700 1.4px ui-monospace,
    monospace;
  paint-order: stroke;
  stroke: #071015;
  stroke-width: 0.3;
}
.cluster:focus circle {
  stroke: #fff;
  stroke-width: 0.8;
}
.map:focus {
  outline: 2px solid var(--cyan);
  outline-offset: -2px;
  touch-action: none;
}
@media (max-width: 767px) {
  .map-tools {
    left: 6px;
    top: 48px;
    grid-template-columns: repeat(2, 40px);
  }
  .map-tools button {
    height: 34px;
  }
  .layers {
    grid-template-columns: 1fr 1fr;
  }
}
[hidden] {
  display: none !important;
}
.context-label {
  fill: #66777c;
  font:
    700 1px ui-monospace,
    monospace;
  letter-spacing: 0.12em;
}

/* Direct screen-space city-label repair.
   Labels live outside the transformed geography group. */
.city-label-layer {
  pointer-events: none;
}

.city-label-layer .city-label {
  font-size: 1.28px;
  letter-spacing: 0;
}

.city-label-layer .selected-city-label {
  fill: #ffffff;
  font-weight: 800;
}

/* MapLibre production map */
.map .maplibregl-map,.map .maplibregl-canvas-container,.map .maplibregl-canvas{position:absolute;inset:0;width:100%;height:100%}.map .maplibregl-canvas{outline:none}.map-tools{z-index:5}.map-attribution{position:absolute;z-index:5;right:7px;bottom:5px;padding:3px 5px;background:rgba(2,7,10,.82);border:1px solid #20343c;color:#78919a;font:8px/1.2 var(--mono)}.map-attribution a{color:#91aab3;text-decoration:none}.state-message.error{z-index:8;flex-direction:column;gap:8px;background:rgba(3,10,13,.92)}.state-message.error strong{color:#ff5656}.maplibregl-ctrl-attrib{display:none}.maplibregl-canvas-container.maplibregl-interactive{cursor:grab}.maplibregl-canvas-container.maplibregl-interactive:active{cursor:grabbing}

.legend-toggle{display:none}.map-legend{position:absolute;z-index:6;top:62px;right:12px;width:164px;padding:9px 10px 10px;background:rgba(3,10,14,.9);border:1px solid #38515c;border-radius:1px;box-shadow:0 0 18px rgba(37,206,235,.09),inset 0 0 18px rgba(20,77,91,.08);color:#c3d0d4;pointer-events:auto;font:9px/1.2 var(--mono)}.map-legend h3{margin:0 0 7px;color:#a9c4cc;font-size:8px;line-height:1;letter-spacing:.13em}.map-legend ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.map-legend li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:20px}.map-legend li span{min-width:0;line-height:1.15;overflow-wrap:anywhere}.legend-badge{display:grid;width:17px;height:17px;place-items:center;border:1px solid currentColor;border-radius:50%;background:#061116;font-style:normal;font-size:7px;box-shadow:0 0 7px currentColor,inset 0 0 5px color-mix(in srgb,currentColor 30%,transparent)}.legend-badge.peaceful{color:#35b8ff}.legend-badge.heightened{color:#ff9f1c}.legend-badge.serious{color:#ff4444}.legend-badge.political{color:#a74dda}

@media(max-width:767px){.legend-toggle{display:block;position:absolute;z-index:7;top:49px;right:7px;padding:7px 9px;border:1px solid #38515c;background:rgba(3,10,14,.92);color:#b8d8df;font:700 8px/1 var(--mono);letter-spacing:.1em;cursor:pointer}.legend-toggle:hover{background:#0a2028}.legend-toggle:active{transform:scale(.96)}.legend-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.map-legend{display:none;top:79px;right:7px;width:158px;max-height:calc(100% - 88px);overflow:auto}.map-legend.open{display:block}}

/* Shared dashboard navigation and the national-systems screen. */
.topbar{grid-template-columns:minmax(245px,auto) auto minmax(180px,1fr) minmax(270px,310px) 160px auto}
.topbar>.activity-status{height:54px;align-self:center}
.activity-status{--semantic-color:#77868c;align-self:stretch;min-width:0;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--semantic-color) 55%,#1b3944);background:linear-gradient(145deg,color-mix(in srgb,var(--semantic-color) 9%,#061015),#061015);color:var(--semantic-color);box-sizing:border-box}.activity-status.semantic-operational{--semantic-color:#65c879}.activity-status.semantic-watch{--semantic-color:#e4c84b}.activity-status.semantic-elevated{--semantic-color:#ff8d2a}.activity-status.semantic-high{--semantic-color:#ff5656}.activity-status.semantic-critical{--semantic-color:#e84cff}.activity-status-icon{width:25px;height:25px;display:grid;place-items:center;flex:none;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;font:800 13px var(--mono)}.activity-status small,.activity-status strong,.activity-status b{display:block;white-space:nowrap}.activity-status small{font:700 6px/1.1 var(--mono);letter-spacing:.08em}.activity-status strong{font:800 14px/1.1 var(--mono)}.activity-status b{color:#9aadb5;font:600 5.5px/1.1 var(--mono)}
.dashboard-nav{display:flex;align-items:center;gap:3px;white-space:nowrap}.dashboard-nav a{padding:7px 8px;border:1px solid #253b44;color:#8ca3aa;background:#071217;text-decoration:none;font:700 7px/1 var(--mono);letter-spacing:.08em}.dashboard-nav a:hover{color:#d7f6fb;border-color:#3e6572}.dashboard-nav a[aria-current=page]{color:var(--cyan);border-color:#32869a;background:#0a222a;box-shadow:inset 0 -1px var(--cyan)}.dashboard-nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.systems-kpis strong{font-size:19px}.systems-kpis p{margin:2px 0 0;color:#9aaab0;font:6px/1.2 var(--mono)}.systems-page .semantic-operational{--semantic-color:#65c879;color:#65c879}.systems-page .semantic-information{--semantic-color:#35d4ed;color:#35d4ed}.systems-page .semantic-watch{--semantic-color:#e4c84b;color:#e4c84b}.systems-page .semantic-elevated{--semantic-color:#ff8d2a;color:#ff8d2a}.systems-page .semantic-high{--semantic-color:#ff5656;color:#ff5656}.systems-page .semantic-critical{--semantic-color:#e84cff;color:#e84cff}.systems-page .semantic-muted{--semantic-color:#77868c;color:#77868c}.systems-kpis .system-kpi{background:linear-gradient(145deg,color-mix(in srgb,var(--semantic-color) 9%,#050c10),#050c10)}.systems-kpis .system-kpi .kpi-icon{box-shadow:0 0 12px color-mix(in srgb,var(--semantic-color) 70%,transparent)}.system-signal:after{background:var(--semantic-color);box-shadow:0 0 7px var(--semantic-color)}.system-signal time{color:var(--semantic-color)}.system-category{display:block;margin:1px 0 4px;color:#b8c7cc;font:700 7px/1.2 var(--mono);letter-spacing:.03em}.systems-page .record-state{color:#aab6ba;background:#10191d;border-color:#718087}.systems-page .record-state.state-verified{background:#aab6ba;color:#071013;border-color:#aab6ba}.systems-page .record-state.state-reported{background:transparent;border-color:#aab6ba}.systems-page .record-state.state-unverified{background:transparent;border-style:dotted;color:#8e9a9f}.systems-page .record-state.state-resolved{background:#283035;color:#a6b0b4;border-color:#68757a}.systems-legend{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;width:286px}.systems-legend section+section{padding-left:10px;border-left:1px solid #38515c}.systems-legend li{grid-template-columns:24px 1fr;min-height:18px}.system-symbol{display:grid;width:18px;height:18px;place-items:center;border:1px solid #5c8792;border-radius:50%;background:#061116;color:#b6d7de;font-style:normal;font-size:6px;box-shadow:0 0 5px rgba(53,212,237,.18)}.system-type-key,.system-severity-key{grid-template-columns:1fr}.semantic-dot{display:block;width:10px;height:10px;margin-left:4px;border-radius:50%;background:var(--semantic-color);box-shadow:0 0 5px var(--semantic-color)}.record-state-key{grid-column:1/-1;margin:0;padding-top:7px;border-top:1px solid #38515c;color:#8fa2a9;font-size:7px;line-height:1.35}.record-state-key b,.record-state-key span{display:block}.record-state-key b{margin-bottom:2px;color:#a9c4cc;letter-spacing:.1em}.systems-health{stroke:#65c879}.system-layer-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.system-layer-controls label{color:#a5b5ba}.system-layer-controls input{accent-color:#35d4ed}.systems-page .category-row progress::-webkit-progress-value{background:#62818b}.systems-page .category-row progress::-moz-progress-bar{background:#62818b}.systems-page .region-row b{color:var(--semantic-color)}.systems-page .region-row progress::-webkit-progress-value{background:var(--semantic-color)}.systems-page .region-row progress::-moz-progress-bar{background:var(--semantic-color)}
.systems-comparison-chart{display:block;width:100%;height:66px}.systems-comparison-chart polyline{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.systems-comparison-chart .rhetoric-line{stroke:#d272ff}.systems-comparison-chart .strain-line{stroke:#35d4ed}.systems-chart-key,.systems-chart-empty{color:#78919a;font:7px/1.2 var(--mono);letter-spacing:.06em}.systems-chart-key .series-rhetoric{color:#d272ff}.systems-chart-key .series-strain{color:#35d4ed}.systems-chart-empty{margin:18px 0;text-align:center;fill:#78919a}.chart-line-point{fill:#35d4ed}.systems-page .region-list{max-height:150px;overflow:auto}
@media(min-width:1400px){.topbar{height:126px}.headline-carousel,.weather-module,.topbar>.activity-status{height:110px}}
@media(max-width:1399px){.topbar{height:auto;min-height:166px;grid-template-columns:minmax(225px,auto) auto minmax(120px,1fr) auto;grid-template-rows:auto 104px}.topbar>.brand{grid-column:1}.topbar>.dashboard-nav{grid-column:2}.topbar>.activity-status{grid-column:3;grid-row:1}.topbar>.support-cta{grid-column:4;grid-row:1}.topbar>.headline-carousel{grid-column:1/3;grid-row:2;height:104px}.topbar>.weather-module{grid-column:3/5;grid-row:2;height:104px}.dashboard-nav a{padding:6px;font-size:6px}}
@media(max-width:899px){.topbar{min-height:226px;grid-template-columns:minmax(210px,1fr) auto minmax(120px,1fr) auto;grid-template-rows:auto 54px 104px}.topbar>.brand{grid-column:1}.topbar>.dashboard-nav{grid-column:2}.topbar>.activity-status{grid-column:3}.topbar>.support-cta{grid-column:4;grid-row:1}.topbar>.headline-carousel{grid-column:1/-1;grid-row:2;height:54px}.topbar>.weather-module{grid-column:1/-1;grid-row:3;height:104px}.system-layer-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){.topbar{min-height:390px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 48px 52px auto 54px 108px}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.activity-status{grid-column:1;grid-row:2}.topbar>.support-cta{grid-column:1;grid-row:3}.topbar>.dashboard-nav{grid-column:1;grid-row:4;justify-content:stretch}.dashboard-nav a{flex:1;text-align:center}.topbar>.headline-carousel{grid-column:1;grid-row:5}.topbar>.weather-module{grid-column:1;grid-row:6}.weather-slide{grid-template-columns:minmax(70px,.9fr) auto minmax(74px,1fr)}.weather-location{font-size:9px}.systems-kpis strong{font-size:15px}.systems-kpis p{font-size:5.5px}.system-layer-controls{grid-template-columns:1fr 1fr}.systems-legend{grid-template-columns:1fr 1.15fr;width:250px;gap:7px}.systems-legend section+section{padding-left:7px}.systems-legend li{font-size:7px}.record-state-key{font-size:6px}}
@media(max-width:360px){.topbar{min-height:390px}.weather-slide{grid-template-columns:minmax(58px,.8fr) auto minmax(58px,1fr);gap:1px 4px;padding-inline:3px}}

/* Populated 30-day incident activity chart */
.chart-axis-label {
  fill: #78919a;
  font: 10px/1 var(--mono);
  letter-spacing: .03em;
}

.incident-area {
  fill: rgba(37, 206, 235, .09);
}

.incident-line {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 4px rgba(37, 206, 235, .45));
  vector-effect: non-scaling-stroke;
}

.incident-point {
  fill: #071116;
  stroke: var(--cyan);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

/* Incident analytics: readable stacked balance and category panel */
.incident-breakdown-panel {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 12px;
}

.incident-balance-body {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 112px;
}

.incident-balance-body .donut {
  width: 108px;
  height: 108px;
}

.incident-balance-body .breakdown {
  display: grid;
  align-content: center;
  gap: 8px;
}

.incident-balance-body .breakdown span {
  display: block;
  white-space: nowrap;
}

.incident-category-section {
  padding-top: 11px;
  border-top: 1px solid var(--line);
}

.incident-category-section .category-bars {
  gap: 7px;
}

.incident-category-section .category-row {
  grid-template-columns: minmax(128px, 1.35fr) minmax(72px, 1fr) 18px;
  gap: 8px;
}

.incident-category-section .category-row > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 1200px) and (max-height: 820px) {
  body.systems-page { overflow-y: auto; }
  .systems-page .shell { height: auto; min-height: 100vh; overflow: visible; }
  .systems-page .shell > main { grid-template-rows: 72px minmax(500px, auto) auto; }
  .systems-page .command-grid { min-height: 500px; }
}

@media (max-width: 767px) {
  .incident-balance-body {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 10px;
    min-height: 94px;
  }

  .incident-balance-body .donut {
    width: 88px;
    height: 88px;
  }

  .incident-category-section .category-row {
    grid-template-columns: minmax(118px, 1.4fr) minmax(56px, 1fr) 16px;
  }
}

.analytics-empty {
  margin: 20px 0 0;
  color: var(--muted);
  font: 700 var(--font-chart-label)/1.3 var(--mono);
  letter-spacing: .08em;
  text-align: center;
}

.analytics-empty {
  margin: 20px 0 0;
  color: var(--muted);
  font: 700 var(--font-chart-label)/1.3 var(--mono);
  letter-spacing: .08em;
  text-align: center;
}

/* Incident dashboard analytics summary and row balance */
.incident-page .analytics-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.incident-page .analytics-summary > div {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  min-width: 0;
  padding: 6px 4px;
  text-align: center;
}

.incident-page .analytics-summary > div + div {
  border-left: 1px solid var(--line);
}

.incident-page .analytics-summary small {
  color: #82969e;
  font: 700 7px/1 var(--mono);
  letter-spacing: .08em;
}

.incident-page .analytics-summary strong {
  color: var(--cyan);
  font: 700 17px/1 var(--mono);
  text-shadow: 0 0 8px rgba(37, 206, 235, .25);
}

@media (min-width: 1200px) {
  .incident-page .analytics-column {
    grid-template-rows:
      52px
      minmax(0, 1.15fr)
      minmax(0, 1.35fr)
      minmax(0, .75fr)
      minmax(0, .75fr);
  }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .incident-page .analytics-column {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 54px 1fr 1fr;
  }

  .incident-page .analytics-summary {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .incident-page .analytics-column {
    grid-template-columns: 1fr;
    grid-template-rows: 56px 210px 260px 160px 180px;
  }

  .incident-page .analytics-summary {
    grid-column: auto;
  }
}

/* Bottom controls: primary tools above a separate disclosure strip. */
.affiliate-slot {
  min-width: 0;
  min-height: 66px;
  box-sizing: border-box;
  border: 1px solid #485b61;
  background:
    linear-gradient(90deg, rgba(37, 206, 235, .055), transparent 42%),
    #091216;
  box-shadow:
    inset 0 0 18px rgba(37, 206, 235, .035),
    0 0 10px rgba(0, 0, 0, .28);
  padding: 6px 8px;
}

.affiliate-kicker {
  display: block;
  margin-bottom: 5px;
  color: #82949b;
  font: 700 6px/1 var(--mono);
  letter-spacing: .12em;
}

.affiliate-content {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.affiliate-thumb {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #38525d;
  background: #0d1d23;
  box-shadow: inset 0 0 12px rgba(37, 206, 235, .08);
}
.affiliate-thumb i { display:block; width:24px; height:18px; border:1px solid #42616c; background:linear-gradient(145deg,transparent 45%,#264651 46% 54%,transparent 55%),linear-gradient(35deg,transparent 42%,#1d3943 43% 56%,transparent 57%); }

.affiliate-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.affiliate-copy strong {
  color: #d5e0e3;
  font: 700 9px/1.1 var(--mono);
  letter-spacing: .055em;
}

.affiliate-copy small {
  color: #8ea1a8;
  font: 7px/1.25 var(--mono);
}

.affiliate-cta {
  border: 1px solid #3b4b51;
  border-radius: 999px;
  background: #11191d;
  padding: 5px 8px;
  color: #788b92;
  font: 700 7px/1 var(--mono);
  letter-spacing: .07em;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .controls-primary { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .affiliate-slot {
    grid-column: 1 / -1;
    width: min(728px, 100%);
    max-height: none;
    justify-self: center;
  }
}

@media (max-width: 767px) {
  .controls-primary { display:flex; flex-direction:column; gap:8px; }
  .affiliate-slot {
    width: 100%;
    min-height: 108px;
    max-height: none;
    box-sizing: border-box;
  }

  .affiliate-content {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .affiliate-thumb {
    width: 46px;
    height: 46px;
  }

  .affiliate-cta {
    grid-column: 1 / -1;
    text-align: center;
  }

  .affiliate-copy small {
    white-space: normal;
  }
}

/* Affiliate layout QA repairs */
.kpis article > div {
  min-width: 0;
}

.kpis p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.incident-breakdown-panel > *,
.incident-category-section,
.incident-category-section .category-bars {
  width: 100%;
  min-width: 0;
}

@media (min-width: 1200px) {
  .incident-page .analytics-column {
    grid-template-rows:
      52px
      minmax(0, 1.05fr)
      minmax(0, 1.65fr)
      minmax(0, .65fr)
      minmax(0, .65fr);
  }

  .incident-page .incident-breakdown-panel {
    gap: 6px;
  }

  .incident-page .incident-balance-body {
    grid-template-columns: 84px minmax(0, 1fr);
    min-height: 82px;
    gap: 8px;
  }

  .incident-page .incident-balance-body .donut {
    width: 80px;
    height: 80px;
  }

  .incident-page .incident-balance-body .breakdown {
    min-width: 0;
    gap: 5px;
  }

  .incident-page .incident-category-section {
    padding-top: 7px;
  }

  .incident-page .incident-category-section .category-bars {
    gap: 4px;
    padding-top: 2px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .kpis article > div {
    width: 100%;
    overflow: hidden;
  }

  .kpis small,
  .kpis strong,
  .kpis p {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .incident-page .incident-breakdown-panel {
    gap: 6px;
  }

  .incident-page .incident-balance-body {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 74px;
    gap: 6px;
  }

  .incident-page .incident-balance-body .donut {
    width: 70px;
    height: 70px;
  }

  .incident-page .incident-balance-body .breakdown {
    min-width: 0;
    gap: 4px;
  }

  .incident-page .incident-balance-body .breakdown span {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .incident-page .incident-category-section {
    min-width: 0;
    padding-top: 6px;
  }

  .incident-page .incident-category-section .chart-head {
    min-width: 0;
    gap: 4px;
  }

  .incident-page .incident-category-section .chart-head small {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .incident-page .incident-category-section .category-bars {
    min-width: 0;
    gap: 4px;
  }

  .incident-page .incident-category-section .category-row {
    grid-template-columns:
      minmax(0, 1.4fr)
      minmax(42px, .8fr)
      14px;
    min-width: 0;
    gap: 4px;
  }
}

/* Final incident breakdown fit repairs */
@media (min-width: 1200px) and (max-width: 1599px) {
  .incident-page .incident-breakdown-panel {
    grid-template-columns: minmax(104px, .75fr) minmax(0, 1.45fr);
    align-items: start;
    gap: 8px;
  }

  .incident-page .incident-balance,
  .incident-page .incident-category-section {
    min-width: 0;
  }

  .incident-page .incident-category-section {
    padding: 0 0 0 8px;
    border-top: 0;
    border-left: 1px solid var(--line);
  }

  .incident-page .incident-breakdown-panel .chart-head {
    min-width: 0;
    gap: 4px;
  }

  .incident-page .incident-breakdown-panel .chart-head small {
    display: none;
  }

  .incident-page .incident-balance-body {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 0;
    gap: 3px;
  }

  .incident-page .incident-balance-body .donut {
    width: 68px;
    height: 68px;
  }

  .incident-page .incident-balance-body .breakdown {
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3px;
  }

  .incident-page .incident-balance-body .breakdown span {
    max-width: 100%;
    font-size: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .incident-page .incident-category-section .category-bars {
    gap: 3px;
    padding-top: 3px;
  }

  .incident-page .incident-category-section .category-row {
    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(34px, .75fr)
      14px;
    gap: 4px;
  }
}

@media (max-width: 767px) {
  .incident-page .analytics-column {
    grid-template-rows: 56px 210px 280px 160px 180px;
  }
}

/* Incident command centre: fluid columns and independent analytics cards. */
.incident-page .analytics-column { min-width:0; overflow-y:auto; overflow-x:hidden; grid-template-rows:52px minmax(180px,1.1fr) minmax(145px,.85fr) minmax(190px,1fr) minmax(130px,.7fr) minmax(150px,.8fr); }
.incident-page .incident-balance-panel,.incident-page .incident-category-panel { min-width:0; overflow:visible; }
.incident-page .incident-balance-body { display:grid; grid-template-columns:minmax(104px,42%) minmax(0,1fr); align-items:center; gap:14px; min-height:104px; }
.incident-page .incident-balance-body .donut { width:104px; height:104px; }
.balance-metrics { display:grid; gap:6px; margin:0; min-width:0; }
.balance-metrics>div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid #1d3038; }
.balance-metrics dt { color:#8fa4ac; font:700 7px/1.2 var(--mono); letter-spacing:.06em; }
.balance-metrics dd { margin:0; color:#e1ecef; font:700 14px/1 var(--mono); }
.balance-metrics>div:nth-child(2) dd,.balance-metrics>div:nth-child(3) dd { color:var(--red); }
.incident-page .incident-category-panel .category-bars { display:grid; gap:7px; padding-top:5px; }
.incident-page .incident-category-panel .category-row { grid-template-columns:minmax(132px,1.3fr) minmax(55px,1fr) 20px; gap:7px; min-height:20px; }
.incident-page .incident-category-panel .category-row>span { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.15; }

@media (min-width:900px) and (max-width:1499px) {
  .incident-page .command-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:minmax(360px,55%) minmax(250px,45%); min-width:0; overflow:hidden; }
  .incident-page .map-panel { grid-column:1/-1; grid-row:1; width:auto; height:auto; min-width:0; }
  .incident-page .timeline-panel { grid-column:1; grid-row:2; width:auto; height:auto; min-width:0; overflow:hidden; }
  .incident-page .analytics-column { grid-column:2; grid-row:2; width:auto; height:auto; min-width:0; }
}

@media (max-width:899px) {
  .incident-page .command-grid { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; min-width:0; overflow:visible; }
  .incident-page .map-panel { grid-column:1; grid-row:auto; height:470px; min-width:0; }
  .incident-page .timeline-panel { grid-column:1; grid-row:auto; height:500px; min-width:0; overflow:hidden; }
  .incident-page .analytics-column { grid-column:1; grid-row:auto; height:auto; min-width:0; overflow:visible; grid-template-columns:minmax(0,1fr); grid-template-rows:56px 220px 170px 220px 160px 180px; }
}

/* V1 incident controls and full regional activity. */
.incident-page .analytics-column{grid-template-rows:52px minmax(180px,1.1fr) minmax(145px,.85fr) minmax(190px,1fr) minmax(270px,1.2fr)}
.incident-page .region-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.incident-page .region-row{grid-template-columns:minmax(92px,1fr) minmax(38px,1fr) 22px;min-width:0}.incident-page .region-row span{white-space:normal;line-height:1.15}
.incident-layers{display:grid;grid-template-columns:1fr;gap:6px}.incident-layers fieldset{min-width:0;margin:0;padding:0;border:0}.incident-layers legend{margin-bottom:5px;color:#a9c4cc;font:700 7px/1 var(--mono);letter-spacing:.1em}.incident-type-controls,.map-display-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 7px}.incident-layers label{display:flex;align-items:center;gap:4px;min-width:0;white-space:normal;line-height:1.15}.incident-layers .legend-badge{width:14px;height:14px;flex:none;font-size:6px}.map-display-controls{padding-top:5px!important;border-top:1px solid var(--line)!important}
@media(max-width:899px){.incident-page .analytics-column{grid-template-rows:56px 220px 170px 220px 420px}.incident-page .region-list{grid-template-columns:1fr}.incident-type-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.map-display-controls{grid-template-columns:1fr}}

/* Live coverage wall */
.live-page .shell{height:100vh}
.live-page main{grid-template-rows:72px auto minmax(0,1fr) auto;overflow:hidden}
.live-toolbar{display:flex;align-items:center;gap:14px;padding:8px 12px;min-width:0}
.live-toolbar h1{margin:0;font-size:14px}.live-toolbar h1 i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}
.live-toolbar p{margin:2px 0 0;color:#8da1aa}.live-toolbar button,.live-status-control button{margin-left:auto;border:1px solid #35515c;background:#0a1c23;color:#b7dce4;padding:7px 9px}
.live-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(620px,1fr);gap:8px;min-height:0;overflow:hidden}
.stream-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-width:0;min-height:0}
.stream-card{display:grid;grid-template-rows:32px minmax(0,1fr);overflow:hidden;min-height:0}.stream-card-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--line)}
.stream-state{padding:4px 6px;border:1px solid currentColor;font:700 7px var(--mono)}.stream-state.live{color:var(--red)}.stream-state.scheduled{color:var(--amber)}.stream-state.offline,.stream-state.ended{color:#7f9198}.stream-state.error{color:#ff7478}
.stream-card-body{display:grid;grid-template-rows:minmax(100px,1fr) auto auto auto auto;gap:3px;min-height:0;padding:7px}.stream-card-body h3{margin:0;font-size:10px}.stream-card-body small{color:#81969d}
.stream-preview,.stream-card iframe{position:relative;width:100%;height:100%;min-height:100px;border:0;overflow:hidden;background:#061015}.stream-preview img{width:100%;height:100%;object-fit:cover}.stream-preview>strong,.stream-preview>span{position:absolute;left:10px;bottom:25px}.stream-preview>span{bottom:10px;color:#91a5ac}
.enable-stream{position:absolute;right:9px;bottom:9px;border:1px solid #a47c31;background:#241a09;color:#ffd27a;padding:6px}.watch-link{color:var(--cyan);font:700 7px var(--mono)}.viewer-count{color:#ff7378}.countdown{color:var(--amber)}
.live-sidebar{display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;min-height:0}.live-sidebar article{padding:10px;overflow:auto}.live-sidebar h2{margin:0 0 7px;font-size:9px}.live-sidebar p{color:#9aadb4;line-height:1.45}.live-sidebar ul{margin:0;padding:0;list-style:none}.live-sidebar li{display:flex;justify-content:space-between;gap:7px;padding:5px 0;border-bottom:1px solid var(--line)}.live-sidebar li b{font:700 6px var(--mono)}.content-warning{border-color:#8e3035;background:#1a0b0e}
.live-status-control{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.live-status-control small{color:var(--green)}.stream-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:0;margin:0}.stream-filters legend{grid-column:1/-1;color:#a9c4cc;font:700 7px var(--mono)}
.privacy-actions{display:flex;flex-wrap:wrap;gap:8px}.privacy-actions button{flex:1;min-width:180px;padding:10px;border:1px solid #47707d;background:#0a1c23;color:#d6edf2}#privacy-dialog{max-width:620px;border:1px solid #38515c;background:#071116;color:#dcebee}.live-page footer{margin-top:0}
@media(max-width:1399px){.stream-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(220px,1fr))}.live-layout{min-height:0;overflow:auto}}
@media(max-width:899px){.live-page .shell{height:auto}.live-page main{display:block;overflow:visible}.live-page main>*{margin-bottom:8px}.live-layout{grid-template-columns:1fr;overflow:visible}.live-sidebar{grid-template-columns:1fr 1fr;grid-template-rows:auto}.live-controls .controls-primary{grid-template-columns:1fr 1fr}.live-controls .affiliate-slot{grid-column:1/-1}}
@media(max-width:599px){.stream-wall{grid-template-columns:1fr;grid-template-rows:none}.stream-card{min-height:300px}.live-sidebar{grid-template-columns:1fr}.live-toolbar{align-items:flex-start;flex-wrap:wrap}.live-toolbar button{margin-left:0}.live-controls .controls-primary{display:flex}.stream-filters{grid-template-columns:1fr 1fr}.privacy-actions button{min-width:100%}}

/* SUPPORT CTA START */
.support-cta {
  position: relative;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  align-content: center;
  align-items: center;
  gap: 3px 7px;
  margin: 0;
  padding: 9px 10px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(35, 25, 8, .72), rgba(8, 15, 17, .98) 62%);
  color: #e8dbc2;
  border: 1px solid #eeb029;
  border-left-width: 3px;
  border-radius: 1px;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255, 183, 0, .32), 0 0 11px rgba(255, 166, 0, .2), inset 0 0 13px rgba(255, 170, 0, .06);
  animation: supportGlow 4.2s ease-in-out infinite;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

.support-cta:hover,
.support-cta:focus-visible {
  background: linear-gradient(145deg, rgba(49, 33, 7, .88), rgba(10, 18, 19, .99) 64%);
  border-color: #ffd257;
  box-shadow: 0 0 0 1px rgba(255, 204, 62, .76), 0 0 22px rgba(255, 170, 0, .38), inset 0 0 18px rgba(255, 170, 0, .1);
  animation-play-state: paused;
  transform: translateY(-1px);
}
.support-cta:active { transform: translateY(0); }

.support-cta:focus-visible {
  outline: 2px solid #ffe27a;
  outline-offset: 2px;
}

@keyframes supportGlow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 183, 0, .34), 0 0 10px rgba(255, 166, 0, .18), inset 0 0 12px rgba(255, 170, 0, .05); }
  50% { box-shadow: 0 0 0 1px rgba(255, 202, 64, .72), 0 0 20px rgba(255, 170, 0, .32), inset 0 0 17px rgba(255, 170, 0, .09); }
}

.support-cta-action {
  grid-column: 2;
  grid-row: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 20px;
  padding: 3px 7px;
  border: 1px solid #ffcf4a;
  background: linear-gradient(#ffd65a, #f4ae18);
  color: #171006;
  font: 900 8px/1 var(--mono);
  letter-spacing: .09em;
  box-shadow: inset 0 1px rgba(255,255,255,.35), 0 0 7px rgba(255, 183, 0, .24);
}

.support-cta:hover .support-cta-action,
.support-cta:focus-visible .support-cta-action {
  border-color: #ffe68e;
  background: linear-gradient(#ffe27a, #ffc12f);
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 0 13px rgba(255, 190, 32, .5);
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .support-cta,
  .support-cta-action { animation: none; }
}

@media (max-width: 599px) {
  .support-cta {
    width: 100%;
    min-height: 52px;
    border-color: #e9a927;
    border-left-width: 3px;
    box-shadow: 0 0 0 1px rgba(255,183,0,.26), 0 0 8px rgba(255,166,0,.14), inset 0 0 10px rgba(255,170,0,.04);
  }
}
/* SUPPORT CTA END */

/* WEATHER CAROUSEL START */
.weather-carousel {
  position: relative;
  align-self: stretch;
  justify-self: end;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 3px;
  padding: 6px 7px;
  overflow: hidden;
}

.weather-heading, .weather-footer { align-items:center; min-width:0; font:700 6px/1.1 var(--mono); letter-spacing:.07em; }
.weather-heading { display:flex; justify-content:space-between; color:#9fc4cd; }
.weather-heading { font-size:7px; line-height:1.2; }
.weather-status { color:var(--cyan); font-size:7px; }
.weather-carousel[data-state="unavailable"] .weather-status { color:#8b989e; }
.weather-card { display:grid; grid-template-columns:18px minmax(0,1fr) 18px; align-items:stretch; min-width:0; border-block:1px solid rgba(48,83,94,.5); }
.weather-nav { width:18px; min-width:0; margin:0; padding:0; border:0; background:transparent; color:#91bdc7; font:700 16px/1 var(--mono); cursor:pointer; }
.weather-nav:hover { background:#0d242c; color:#e2fbff; }
.weather-nav:focus-visible { outline:2px solid var(--cyan); outline-offset:-2px; }
.weather-slide { display:grid; grid-template-columns:minmax(72px,1fr) auto; grid-template-rows:minmax(30px,1fr) auto; align-items:center; gap:3px 7px; min-width:0; min-height:0; padding:4px; overflow:hidden; }
.weather-place { grid-column:1; grid-row:1; min-width:0; }
.weather-place strong, .weather-place span, .weather-details span, .weather-condition { overflow-wrap:anywhere; }
.weather-place strong, .weather-place span { display:block; }
.weather-location { color:#eefcff; font:800 10px/1.1 var(--mono); letter-spacing:.04em; }
.weather-nation { margin-top:2px; color:#8da5ad; font:600 7px/1.2 var(--mono); }
.weather-primary { grid-column:2; grid-row:1; display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; align-items:center; justify-content:center; gap:0 4px; min-width:0; }
.weather-icon { color:#68dff5; font:normal 22px/1 sans-serif; text-shadow:0 0 9px rgba(53,212,237,.5); }
.weather-temperature { color:#fff; font:800 20px/1 var(--mono); }
.weather-condition { grid-column:1/3; max-width:92px; color:#c9e2e7; font:700 6.5px/1.15 var(--mono); text-align:center; }
.weather-details { grid-column:1/3; grid-row:2; display:flex; flex-wrap:wrap; gap:2px 8px; min-width:0; color:#9bb0b7; font:600 7px/1.2 var(--mono); }
.weather-footer { display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:8px; color:#8098a1; font-size:7px; line-height:1.2; white-space:nowrap; }
.weather-footer a { grid-column:3; grid-row:1; min-width:0; color:#89aab3; font-size:7px; text-align:right; white-space:normal; overflow-wrap:anywhere; }
.weather-footer a:hover { color:#bcecf5; }
.weather-position { grid-column:2; grid-row:1; color:var(--cyan); font-size:8px; font-weight:800; }
.weather-updated { grid-column:1; grid-row:1; }
.weather-slide.is-changing { animation:weather-slide-in 190ms ease-out both; }
@keyframes weather-slide-in { from { opacity:.45; } to { opacity:1; } }

@media (max-width: 899px) {
  .weather-carousel {
    justify-self: stretch;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 88px;
  }
}
/* WEATHER CAROUSEL END */

/* HEADER MODULE REFINEMENT START */
.topbar {
  height: 126px;
  min-width: 0;
  grid-template-columns: minmax(255px,1.05fr) minmax(210px,.9fr) minmax(345px,1.85fr) minmax(165px,.72fr) minmax(285px,1.35fr) minmax(145px,.62fr);
  column-gap: 6px;
  padding: 7px 9px;
  background: linear-gradient(90deg,rgba(4,12,16,.98),rgba(6,18,23,.98));
}

.topbar .brand {
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-width: 255px;
  padding: 10px 12px;
  margin: 0;
  border: 0;
  border-right: 1px solid rgba(45,75,86,.65);
  background: transparent;
}
.topbar .brand > span { min-width:0; }
.topbar .brand strong { font-size:clamp(16px,1.05vw,19px); white-space:nowrap; overflow:visible; }
.topbar .brand small { font-size:7px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }

.topbar .dashboard-nav {
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-right: 1px solid rgba(45,75,86,.65);
  background: transparent;
}

.topbar .dashboard-nav a {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 7px;
  transition: background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease;
}
.topbar .dashboard-nav a:hover { transform:translateY(-1px); }
.topbar .dashboard-nav a:active { transform:translateY(0); }
.topbar .dashboard-nav a[aria-current=page] { background:#0a1d24;border-color:#2d6877;box-shadow:inset 0 -1px rgba(37,206,235,.72); }

.topbar .headline-carousel {
  position: relative;
  height: 110px;
  margin: 0;
  border: 0;
  border-right: 0;
  background: rgba(7,20,26,.52);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 5px;
  padding: 10px 12px;
  overflow: hidden;
}

.topbar .weather-carousel {
  height: 110px;
  margin: 0;
  border: 0;
  border-right: 0;
  background: rgba(7,20,26,.38);
  padding: 10px 12px;
}

.topbar > .activity-status {
  height:110px;
  align-self:center;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--semantic-color) 34%,#1b3944);
  border-radius:2px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--semantic-color) 14%,#061015),#061015);
  box-shadow:inset 2px 0 color-mix(in srgb,var(--semantic-color) 55%,transparent),0 0 10px color-mix(in srgb,var(--semantic-color) 5%,transparent);
}
.topbar .activity-status.semantic-elevated { border-color:color-mix(in srgb,var(--semantic-color) 24%,#1b3944);background:linear-gradient(145deg,color-mix(in srgb,var(--semantic-color) 8%,#061015),#061015);box-shadow:inset 2px 0 color-mix(in srgb,var(--semantic-color) 45%,transparent),0 0 8px color-mix(in srgb,var(--semantic-color) 3%,transparent); }
.topbar .activity-status:is(.semantic-high,.semantic-critical) { border-color:color-mix(in srgb,var(--semantic-color) 65%,#1b3944);box-shadow:inset 3px 0 color-mix(in srgb,var(--semantic-color) 78%,transparent),0 0 14px color-mix(in srgb,var(--semantic-color) 13%,transparent); }
.topbar .activity-status-icon { width:28px;height:28px;font-size:14px; }
.topbar .activity-status small { font-size:7px;line-height:1.2; }
.topbar .activity-status strong { font-size:16px; }
.topbar .activity-status b { margin-top:3px;font-size:7px;line-height:1.2;white-space:normal; }
.topbar .activity-status[data-trend="rising"] .activity-status-icon,
.topbar .activity-status.semantic-elevated .activity-status-icon { animation:activity-glow-pulse-subtle 3.6s ease-in-out infinite; }
.topbar .activity-status:is(.semantic-high,.semantic-critical) .activity-status-icon { animation:activity-glow-pulse 3.2s ease-in-out infinite; }
@keyframes activity-glow-pulse-subtle { 0%,100%{box-shadow:0 0 5px currentColor} 50%{box-shadow:0 0 9px currentColor} }
@keyframes activity-glow-pulse { 0%,100%{box-shadow:0 0 7px currentColor} 50%{box-shadow:0 0 15px currentColor} }
.weather-status,.stream-state.live,.live-pill { animation:live-opacity-pulse 3s ease-in-out infinite; }
@keyframes live-opacity-pulse { 0%,100%{opacity:1} 50%{opacity:.68} }

.headline-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--cyan);
  font: 700 7px/1 var(--mono);
  letter-spacing: .12em;
}

.headline-position {
  color: #8db0b8;
  font-size: 8px;
  letter-spacing: .06em;
}

.headline-carousel .headline-row {
  min-width: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 9px;
}

.headline-carousel .headline-row button {
  width: 28px;
  min-width: 0;
  height: 28px;
  min-height: 28px;
  align-self: center;
}

.headline-content {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-items: center;
  justify-items: start;
  overflow: hidden;
  text-align: left;
}

.headline-row .headline-title {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  color: #e4eef0;
  font: 750 clamp(11px, .78vw, 15px)/1.32 var(--mono);
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.headline-row .headline-title.is-changing { animation:headline-slide-in 180ms ease-out both; }
@keyframes headline-slide-in { from { opacity:.35;transform:translateX(4px) } to { opacity:1;transform:translateX(0) } }

.headline-carousel > .headline-meta {
  width: 100%;
  margin: 0;
  overflow: hidden;
  color: #829da5;
  font: 600 clamp(7px, .5vw, 9px)/1.25 var(--mono);
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1499px) {
  .topbar {
    height:auto;
    min-height:166px;
    grid-template-columns:minmax(290px,1.35fr) minmax(145px,.65fr) minmax(260px,1.1fr) minmax(125px,.55fr);
    grid-template-rows:48px 104px;
  }
  .topbar > .brand{grid-column:1;grid-row:1}
  .topbar > .dashboard-nav{grid-column:2/5;grid-row:1;justify-content:flex-start}
  .topbar > .headline-carousel{grid-column:1;grid-row:2;height:104px}
  .topbar > .activity-status{grid-column:2;grid-row:2;height:104px}
  .topbar > .weather-carousel{grid-column:3;grid-row:2;height:104px}
  .topbar > .support-cta{grid-column:4;grid-row:2}
}

@media (max-width: 899px) {
  .topbar {
    min-height:282px;
    grid-template-columns:minmax(255px,1fr) minmax(210px,.85fr);
    grid-template-rows:48px 104px 104px;
  }
  .topbar > .brand{grid-column:1;grid-row:1}
  .topbar > .dashboard-nav{grid-column:2;grid-row:1}
  .topbar > .headline-carousel{grid-column:1;grid-row:2;height:104px}
  .topbar > .activity-status{grid-column:2;grid-row:2;height:104px}
  .topbar > .weather-carousel{grid-column:1;grid-row:3;height:104px}
  .topbar > .support-cta{grid-column:2;grid-row:3}
  .topbar .brand,
  .topbar .dashboard-nav,
  .topbar .headline-carousel,
  .topbar .weather-carousel {
    margin-left: 0;
    margin-right: 0;
  }

  .topbar .headline-carousel {
    border-right: 0;
    gap: 3px;
    padding: 5px 7px;
  }

  .headline-carousel .headline-row {
    grid-template-columns: 26px minmax(0, 1fr) 26px;
    gap: 7px;
  }

  .headline-carousel .headline-row button {
    width: 26px;
    height: 26px;
    min-height: 26px;
  }

  .headline-row .headline-title {
    font-size: 10px;
  }

  .headline-carousel > .headline-meta {
    font-size: 6px;
  }
}

@media (max-width: 599px) {
  .topbar {
    min-height:430px;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:50px 44px 104px 62px 104px 50px;
  }
  .topbar > .brand{grid-column:1;grid-row:1}
  .topbar > .dashboard-nav{grid-column:1;grid-row:2;padding:0;border-right:0}
  .topbar > .headline-carousel{grid-column:1;grid-row:3}
  .topbar > .activity-status{grid-column:1;grid-row:4;height:62px}
  .topbar > .weather-carousel{grid-column:1;grid-row:5}
  .topbar > .support-cta{grid-column:1;grid-row:6;border:0;border-top:1px solid rgba(221,183,35,.24);border-left:2px solid rgba(221,183,35,.58)}
  .topbar .dashboard-nav a{flex:1}
  .topbar .brand strong{font-size:16px}
  .topbar .brand{min-width:0}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
/* HEADER MODULE REFINEMENT END */

/* REGIONAL ONE COLUMN START */
.region-list {
  grid-template-columns: minmax(0, 1fr) !important;
}
/* REGIONAL ONE COLUMN END */

/* SIMPLIFIED LIVE COVERAGE START */
.live-page main{grid-template-rows:72px auto minmax(0,1fr) auto}
.live-page .live-toolbar{display:flex;align-items:center;gap:7px;min-height:46px;padding:6px 9px;overflow:visible}
.live-toolbar-title{flex:1 1 245px;min-width:190px}.live-toolbar-title h1{white-space:nowrap}.live-toolbar-title p{font-size:8px;white-space:nowrap}
.stream-filter-segments{display:flex;flex:0 1 auto;border:1px solid #294650}.stream-filter-segments button{margin:0!important;padding:6px 8px;border:0;border-right:1px solid #294650;background:#07151b;color:#9eb4bb;font:700 7px var(--mono);white-space:nowrap}.stream-filter-segments button:last-child{border-right:0}.stream-filter-segments button[aria-pressed="true"]{background:#10303a;color:#67e8ff;box-shadow:inset 0 -2px var(--cyan)}.stream-filter-segments b{color:inherit}
.live-page .toolbar-refresh{color:#879da5;font:7px var(--mono);white-space:nowrap}.live-page .live-toolbar>button{flex:0 0 auto;margin:0;padding:6px 8px;font:700 7px var(--mono);white-space:nowrap}.live-page .live-toolbar>.viewer-discretion{border-color:#a8343a;background:#2a0d11;color:#ff777d}
.live-page .live-layout{display:block;min-height:0;overflow:hidden}.live-page .stream-wall{height:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
.live-page .live-affiliate{min-height:58px;margin:0;padding:6px 9px}.live-page .live-affiliate .affiliate-content{min-height:34px}
#live-info-dialog{max-width:560px;border:1px solid #60333a;background:#071116;color:#dcebee}#live-info-dialog h3{color:#ff777d}#close-live-info{border:1px solid #35515c;background:#0a1c23;color:#b7dce4;padding:8px 14px}
@media(max-width:1599px){.live-page .shell{height:auto}.live-page main{display:block;overflow:visible}.live-page main>*{margin-bottom:8px}.live-page .live-layout{overflow:visible}.live-page .stream-wall{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.live-page .stream-card{min-height:310px}}
@media(max-width:1199px){.live-page .stream-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:799px){.live-page .stream-card{min-height:330px}.live-page .live-toolbar{align-items:stretch}.stream-filter-segments{order:2;flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.stream-filter-segments button{padding:8px 3px}.live-page .toolbar-refresh{align-self:center}.live-toolbar-title p{white-space:normal}}
@media(max-width:599px){.live-page .stream-wall{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1600px) and (max-height:999px){.live-page .shell{height:auto}.live-page main{display:block;overflow:visible}.live-page main>*{margin-bottom:8px}.live-page .live-layout{overflow:visible}.live-page .stream-wall{height:auto;grid-template-rows:repeat(2,minmax(0,auto))}.live-page .stream-card{min-height:290px}}
@media(max-width:480px){.live-page .live-toolbar>button{flex:1 1 auto}.live-page .toolbar-refresh{flex:1 1 100%}.live-page .stream-card-footer{flex-direction:column;align-items:stretch}.live-page .stream-primary-action{width:100%}}
/* SIMPLIFIED LIVE COVERAGE END */

/* LIVE SHELL TIDY START */

/* Keep the Live page on the same shell rhythm as the homepage. */
.live-page .live-toolbar {
  min-height: 44px;
  box-sizing: border-box;
  padding: 6px 10px;
}

.live-page .live-toolbar > div {
  min-width: 0;
}

.live-page .live-toolbar h1 {
  line-height: 1;
}

.live-page .live-toolbar p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Correct Live-page bottom menu:
   LIVE STATUS | STREAM FILTERS | ADVERT */
.live-page .live-controls .controls-primary {
  grid-template-columns:
    minmax(270px, 0.9fr)
    minmax(350px, 1.15fr)
    minmax(430px, 1.55fr);
  gap: 0;
  align-items: stretch;
}

.live-page .live-controls .controls-primary > * {
  min-width: 0;
  box-sizing: border-box;
}

.live-page .live-status-control,
.live-page .stream-filters {
  padding: 9px 11px;
  border-right: 1px solid var(--line);
}

.live-page .live-status-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 7px 12px;
  align-items: center;
}

.live-page .live-status-control > b,
.live-page .live-status-control > strong {
  align-self: start;
}

.live-page .stream-filters {
  align-content: start;
}

.live-page .stream-filters > b,
.live-page .stream-filters > strong {
  display: block;
  margin-bottom: 7px;
}

.live-page .stream-filters label {
  white-space: nowrap;
}

.live-page .live-controls .affiliate-slot {
  margin: 0;
  min-height: 100%;
}

/* The page owns stream controls, not incident/map controls. */
.live-page .incident-type-controls,
.live-page .map-display-controls,
.live-page .replay-block {
  display: none;
}

@media (max-width: 1199px) {
  .live-page .live-controls .controls-primary {
    grid-template-columns: 1fr 1fr;
  }

  .live-page .live-controls .affiliate-slot {
    grid-column: 1 / -1;
  }
}

@media (max-width: 899px) {
  .live-page .live-toolbar p {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .live-page .live-controls .controls-primary {
    grid-template-columns: 1fr;
  }

  .live-page .live-status-control,
  .live-page .stream-filters {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .live-page .live-controls .affiliate-slot {
    grid-column: auto;
  }
}

/* LIVE SHELL TIDY END */

/* LIVE CARD POLISH START */

.live-page .stream-wall {
  gap: 10px;
}

.live-page .stream-card {
  position: relative;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(10, 24, 31, 0.96), rgba(4, 12, 16, 0.98));
  border: 1px solid var(--line);
  box-shadow: inset 0 0 0 1px rgba(72, 117, 130, 0.08);
}

.live-page .stream-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 0 10px;
  border-bottom: 1px solid rgba(76, 112, 123, 0.28);
  background: linear-gradient(180deg, rgba(9, 20, 26, 0.95), rgba(6, 14, 19, 0.94));
}

.live-page .stream-card-head strong,
.live-page .stream-card-head b,
.live-page .stream-card-head h3,
.live-page .stream-card-head h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: 0.03em;
}

.live-page .stream-card-head .status,
.live-page .stream-card-head .stream-status,
.live-page .stream-card-head .badge,
.live-page .stream-card-head .state,
.live-page .stream-card-head > span:last-child {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 0 9px;
  border: 1px solid rgba(116, 144, 155, 0.7);
  background: rgba(10, 18, 23, 0.72);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b7cad1;
}

.live-page .stream-card.live,
.live-page .stream-card[data-state="live"] {
  box-shadow:
    inset 0 0 0 1px rgba(255, 74, 90, 0.28),
    0 0 0 1px rgba(255, 74, 90, 0.08);
}

.live-page .stream-card.live .stream-card-head,
.live-page .stream-card[data-state="live"] .stream-card-head {
  border-bottom-color: rgba(255, 74, 90, 0.28);
}

.live-page .stream-card.live .stream-card-head .status,
.live-page .stream-card.live .stream-card-head .stream-status,
.live-page .stream-card.live .stream-card-head .badge,
.live-page .stream-card.live .stream-card-head .state,
.live-page .stream-card[data-state="live"] .stream-card-head .status,
.live-page .stream-card[data-state="live"] .stream-card-head .stream-status,
.live-page .stream-card[data-state="live"] .stream-card-head .badge,
.live-page .stream-card[data-state="live"] .stream-card-head .state,
.live-page .stream-card.live .stream-card-head > span:last-child,
.live-page .stream-card[data-state="live"] .stream-card-head > span:last-child {
  color: #ff6f79;
  border-color: rgba(255, 74, 90, 0.9);
  background: rgba(45, 7, 12, 0.72);
}

.live-page .stream-card.scheduled,
.live-page .stream-card[data-state="scheduled"] {
  box-shadow:
    inset 0 0 0 1px rgba(255, 173, 48, 0.18),
    0 0 0 1px rgba(255, 173, 48, 0.05);
}

.live-page .stream-card.scheduled .stream-card-head .status,
.live-page .stream-card.scheduled .stream-card-head .stream-status,
.live-page .stream-card.scheduled .stream-card-head .badge,
.live-page .stream-card.scheduled .stream-card-head .state,
.live-page .stream-card[data-state="scheduled"] .stream-card-head .status,
.live-page .stream-card[data-state="scheduled"] .stream-card-head .stream-status,
.live-page .stream-card[data-state="scheduled"] .stream-card-head .badge,
.live-page .stream-card[data-state="scheduled"] .stream-card-head .state,
.live-page .stream-card.scheduled .stream-card-head > span:last-child,
.live-page .stream-card[data-state="scheduled"] .stream-card-head > span:last-child {
  color: #ffb03e;
  border-color: rgba(255, 173, 48, 0.9);
  background: rgba(38, 23, 4, 0.72);
}

.live-page .stream-card.offline .stream-card-head .status,
.live-page .stream-card.offline .stream-card-head .stream-status,
.live-page .stream-card.offline .stream-card-head .badge,
.live-page .stream-card.offline .stream-card-head .state,
.live-page .stream-card[data-state="offline"] .stream-card-head .status,
.live-page .stream-card[data-state="offline"] .stream-card-head .stream-status,
.live-page .stream-card[data-state="offline"] .stream-card-head .badge,
.live-page .stream-card[data-state="offline"] .stream-card-head .state,
.live-page .stream-card.offline .stream-card-head > span:last-child,
.live-page .stream-card[data-state="offline"] .stream-card-head > span:last-child {
  color: #9bb0b7;
  border-color: rgba(133, 156, 166, 0.72);
  background: rgba(15, 22, 27, 0.76);
}

.live-page .stream-card-body {
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 5px;
  min-height: 0;
  padding: 4px 6px 5px;
}

.live-page .stream-media {
  position: relative;
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 9;
  min-height: 0;
  height: auto;
  justify-self: stretch;
  align-self: start;
  overflow: hidden;
  border: 1px solid rgba(83, 114, 124, 0.55);
  background:
    radial-gradient(circle at top, rgba(18, 42, 53, 0.38), transparent 55%),
    linear-gradient(180deg, rgba(5, 15, 21, 0.96), rgba(5, 12, 16, 0.99));
}

.live-page .stream-media > :first-child,
.live-page .stream-preview,
.live-page .stream-player {
  width: 100%;
  height: 100%;
}
.live-page .stream-player {
  display: block;
  border: 0;
}

.live-page .stream-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.92;
}

.live-page .stream-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.18) 55%, rgba(0,0,0,0.34));
  pointer-events: none;
}

.live-page .stream-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px;pointer-events:none}
.live-page .stream-overlay span{position:static;padding:4px 6px;background:rgba(2,8,11,.78);border:1px solid rgba(117,145,155,.4);font:700 7px var(--mono)}
.live-page .stream-overlay .viewer-count{color:#ff747d;border-color:rgba(255,71,77,.58)}
.live-page .stream-overlay .countdown{margin-left:auto;color:#ffc163;border-color:rgba(255,164,45,.58)}

.live-page .stream-card-body h3,
.live-page .stream-card-body h4,
.live-page .stream-card-body strong {
  margin: 0;
}

.live-page .stream-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;min-width:0}
.live-page .stream-title{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.25;color:#dcebf0}
.live-page .stream-channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#91a8b0;font-size:8px;line-height:1.2}
.live-page .stream-checked{align-self:center;color:#71878f;font-size:7px;line-height:1.2;white-space:nowrap}
.live-page .stream-card[data-state="offline"] .stream-title{color:#a8b8bd}
.live-page .stream-card[data-state="scheduled"] .stream-title{color:#ffc163}

.live-page .stream-card-footer{display:flex;align-items:center;gap:7px;min-height:22px}
.live-page .stream-card-body a {
  color: #54e3ff;
  text-decoration: none;
}

.live-page .stream-card-body a:hover,
.live-page .stream-card-body a:focus-visible {
  text-decoration: underline;
}

.live-page .stream-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(217, 150, 40, 0.8);
  background: rgba(50, 33, 7, 0.72);
  color: #ffca62;
  font-size: 6px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.live-page .stream-primary-action:hover,
.live-page .stream-primary-action:focus-visible {
  background: rgba(76, 48, 9, 0.8);
  color: #ffd98b;
}

.live-page .stream-secondary-action{font:700 6px var(--mono);white-space:nowrap}

.live-page .stream-card:hover {
  border-color: rgba(116, 149, 160, 0.56);
}

@media (max-width: 1199px) {
  .live-page .stream-card-body {
    padding: 8px 8px 9px;
  }
}

@media (max-width: 599px) {
  .live-page .stream-card {
    grid-template-rows: 38px minmax(0, 1fr);
  }

  .live-page .stream-card-body {
    gap: 5px;
  }

  .live-page .stream-card-footer{align-items:stretch;flex-direction:column}
  .live-page .stream-primary-action {
    width: 100%;
  }
}

/* LIVE CARD POLISH END */


/* CLI header correction: brand, navigation and latest */
.topbar > .brand > span {
  min-width: 0;
}

.topbar > .brand strong {
  display: flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  white-space: nowrap;
}

.brand-beta {
  flex: none;
  display: inline-grid;
  place-items: center;
  padding: 2px 4px;
  border: 1px solid rgba(228, 200, 75, .62);
  background: rgba(228, 200, 75, .07);
  color: #e4c84b;
  font: 800 6px/1 var(--mono);
  font-style: normal;
  letter-spacing: .11em;
}

@media (min-width: 1800px) {
  .topbar {
    grid-template-columns:
      minmax(330px, 1.08fr)
      minmax(320px, .96fr)
      minmax(420px, 1.75fr)
      minmax(205px, .72fr)
      minmax(340px, 1.12fr)
      minmax(175px, .62fr);
  }

  .topbar > .brand {
    min-width: 330px;
    overflow: visible;
  }

  .topbar > .dashboard-nav {
    min-width: 320px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.35fr .9fr;
    gap: 3px;
  }

  .topbar > .dashboard-nav a {
    min-width: 0;
    display: grid;
    place-items: center;
    padding-inline: 9px;
  }

  .topbar > .headline-carousel {
    min-width: 0;
    overflow: hidden;
  }

  .headline-carousel .headline-row {
    min-width: 0;
    grid-template-columns: 28px minmax(0, 1fr) 28px;
  }

  .headline-carousel .headline-content,
  .headline-carousel .headline-title {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 599px) {
  .topbar > .brand strong {
    white-space: normal;
  }

  .brand-beta {
    font-size: 5.5px;
  }
}


/* BETA badge beneath brand subtitle */
.topbar > .brand > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
}

.topbar > .brand strong {
  display: block;
  white-space: nowrap;
}

.topbar > .brand .brand-beta {
  justify-self: start;
  margin-top: 4px;
  padding: 2px 5px;
}

/* VISIBLE SHARED FOOTER BAR */
.shell > footer {
  position: static;
  z-index: auto;
  flex: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 30px;
  height: 30px;
  box-sizing: border-box;
  margin: 0;
  padding: 4px 14px;
  border: 0;
  border-top: 1px solid #355563;
  background: #071217;
  color: #a7bec6;
  font: 700 8px/1.2 var(--mono);
  letter-spacing: .045em;
}

.shell > footer .footer-context {
  min-width: 0;
  color: #a7bec6;
  font-size: 8px;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}

.shell > footer .footer-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 3px 9px;
  min-width: 0;
}

.shell > footer .footer-nav a,
.shell > footer .footer-nav button {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  color: #bad0d7;
  font: 700 8px/1.2 var(--mono);
  letter-spacing: .025em;
}

.shell > footer .footer-nav a:hover,
.shell > footer .footer-nav button:hover {
  color: #ecfbff;
  background: rgba(37, 206, 235, .1);
}

.control-deck,
.control-deck > * {
  min-width: 0;
}

@media (max-width: 767px) {
  .shell > footer {
    grid-template-columns: minmax(0, 1fr);
    min-height: 72px;
    height: auto;
    margin-top: 8px;
    padding: 10px 12px;
    row-gap: 6px;
    align-items: flex-start;
  }

  .shell > footer .footer-nav {
    width: 100%;
    justify-content: flex-start;
  }

  .shell > footer .footer-nav a,
  .shell > footer .footer-nav button {
    min-height: 32px;
  }
}

/* INCIDENT DESKTOP VERTICAL SCROLL */
@media (min-width: 1200px) {
  body.incident-page {
    overflow-y: auto;
  }

  .incident-page .shell {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }
}

/* INCIDENT FIXED DESKTOP CONTROL DECK */
@media (min-width: 1200px) and (min-height: 760px) {
  body.incident-page {
    overflow: hidden;
  }

  .incident-page .shell {
    height: 100vh;
    min-height: 0;
    overflow: hidden;
  }

  .incident-page .shell > main,
  .incident-page .command-grid {
    min-height: 0;
  }

  .incident-page .controls-primary {
    grid-template-columns:
      minmax(250px, 21fr)
      minmax(560px, 35fr)
      minmax(0, 44fr);
    gap: 10px;
    align-items: stretch;
  }

  .incident-page .small-boat-panel {
    min-width: 0;
    padding-right: 10px;
  }

  .incident-page .layers {
    min-width: 0;
    max-height: 88px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    align-content: start;
  }

  .incident-page .control-deck {
    padding: 6px 10px;
  }
}

/* Short desktop screens use normal document scrolling. */
@media (min-width: 1200px) and (max-height: 759px) {
  body.incident-page {
    overflow-y: auto;
  }

  .incident-page .shell {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  .incident-page .controls-primary {
    grid-template-columns:
      minmax(250px, 21fr)
      minmax(560px, 35fr)
      minmax(0, 44fr);
  }
}


/* STANDARD VERTICAL SCROLLBARS */
.timeline,
.analytics-column,
.incident-page .layers,
.systems-page .region-list,
.live-layout,
.live-sidebar article,
.map-legend {
  scrollbar-width: thin;
  scrollbar-color: #526e79 #071116;
  scrollbar-gutter: stable;
}

.timeline::-webkit-scrollbar,
.analytics-column::-webkit-scrollbar,
.incident-page .layers::-webkit-scrollbar,
.systems-page .region-list::-webkit-scrollbar,
.live-layout::-webkit-scrollbar,
.live-sidebar article::-webkit-scrollbar,
.map-legend::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.timeline::-webkit-scrollbar-track,
.analytics-column::-webkit-scrollbar-track,
.incident-page .layers::-webkit-scrollbar-track,
.systems-page .region-list::-webkit-scrollbar-track,
.live-layout::-webkit-scrollbar-track,
.live-sidebar article::-webkit-scrollbar-track,
.map-legend::-webkit-scrollbar-track {
  background: #071116;
  border-left: 1px solid #172a32;
}

.timeline::-webkit-scrollbar-thumb,
.analytics-column::-webkit-scrollbar-thumb,
.incident-page .layers::-webkit-scrollbar-thumb,
.systems-page .region-list::-webkit-scrollbar-thumb,
.live-layout::-webkit-scrollbar-thumb,
.live-sidebar article::-webkit-scrollbar-thumb,
.map-legend::-webkit-scrollbar-thumb {
  min-height: 34px;
  border: 1px solid #071116;
  border-radius: 999px;
  background: #526e79;
}

.timeline::-webkit-scrollbar-thumb:hover,
.analytics-column::-webkit-scrollbar-thumb:hover,
.incident-page .layers::-webkit-scrollbar-thumb:hover,
.systems-page .region-list::-webkit-scrollbar-thumb:hover,
.live-layout::-webkit-scrollbar-thumb:hover,
.live-sidebar article::-webkit-scrollbar-thumb:hover,
.map-legend::-webkit-scrollbar-thumb:hover {
  background: #74939e;
}

.timeline::-webkit-scrollbar-corner,
.analytics-column::-webkit-scrollbar-corner,
.incident-page .layers::-webkit-scrollbar-corner,
.systems-page .region-list::-webkit-scrollbar-corner,
.live-layout::-webkit-scrollbar-corner,
.live-sidebar article::-webkit-scrollbar-corner,
.map-legend::-webkit-scrollbar-corner {
  background: #071116;
}

.systems-source-summary { margin: 0 10px 7px; border: 1px solid #263b43; background: #050c10; color: #9eb3ba; font: 700 7px/1.35 var(--mono); }
.systems-source-summary summary { padding: 7px 9px; cursor: pointer; letter-spacing: .08em; color: #b8d4db; }
.systems-source-summary > div { display: grid; gap: 5px; max-height: 160px; padding: 0 8px 8px; overflow-y: auto; }
.source-state { min-width: 0; padding: 5px 0; border-top: 1px solid #1d3037; }
.source-state div { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.source-state a, .source-state strong { min-width: 0; color: #c0d6dc; overflow-wrap: anywhere; }
.source-state b { flex: none; color: #77868c; }
.source-state.source-healthy b { color: #65c879; }
.source-state.source-stale b { color: #e4c84b; }
.source-state p { margin: 2px 0 0; color: #82969d; font-weight: 400; overflow-wrap: anywhere; }
.systems-kpis .system-kpi>div,.systems-kpis p,.system-layer-controls label,.systems-page .category-row>span { min-width: 0; overflow-wrap: anywhere; white-space: normal; text-overflow: clip; }
.systems-kpis p { font-size: clamp(7px,.48vw,9px); line-height: 1.25; }
.systems-page .category-row { grid-template-columns: minmax(92px,1.3fr) minmax(40px,1fr) 20px; }
.coverage-row { display:flex; justify-content:space-between; gap:10px; padding:5px 0; border-bottom:1px solid #1d3037; color:#9eb3ba; font:700 8px/1.2 var(--mono); }
.coverage-row b { color:#c3d9df; }
.coverage-statement{margin:0;padding:6px 0 2px;color:#c3d9df;font:800 9px/1.3 var(--mono)}.coverage-definition,.coverage-domains{margin:0;padding:2px 0;color:#82969d;font:400 8px/1.35 var(--mono)}
.systems-source-summary, .systems-source-summary * { max-width:100%; box-sizing:border-box; }
.systems-feed-summary{margin:0 10px 6px;padding:6px 8px;border:1px solid #263b43;background:#071116;color:#9fc2cb;font:700 clamp(7px,.48vw,9px)/1.35 var(--mono);letter-spacing:.035em;overflow-wrap:anywhere}
.source-state.source-failed b{color:#ff5656}.source-state.source-unconfigured b{color:#d2a95c}.source-state.source-unsupported b,.source-state.source-unavailable b{color:#8b989d}
.systems-page .region-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;max-height:190px}.systems-page .region-row{grid-template-columns:minmax(92px,1.35fr) minmax(36px,1fr) 20px;min-width:0}.systems-page .region-row span{white-space:normal;line-height:1.15}.systems-page .region-row.region-unassigned{grid-column:1/-1;grid-template-columns:minmax(110px,1.2fr) minmax(90px,1fr) 20px}.systems-page .region-note{color:#728991;font-size:7px}
.system-layer-controls label{align-items:center;gap:4px}.system-layer-controls label span{min-width:0;overflow-wrap:anywhere}.system-layer-controls label[data-availability="live"] span{color:#65c879}.system-layer-controls label[data-availability="partial"] span,.system-layer-controls label[data-availability="stale"] span{color:#e4c84b}.system-layer-controls label[data-availability="failed"] span{color:#ff5656}.system-layer-controls label[data-availability="unconfigured"] span{color:#d2a95c}.system-layer-controls label[data-availability="unsupported"] span,.system-layer-controls label[data-availability="unavailable"] span{color:#77868c}.systems-historical #map-count,.systems-historical #systems-feed-summary{color:#e4c84b;border-color:#806f28}
@media(max-width:599px){.systems-page .region-list{grid-template-columns:1fr}.systems-page .region-row.region-unassigned{grid-column:1}.systems-feed-summary{font-size:7px}.system-layer-controls label{font-size:7px}}

/* Responsive usability pass */
html { overflow-x: clip; }
body { min-width: 0; overflow-x: clip; }
img, svg, canvas, iframe { max-width: 100%; }
.shell, .shell > main, .topbar, .command-grid, .control-deck { max-width: 100%; }
.source-card, .source-details, .modal-body, .modal-body a { min-width: 0; overflow-wrap: anywhere; }

dialog {
  max-width: min(600px, calc(100vw - 24px));
  max-height: min(90dvh, calc(100vh - 24px));
  overflow: auto;
  overscroll-behavior: contain;
}
dialog[open] { display: flex; flex-direction: column; }
dialog .modal-body { min-height: 0; overflow: auto; }
body:has(dialog[open]) { overflow: hidden; }
.modal-close { width: 44px; height: 44px; display: grid; place-items: center; }
.cluster-incident-option { min-height: 48px; }
.source-card .source-link { min-height: 44px; display: inline-flex; align-items: center; }

.corrections-page .topbar {
  min-height: 76px;
  height: auto;
  grid-template-columns: minmax(260px, 1fr) auto;
  grid-template-rows: minmax(60px, auto);
}
.corrections-page .topbar > .brand { grid-column: 1; grid-row: 1; }
.corrections-page .topbar > .dashboard-nav { grid-column: 2; grid-row: 1; }
.corrections-page main { display: block; }
.corrections-page main > .panel { width: min(760px, 100%); margin: 0 auto; padding: clamp(18px, 4vw, 40px); }
.corrections-page .modal-body { font-size: 16px; line-height: 1.6; }
.corrections-page .modal-body a { min-height: 44px; display: inline-flex; align-items: center; color: var(--cyan); }

@media (max-width: 1199px) {
  .kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kpis article { border-bottom: 1px solid #2c3b42; }
  .kpis article:nth-child(3n) { border-right: 0; }
  .shell > main { overflow: visible; }
}

@media (max-width: 767px) {
  :root {
    --font-app-base: 16px;
    --font-app-small: 13px;
    --font-app-micro: 11px;
    --font-panel-title: 15px;
    --font-kpi-label: 11px;
    --font-kpi-value: 24px;
    --font-timeline-title: 15px;
    --font-timeline-summary: 14px;
    --font-timeline-meta: 12px;
    --font-chart-label: 11px;
    --font-control: 12px;
    --font-footer: 11px;
  }

  .shell { width: 100%; overflow-x: clip; }
  button { min-height: 44px; }
  .shell > main { width: 100%; min-width: 0; }
  .topbar {
    min-height: 372px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 60px 48px 82px 64px 94px;
    gap: 6px;
    padding: 6px;
  }
  .topbar > .brand { grid-column: 1 / -1; grid-row: 1; min-width: 0; padding: 6px 8px; }
  .topbar > .dashboard-nav { grid-column: 1 / -1; grid-row: 2; min-width: 0; padding: 0; }
  .topbar > .headline-carousel { grid-column: 1 / -1; grid-row: 3; height: 82px; padding: 7px 8px; }
  .topbar > .activity-status { grid-column: 1; grid-row: 4; height: 64px; padding: 7px 8px; }
  .topbar > .support-cta { grid-column: 2; grid-row: 4; height: 64px; border-top: 0; }
  .topbar > .weather-carousel { grid-column: 1 / -1; grid-row: 5; height: 94px; min-height: 0; padding: 7px 8px; }
  .topbar .brand small { font-size: 10px; }
  .topbar .dashboard-nav { display: grid; grid-template-columns: 1fr 1.35fr; }
  .topbar .dashboard-nav a { min-width: 0; min-height: 44px; padding: 4px; font-size: 10px; white-space: normal; text-align: center; }
  .headline-carousel .headline-row { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 5px; }
  .headline-carousel .headline-row button, .weather-nav { width: 44px; height: 44px; min-height: 44px; }
  .headline-row .headline-title { font-size: 12px; -webkit-line-clamp: 2; line-clamp: 2; }
  .headline-carousel > .headline-meta, .headline-heading, .weather-heading, .weather-footer { font-size: 10px; }
  .topbar .activity-status small, .topbar .activity-status b { font-size: 9px; }
  .topbar .activity-status strong { font-size: 15px; }
  .support-cta { padding: 7px 8px; gap: 2px 5px; }
  .support-cta-copy strong { font-size: 9px; }
  .support-cta-action { min-height: 22px; font-size: 8px; }
  .weather-location { font-size: 12px; }
  .weather-nation, .weather-condition, .weather-details { font-size: 10px; }
  .weather-footer a { font-size: 10px; }

  .kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .kpis article { min-width: 0; min-height: 92px; padding: 10px; scroll-snap-align: none; }
  .kpis article:nth-child(odd) { border-right: 1px solid #2c3b42; }
  .kpis article:nth-child(even) { border-right: 0; }
  .incident-kpis article:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .kpis p, .systems-kpis p { font-size: 11px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }

  #filter-toggle { min-height: 44px; height: auto; font-size: 12px; }
  #filter-fields { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 10px; }
  #filter-fields label { gap: 5px; font-size: 11px; }
  #filter-fields select, #filter-fields input, #clear-filters { min-height: 44px; height: 44px; padding-inline: 8px; font-size: 16px; }

  .incident-page .timeline-panel, .systems-page .timeline-panel { order: 1; height: 560px; }
  .incident-page .map-panel, .systems-page .map-panel { order: 2; height: clamp(380px, 70vh, 540px); min-height: 380px; }
  .incident-page .analytics-column, .systems-page .analytics-column { order: 3; }
  .timeline-item { grid-template-columns: minmax(54px, 64px) minmax(0, 1fr); gap: 10px; min-height: 72px; padding: 12px 10px 12px 20px; }
  .timeline-item .tag { white-space: normal; }
  .tag { font-size: 10px; line-height: 1.25; }
  .panel-title, .map-head { min-height: 54px; height: auto; }
  .map-tools { top: 58px; grid-template-columns: repeat(2, 44px); }
  .map-tools button { width: 44px; height: 44px; }
  .legend-toggle { min-width: 72px; min-height: 44px; top: 58px; font-size: 10px; }
  .map-legend { top: 108px; width: min(250px, calc(100% - 14px)); font-size: 11px; }
  .map-attribution { max-width: calc(100% - 14px); font-size: 10px; overflow-wrap: anywhere; }

  .control-deck { padding: 10px; }
  .controls-primary { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .replay-block, .small-boat-panel, .layers { padding: 0 0 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .small-boat-panel { grid-template-rows: auto auto auto minmax(96px, 1fr); gap: 5px; }
  .small-boat-head { align-items: baseline; flex-wrap: wrap; }
  .small-boat-head h2 { font-size: 12px; }
  .small-boat-source, .small-boat-meta { font-size: 9px; }
  .small-boat-summary { gap: 3px; }
  .small-boat-summary strong:first-child { font-size: 12px; }
  .small-boat-summary strong:last-child { font-size: 10px; }
  .small-boat-chart-wrap, .small-boat-chart-wrap svg { min-height: 96px; }
  .small-boat-date-label { font-size: 8px; }
  .small-boat-tooltip { bottom: 20px; font-size: 9px; }
  .control-title { font-size: 11px; }
  .replay-controls { grid-template-columns: 44px minmax(60px, auto) minmax(0, 1fr); }
  .replay-controls button { min-height: 44px; height: 44px; }
  .replay-controls #replay-speed { grid-column: 1 / -1; min-height: 44px; }
  .incident-type-controls, .map-display-controls, .system-layer-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 8px; }
  .incident-layers label, .system-layer-controls label, .layers label { min-height: 44px; font-size: 12px; }
  .incident-layers input, .system-layer-controls input, .layers input { width: 20px; height: 20px; flex: none; }

  .analytic { padding: 12px; }
  .chart-head { min-height: 34px; height: auto; gap: 8px; }
  .chart-head h2 { font-size: 12px; }
  .chart-head b, .chart-head small { font-size: 10px; text-align: right; }
  .category-row, .region-row, .systems-chart-key, .systems-chart-empty { font-size: 11px; }
  .systems-source-summary, .systems-feed-summary { font-size: 11px; line-height: 1.45; }
  .systems-source-summary summary { min-height: 44px; display: flex; align-items: center; font-size: 11px; }
  .source-state p, .coverage-definition, .coverage-domains, .coverage-row { font-size: 11px; }

  .live-page .live-toolbar { gap: 8px; padding: 10px; }
  .live-toolbar-title { flex-basis: 100%; min-width: 0; }
  .live-page .live-toolbar h1 { font-size: 16px; }
  .live-toolbar-title p, .live-page .toolbar-refresh { font-size: 12px; }
  .stream-filter-segments button, .live-page .live-toolbar > button { min-height: 44px; font-size: 10px; }
  .live-page .stream-card { min-height: 0; grid-template-rows: minmax(48px, auto) auto; }
  .live-page .stream-card-head { padding: 6px 10px; }
  .live-page .stream-card-head strong { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
  .live-page .stream-card-head > span:last-child { min-height: 36px; font-size: 10px; }
  .live-page .stream-card-body { padding: 8px; gap: 8px; }
  .live-page .stream-title { font-size: 14px; white-space: normal; overflow-wrap: anywhere; }
  .live-page .stream-channel, .live-page .stream-checked { font-size: 12px; white-space: normal; overflow-wrap: anywhere; }
  .live-page .stream-primary-action, .live-page .stream-secondary-action { min-height: 44px; font-size: 11px; }
  .live-page .stream-secondary-action { display: inline-flex; align-items: center; }

  .shell > footer .footer-nav a, .shell > footer .footer-nav button { min-height: 44px; font-size: 11px; }
  dialog { width: calc(100vw - 12px); max-width: calc(100vw - 12px); max-height: calc(100dvh - 12px); margin: auto; padding: 52px 16px 16px; }
  dialog .modal-body { font-size: 16px; line-height: 1.5; }
  dialog button { min-height: 44px; }
  .source-card { flex-direction: column; }
  .source-card .source-link { width: 100%; }

  .corrections-page .topbar { min-height: 120px; grid-template-columns: minmax(0, 1fr); grid-template-rows: 64px 48px; }
  .corrections-page .topbar > .brand { grid-column: 1; grid-row: 1; }
  .corrections-page .topbar > .dashboard-nav { grid-column: 1; grid-row: 2; }
  .corrections-page main { padding: 6px; }
}

@media (max-width: 359px) {
  .topbar { min-height: 386px; grid-template-rows: 66px 52px 82px 64px 94px; }
  .topbar .brand strong { font-size: 15px; white-space: normal; }
  .topbar .dashboard-nav a { font-size: 9px; }
  .weather-slide { grid-template-columns: minmax(0, .8fr) auto minmax(0, 1fr); }
  .kpis { grid-template-columns: minmax(0, 1fr); }
  .kpis article, .kpis article:nth-child(odd) { border-right: 0; }
  .incident-kpis article:last-child:nth-child(odd) { grid-column: auto; }
  .incident-type-controls, .map-display-controls, .system-layer-controls { grid-template-columns: minmax(0, 1fr); }
  .stream-filter-segments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (pointer: coarse) {
  button, [role="button"], .dashboard-nav a, .ops-tabs a { min-height: 44px; }
}


/* Simplified support CTA presentation. */
.support-cta {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: start;
  justify-items: start;
  gap: 6px;
  padding: 8px 9px;
  border: 2px solid #ffe34f;
  background:
    radial-gradient(circle at 24% 24%, #fff23c 0, #ffc61b 31%, transparent 58%),
    linear-gradient(135deg, #ffc515, #e89008 72%, #9d5b04);
  color: #191303;
  box-shadow:
    0 0 0 1px rgba(255, 231, 93, .7),
    0 0 20px rgba(255, 177, 0, .48),
    inset 0 0 17px rgba(255, 248, 175, .3);
  animation: supportBrightPulse 3.8s ease-in-out infinite;
}

.support-cta::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 3px;
  border: 1px solid rgba(77, 48, 0, .55);
  box-shadow: inset 0 0 8px rgba(255, 245, 137, .35);
  pointer-events: none;
  animation: supportFramePulse 3.8s ease-in-out infinite;
}

.support-cta::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    110deg,
    transparent 20%,
    rgba(255, 246, 181, .34) 50%,
    transparent 80%
  );
  transform: translateX(-120%);
  animation: supportLightSweep 6.5s ease-in-out infinite;
}

.support-cta-copy {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
}

.support-cta-copy strong {
  display: block;
  color: #1a1503;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: .025em;
  text-shadow: 0 1px rgba(255, 247, 157, .25);
  white-space: normal;
  animation: supportTitlePulse 3.8s ease-in-out infinite;
}

.support-cta-copy strong span {
  display: block;
}

.support-cta-copy small {
  display: block;
  margin-top: 4px;
  color: #342407;
  font-family: Arial, sans-serif;
  font-size: 7px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .01em;
}

.support-cta-action {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  width: min(82%, 110px);
  max-width: 100%;
  min-width: 0;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid #ffe058;
  background: linear-gradient(145deg, #332609, #100d06 72%);
  color: #ffd323;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow:
    0 0 0 1px rgba(72, 43, 0, .72),
    0 0 11px rgba(255, 224, 49, .55),
    inset 0 0 9px rgba(255, 181, 0, .12);
  animation: supportButtonBrightPulse 3.8s ease-in-out infinite;
}

.support-cta-action > span {
  display: inline-block;
  animation: supportArrowNudge 6.5s ease-in-out infinite;
}

.support-cta:hover,
.support-cta:focus-visible {
  border-color: #fff0aa;
  background:
    radial-gradient(circle at 24% 24%, #fff87b 0, #ffd32c 32%, transparent 60%),
    linear-gradient(135deg, #ffd21e, #f19b08 72%, #a96204);
  box-shadow:
    0 0 0 1px rgba(255, 225, 130, .7),
    0 0 27px rgba(255, 177, 0, .5),
    inset 0 0 22px rgba(255, 177, 0, .12);
}

.support-cta:hover .support-cta-action,
.support-cta:focus-visible .support-cta-action {
  background: linear-gradient(145deg, #49340a, #171005 72%);
  color: #fff06c;
  box-shadow:
    inset 0 1px rgba(255,255,255,.82),
    0 0 18px rgba(255, 203, 64, .72);
}

@keyframes supportBrightPulse {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(255, 199, 55, .3),
      0 0 13px rgba(255, 174, 0, .22),
      inset 0 0 15px rgba(255, 174, 0, .06);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(255, 224, 126, .68),
      0 0 25px rgba(255, 174, 0, .48),
      inset 0 0 21px rgba(255, 174, 0, .11);
  }
}

@keyframes supportButtonBrightPulse {
  0%, 100% {
    box-shadow:
      inset 0 1px rgba(255,255,255,.68),
      0 0 10px rgba(255, 190, 28, .42);
  }
  50% {
    box-shadow:
      inset 0 1px rgba(255,255,255,.82),
      0 0 18px rgba(255, 203, 64, .7);
  }
}

@keyframes supportFramePulse {
  0%, 100% {
    border-color: rgba(77, 48, 0, .55);
    box-shadow: inset 0 0 8px rgba(255, 245, 137, .35);
  }
  50% {
    border-color: rgba(255, 250, 178, .92);
    box-shadow: inset 0 0 13px rgba(255, 252, 197, .7);
  }
}

@keyframes supportTitlePulse {
  0%, 100% { text-shadow: 0 1px rgba(255, 247, 157, .25); }
  50% { text-shadow: 0 0 7px rgba(255, 249, 170, .72); }
}

@keyframes supportArrowNudge {
  0%, 72%, 88%, 100% { transform: translateX(0); }
  80% { transform: translateX(3px); }
}

@keyframes supportLightSweep {
  0%, 67%, 100% { transform: translateX(-120%); }
  84% { transform: translateX(120%); }
}

@media (max-width: 899px) {
  .support-cta {
    gap: 3px;
    padding: 6px 7px;
  }

  .support-cta-copy strong {
    font-size: 9px;
  }

  .support-cta-copy small {
    margin-top: 2px;
    font-size: 6px;
  }

  .support-cta-action {
    width: min(72%, 96px);
    min-width: 0;
    min-height: 20px;
    padding: 3px 7px;
    font-size: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .support-cta,
  .support-cta::before,
  .support-cta::after,
  .support-cta-copy strong,
  .support-cta-action,
  .support-cta-action > span {
    animation: none;
  }
}


/* BRAND LOCKUP START */
.topbar .brand {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 2px;
  min-width: 255px;
  padding: 7px 12px;
}

.brand-lockup-image {
  display: block;
  width: min(220px, 100%);
  height: auto;
  max-height: 48px;
  object-fit: contain;
  object-position: left center;
}

.brand-lockup-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.topbar .brand-lockup-meta small {
  overflow: hidden;
  color: #8aa0aa;
  font-size: 6px;
  line-height: 1.2;
  letter-spacing: .14em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar .brand-lockup-meta .brand-beta {
  flex: none;
  margin: 0;
}

@media (max-width: 1499px) {
  .topbar .brand {
    grid-template-columns: minmax(110px, 130px) minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
  }

  .brand-lockup-image {
    width: 130px;
    max-height: none;
  }

  .brand-lockup-meta {
    display: grid;
    gap: 3px;
    align-content: center;
  }

  .topbar .brand-lockup-meta small {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }

  .topbar .brand-lockup-meta .brand-beta {
    justify-self: start;
  }
}

@media (max-width: 599px) {
  .topbar .brand {
    grid-template-columns: minmax(118px, 150px) minmax(0, 1fr);
    padding: 5px 8px;
  }

  .brand-lockup-image {
    width: 150px;
  }
}

@media (max-width: 359px) {
  .topbar .brand {
    grid-template-columns: minmax(105px, 135px) minmax(0, 1fr);
  }

  .brand-lockup-image {
    width: 135px;
  }
}
/* BRAND LOCKUP END */

/* PUBLIC BETA LAUNCH LAYOUT START */
.topbar:not(.content-header) {
  grid-template-columns: minmax(255px,1.05fr) minmax(210px,.9fr) minmax(345px,1.85fr) minmax(165px,.72fr) minmax(285px,1.35fr);
}

.content-page { overflow-x: clip; }
.content-page .shell { min-height:100vh; height:auto; overflow:visible; }
.content-page .content-header { min-height:76px; height:auto; grid-template-columns:minmax(260px,1fr) auto; grid-template-rows:minmax(60px,auto); }
.content-page .content-header > .brand { grid-column:1; grid-row:1; }
.content-page .content-header > .dashboard-nav { grid-column:2; grid-row:1; }
.content-page main { display:block; width:100%; padding:10px 0; overflow:visible; }
.content-panel { width:min(860px,100%); margin:0 auto; padding:clamp(20px,4vw,44px); font-size:16px; line-height:1.65; }
.content-panel h1 { margin:.1em 0 .45em; color:#f4fafb; font-size:clamp(28px,4vw,44px); line-height:1.1; }
.content-panel h2 { margin:1.65em 0 .35em; color:#bdebf3; font-size:clamp(18px,2.2vw,24px); line-height:1.25; }
.content-panel p { color:#bdcbd0; }
.content-panel a { color:var(--cyan); text-underline-offset:3px; }
.content-panel a:hover { color:#9deef9; }
.content-panel a:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.beta-label { margin:0; color:var(--amber)!important; font:800 11px/1 var(--mono); letter-spacing:.14em; }
.updated-date { color:#8ea2aa!important; font-size:13px; }
.content-note { margin-top:24px; padding:12px 14px; border-left:3px solid var(--amber); background:#10150f; color:#c9c2ac!important; }

#corrections-form { display:grid; gap:18px; margin-top:28px; }
.form-field { display:grid; gap:6px; }
.form-field label { color:#e8f2f4; font-weight:750; }
.form-field small { color:#91a5ac; font-size:13px; }
.form-field input,.form-field select,.form-field textarea { width:100%; min-height:46px; padding:10px 12px; border:1px solid #39525d; border-radius:2px; background:#050d11; color:#f0f7f8; font:inherit; }
.form-field textarea { min-height:110px; resize:vertical; }
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; border-color:var(--cyan); }
.consent-field { display:flex; align-items:flex-start; gap:10px; color:#b8c8cc; font-size:14px; }
.consent-field input { flex:none; width:20px; height:20px; margin:2px 0 0; }
.form-trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.correction-submit { justify-self:start; min-height:46px; padding:10px 18px; border:1px solid #d69a2d; background:#2a1d08; color:#ffd071; font:800 12px/1 var(--mono); letter-spacing:.08em; cursor:pointer; }
.correction-submit:hover { background:#3a2809; border-color:#ffd071; }
.correction-submit:focus-visible { outline:2px solid #ffe6a2; outline-offset:3px; }
.correction-submit:disabled { opacity:.55; cursor:wait; }
.form-status { min-height:24px; margin:0; font-weight:700; }
.form-status.form-error { color:#ff8589; }
.form-status.form-success { color:#7de491; }

@media(max-width:1499px){
  .topbar:not(.content-header){grid-template-columns:minmax(290px,1.35fr) minmax(145px,.65fr) minmax(150px,.65fr) minmax(260px,1.1fr);grid-template-rows:48px 104px}
  .topbar:not(.content-header)>.brand{grid-column:1;grid-row:1}.topbar:not(.content-header)>.dashboard-nav{grid-column:2/5;grid-row:1}.topbar:not(.content-header)>.headline-carousel{grid-column:1;grid-row:2}.topbar:not(.content-header)>.activity-status{grid-column:2;grid-row:2}.topbar:not(.content-header)>.weather-carousel{grid-column:3/5;grid-row:2}
}
@media(max-width:899px){
  .topbar:not(.content-header){min-height:282px;grid-template-columns:minmax(255px,1fr) minmax(210px,.85fr);grid-template-rows:48px 104px 104px}
  .topbar:not(.content-header)>.brand{grid-column:1;grid-row:1}.topbar:not(.content-header)>.dashboard-nav{grid-column:2;grid-row:1}.topbar:not(.content-header)>.headline-carousel{grid-column:1;grid-row:2}.topbar:not(.content-header)>.activity-status{grid-column:2;grid-row:2}.topbar:not(.content-header)>.weather-carousel{grid-column:1/3;grid-row:3}
}
@media(max-width:599px){
  .topbar:not(.content-header){min-height:374px;grid-template-columns:minmax(0,1fr);grid-template-rows:50px 44px 104px 62px 104px}
  .topbar:not(.content-header)>.brand{grid-column:1;grid-row:1}.topbar:not(.content-header)>.dashboard-nav{grid-column:1;grid-row:2}.topbar:not(.content-header)>.headline-carousel{grid-column:1;grid-row:3}.topbar:not(.content-header)>.activity-status{grid-column:1;grid-row:4}.topbar:not(.content-header)>.weather-carousel{grid-column:1;grid-row:5}
  .content-page .content-header{min-height:120px;grid-template-columns:minmax(0,1fr);grid-template-rows:64px 48px}.content-page .content-header>.brand{grid-column:1;grid-row:1}.content-page .content-header>.dashboard-nav{grid-column:1;grid-row:2}.content-page main{padding:6px}.content-panel{padding:20px 16px;font-size:16px}.correction-submit{width:100%;min-height:48px}.consent-field{font-size:14px}
}
/* PUBLIC BETA LAUNCH LAYOUT END */