/* V35.58: quiet, explicit status colors and compact mobile history. */
.status-banner.unknown{border-color:rgba(159,149,173,.2);background:rgba(159,149,173,.045)}
.status-banner .status-dot{flex:0 0 11px}
.status-banner.unknown .status-dot,.service.unknown .status-dot,.service.offline .status-dot{background:#91889c;box-shadow:none}
.service.ok .status-dot{background:#32db98;box-shadow:0 0 10px rgba(50,219,152,.2)}
.service.warn .status-dot{background:#f4b94e}
.service.bad .status-dot{background:#ef4d70}
.service.warn{border-color:rgba(244,185,78,.2);background:linear-gradient(180deg,rgba(37,27,15,.3),rgba(8,7,11,.9))}
.service.offline{color:inherit}
.service .service-detail{color:#93889f;font-size:11px;line-height:1.6}
.check-track i.warn,.overall-track i.warn,.timeline-key i.warn{background:#f4b94e}
.incident.warn{border-color:rgba(244,185,78,.2);background:rgba(244,185,78,.035)}
.incident.warn .incident-tags span{border-color:rgba(244,185,78,.24);color:#f4c877}
.incident.neutral{border-color:rgba(160,145,176,.16);background:rgba(160,145,176,.025)}
.uptime-number{color:#bcb2c8;font-size:12px;text-align:right}
.overall-history-head{align-items:center}
.status-refresh{margin:14px 0 0;font-family:inherit;cursor:pointer;min-height:42px}
.status-refresh:disabled{opacity:.6;cursor:wait}
.status-refresh:focus-visible{outline:2px solid #b76cff;outline-offset:3px}
.timeline-key{line-height:1.7}
.overall-track,.check-track{grid-template-columns:repeat(90,minmax(0,1fr));gap:2px}
@media(max-width:600px){.service-head,.overall-history-head{align-items:flex-start;flex-direction:column;gap:9px}.card{padding:18px}.service{padding:15px}.check-track,.overall-track{gap:1px}.check-track i,.overall-track i{border:0;min-width:0;border-radius:2px}.incident-head{align-items:flex-start;flex-direction:column}.uptime-number{text-align:left}.hero{padding-top:40px}.timeline-key{gap:9px}}
@media(prefers-reduced-motion:reduce){.service{transition:none}}