/* Seek-Chat status. Color and type come from the theme's tokens. */

.sc-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
  padding:4px 10px;border-radius:999px;white-space:nowrap}
.sc-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.sc-pill--up{color:var(--good);background:var(--good-soft)}
.sc-pill--warn{color:var(--warn);background:rgba(138,90,0,.1)}
.sc-pill--down{color:var(--bad);background:rgba(179,38,30,.1)}
.sc-pill--unknown{color:var(--ink-3);background:var(--sunk)}

.scstat{margin:0 0 8px;text-align:left}
.scstat__head{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.scstat__title{font-family:var(--display);font-size:22px;font-weight:700;color:var(--ink);margin:0}
.scstat__note{font-size:14.5px;color:var(--ink-2);margin:0 auto 24px;max-width:70ch;text-align:center}

.scstat__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.scstat__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:20px}
.scstat__cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.scstat__name{font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink);margin:0}
.scstat__cardnote{font-size:13.5px;color:var(--ink-2);margin:0 0 16px;line-height:1.5}

.scstat__strip{display:flex;gap:1.5px;list-style:none;margin:0 0 14px;padding:0;height:32px}
.scstat__day{flex:1 1 0;min-width:2px;border-radius:1px}
.scstat__day--up{background:var(--good)}
.scstat__day--slow{background:var(--warn)}
.scstat__day--down{background:var(--bad)}
.scstat__day--none{background:var(--line)}

.scstat__figures{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;
  font-size:13px;color:var(--ink-2);align-items:baseline}
.scstat__figures span:nth-child(odd){font-family:var(--mono);font-size:15px;color:var(--ink);
  font-variant-numeric:tabular-nums;font-weight:600}
.scstat__flabel{font-size:12.5px}
.scstat__insufficient{font-size:13.5px!important;font-weight:600;color:var(--ink-2)!important;
  font-family:inherit!important;white-space:nowrap}

.scstat__checked{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin:18px 0 0}
.scstat__legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12.5px;
  color:var(--ink-2);margin:12px 0 0}
.scstat__key{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:-10px}
.scstat__key--up{background:var(--good)}
.scstat__key--slow{background:var(--warn)}
.scstat__key--down{background:var(--bad)}
.scstat__key--none{background:var(--line)}
.scstat__empty{font-size:15px;color:var(--ink-2);margin:0}