.uptime{display:inline-grid;gap:2px;border-radius:9px;padding:7px 10px;min-width:92px;background:var(--grey-bg);color:var(--grey)}
.uptime strong{font-size:12px;line-height:1.1;white-space:nowrap}
.uptime small{font-size:9px;opacity:.78;white-space:nowrap}
.uptime--good{background:var(--green-bg);color:var(--green)}
.uptime--warn{background:var(--amber-bg);color:var(--amber)}
.uptime--bad{background:var(--red-bg);color:var(--red)}
.uptime-panel .panel__head>.uptime{justify-items:end}
.uptime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.uptime-grid article,.runtime-grid article{background:#fff;padding:18px 21px;display:grid;gap:6px}
.uptime-grid span,.runtime-grid span{font-size:9px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.uptime-grid strong,.runtime-grid strong{font-size:21px;letter-spacing:-.025em}
.runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.runtime-grid small{font-size:10px;color:var(--muted)}
.uptime-note{margin:0;padding:14px 21px;color:var(--muted);font-size:11px;line-height:1.55;border-top:1px solid var(--line)}
.ops-alerts{padding:4px 22px}
.ops-alerts article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5}
.ops-alerts article:last-child{border-bottom:0}
.ops-alerts article>span{font-size:10px;font-weight:900;color:var(--red);background:var(--red-bg);padding:5px 7px;border-radius:6px;align-self:start}
.ops-alerts strong{font-size:13px}
.ops-alerts p{font-size:11px;color:var(--muted);margin:4px 0 0}
@media(max-width:920px){.uptime-grid,.runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.uptime-panel .panel__head{align-items:flex-start;gap:12px}.uptime-panel .panel__head>.uptime{justify-items:start}.uptime-grid,.runtime-grid{grid-template-columns:1fr 1fr}.uptime-grid article,.runtime-grid article{padding:15px}.uptime-grid strong,.runtime-grid strong{font-size:17px}}