/* /status - live component bars (90 days). Shares tokens from sections.css. */
.st{--st-ok:#3DD68C;--st-warn:#F5B84B;--st-bad:#F87171;--st-na:rgba(255,255,255,0.1);}
.st-ok{--c:var(--st-ok);--cs:rgba(61,214,140,0.1);}
.st-warn{--c:var(--st-warn);--cs:rgba(245,184,75,0.1);}
.st-bad{--c:var(--st-bad);--cs:rgba(248,113,113,0.1);}
.st-na{--c:var(--st-na);--cs:rgba(255,255,255,0.04);}

.st-wrap{padding-top:0;}
.st-top{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--r-panel);
  background:var(--cs);border:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-0.01em;}
.st-top svg{width:24px;height:24px;color:var(--c);flex:none;}
.st-top small{margin-left:auto;font-family:var(--font-text);font-weight:500;font-size:14px;color:var(--fg-2);font-variant-numeric:tabular-nums;}
.st-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 18px;font-size:13.5px;color:var(--fg-2);}
.st-legend span{display:inline-flex;align-items:center;gap:7px;}
.st-legend i{width:10px;height:10px;border-radius:3px;background:var(--c);display:block;}
.st-since{margin:0 0 14px;font-size:14px;color:var(--fg-3);}

.st-comp{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-panel);padding:20px 22px;margin-bottom:12px;}
.st-comp-h{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.st-comp-h b{flex:1;min-width:120px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-0.01em;}
.st-up{font-size:14px;color:var(--fg-2);font-variant-numeric:tabular-nums;}
.st-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--cs);
  font-size:14px;font-weight:600;white-space:nowrap;}
.st-pill em{font-style:normal;}
.st-web .st-comp-h{margin-bottom:0;}
.st-pill i{width:8px;height:8px;border-radius:50%;background:var(--c);display:block;}
.st-bars{display:flex;gap:2px;height:34px;}
.st-bars span{flex:1;min-width:0;border-radius:3px;background:var(--c);opacity:.85;transition:opacity .12s,transform .12s;}
.st-bars span:hover{opacity:1;transform:scaleY(1.12);}
.st-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--fg-3);}
.st-err{margin:0;padding:22px;border:1px dashed var(--line-2);border-radius:var(--r-panel);color:var(--fg-2);font-size:15.5px;line-height:1.6;}
.st-load .st-bars span{background:var(--st-na);}
@media (prefers-reduced-motion:reduce){.st-bars span{transition:none;}.st-bars span:hover{transform:none;}}
@media (max-width:640px){.st-bars span:nth-child(-n+45){display:none;}.st-axis .mid{display:none;}.st-comp{padding:16px;}}
@media (max-width:520px){.st-top small{margin-left:0;flex-basis:100%;}.st-comp-h b{flex-basis:100%;}}