/* Shared visual refinements for the local and national briefing dashboards. */
:root {
  --dashboard-page-gutter: 14px;
  --dashboard-card-gap: 10px;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.county-briefing #alertsRow {
  gap: var(--dashboard-card-gap) !important;
}

body.county-briefing #alertsRow > .briefing-column {
  gap: var(--dashboard-card-gap) !important;
}

body.national-dashboard #dashboardStartupProgress,
body.national-dashboard > footer {
  margin-inline: var(--dashboard-page-gutter) !important;
}

.feed-inline-error {
  margin-top: 6px;
  color: #b42318;
  font-size: 0.8rem;
  font-weight: 650;
}

body.county-briefing[data-briefing-theme="night"] .feed-inline-error {
  color: #fca5a5;
}

#outage-pill.outage-error .pill-dot {
  background-color: #dc2626;
}

#outage-pill.outage-error {
  border-color: #dc2626;
}

@media (max-width: 800px) {
  :root {
    --dashboard-page-gutter: 8px;
    --dashboard-card-gap: 8px;
  }

  body.national-dashboard #alertsRow {
    margin-inline: var(--dashboard-page-gutter) !important;
  }
}