/* Status page. Builds on /css/site.css. */
.status{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 16px; border-radius:14px; border:1px solid var(--line); }
.status.ok{ background:rgba(52,211,153,.10); }
.status.warn{ background:rgba(251,191,36,.10); }
.status.down{ background:rgba(255,69,58,.12); }
.status .dot{ width:10px; height:10px; border-radius:50%; }
.status.ok .dot{ background:var(--ok); box-shadow:0 0 10px rgba(52,211,153,.8); }
.status.warn .dot{ background:var(--warn); }
.status.down .dot{ background:var(--live); }
.status .label{ font-weight:700; }
.components{ list-style:none; padding:0; margin:16px 0 0; }
.components li{ display:flex; justify-content:space-between; gap:12px; padding:12px 2px; border-bottom:1px solid var(--line); }
.components li:last-child{ border-bottom:none; }
.components .state{ font-family:var(--font-mono); font-size:.8rem; color:var(--muted); }
.components .state.up{ color:var(--ok); }
.components .state.down{ color:var(--live); }