/* Public service health. Uses the site's existing spacing, panels and type. */
.status-main { margin-top: clamp(26px, 4vw, 42px); padding-bottom: 80px; max-width: 1000px; }
.status-summary { display: flex; align-items: center; gap: 20px; min-height: 112px; padding: 26px 30px; border: 1px solid var(--line-strong); border-radius: var(--radius); }
.status-summary .status-light { width: 15px; height: 15px; flex: none; }
.status-summary h2 { font-size: clamp(1.25rem, 2.5vw, 1.7rem); letter-spacing: -.025em; }
.status-summary p { margin-top: 4px; color: var(--muted); font-size: 14px; }
.status-light { display: inline-block; width: 9px; height: 9px; flex: none; border-radius: 50%; background: #77777c; box-shadow: 0 0 0 4px rgb(255 255 255 / .04); }
[data-state="operational"] > .status-light, [data-state="operational"] .status-service-state .status-light { background: #61c7a2; box-shadow: 0 0 0 4px rgb(97 199 162 / .12); }
[data-state="degraded"] > .status-light, [data-state="maintenance"] > .status-light, [data-state="maintenance"] .status-service-state .status-light, [data-state="degraded"] .status-service-state .status-light { background: #e7b66a; box-shadow: 0 0 0 4px rgb(231 182 106 / .14); }
[data-state="unavailable"] > .status-light, [data-state="unavailable"] .status-service-state .status-light { background: #ec8484; box-shadow: 0 0 0 4px rgb(236 132 132 / .14); }
.status-summary[data-state="operational"] { border-color: rgb(97 199 162 / .26); }
.status-summary[data-state="degraded"] { border-color: rgb(231 182 106 / .28); }
.status-summary[data-state="unavailable"] { border-color: rgb(236 132 132 / .28); }
.status-summary > .status-light { background: #77777c; }
.status-summary[data-state="operational"] > .status-light { background: #61c7a2; box-shadow: 0 0 0 6px rgb(97 199 162 / .13); }
.status-summary[data-state="degraded"] > .status-light { background: #e7b66a; box-shadow: 0 0 0 6px rgb(231 182 106 / .13); }
.status-summary[data-state="unavailable"] > .status-light { background: #ec8484; box-shadow: 0 0 0 6px rgb(236 132 132 / .13); }
.status-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 0 6px; }
.status-toolbar .label { text-transform: none; font-size: 12px; }
.status-toolbar time { margin-left: 6px; color: var(--paper-2); }
.status-refresh { min-height: 38px; padding: 7px 18px; font-size: 13px; }
.status-refresh:disabled { opacity: .5; cursor: progress; }
.status-group { margin-top: 38px; }
.status-group h2 { padding-bottom: 14px; font-size: 16px; font-weight: 600; }
.status-services { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 14px; background: rgb(255 255 255 / .018); }
.status-service { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 19px 24px; }
.status-service + .status-service { border-top: 1px solid var(--line); }
.status-service-name { display: grid; min-width: 0; gap: 2px; }
.status-service-name strong { font-size: 15px; font-weight: 600; }
.status-service-name small { color: var(--muted); font-size: 13px; }
.status-service-state { display: inline-flex; align-items: center; gap: 10px; flex: none; color: var(--paper-2); font: 500 12.5px var(--sans); }
.status-disclaimer { margin-top: 38px; max-width: 750px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.7; }
@media (max-width: 580px) {
  .status-summary { padding: 22px 20px; gap: 16px; }
  .status-service { padding: 16px; align-items: flex-start; }
  .status-service-state { font-size: 0; padding-top: 6px; }
  .status-service-state [data-state-label] { font-size: 11.5px; }
  .status-service-name strong { font-size: 14px; }
}