.stb{--stb-op: var(--green);--stb-degraded: var(--amber);--stb-down: var(--red);--stb-unknown: color-mix(in srgb, var(--text-ter) 40%, transparent);display:flex;flex-direction:column;gap:18px}.stb-verdict{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card)}.stb-verdict__icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:color-mix(in srgb,var(--text-ter) 18%,transparent);color:var(--text-sec)}.stb-verdict__icon svg{width:22px;height:22px}.stb-verdict__body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px}.stb-verdict__title{font-size:1.15rem;font-weight:650;letter-spacing:-.01em}.stb-verdict__sub{font-size:.86rem;color:var(--text-sec)}.stb-verdict__meta{flex:0 0 auto;text-align:right;font-size:.72rem;color:var(--text-ter);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:2px}.stb-verdict.is-operational{border-color:color-mix(in srgb,var(--stb-op) 34%,var(--border-strong));background:color-mix(in srgb,var(--stb-op) 5%,var(--card))}.stb-verdict.is-operational .stb-verdict__icon{background:color-mix(in srgb,var(--stb-op) 16%,transparent);color:var(--stb-op)}.stb-verdict.is-degraded{border-color:color-mix(in srgb,var(--stb-degraded) 40%,var(--border-strong));background:color-mix(in srgb,var(--stb-degraded) 7%,var(--card))}.stb-verdict.is-degraded .stb-verdict__icon{background:color-mix(in srgb,var(--stb-degraded) 18%,transparent);color:var(--stb-degraded)}.stb-verdict.is-down{border-color:color-mix(in srgb,var(--stb-down) 42%,var(--border-strong));background:color-mix(in srgb,var(--stb-down) 7%,var(--card))}.stb-verdict.is-down .stb-verdict__icon{background:color-mix(in srgb,var(--stb-down) 18%,transparent);color:var(--stb-down)}.stb-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.stb-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-strong)}.stb-panel__title{font-size:.8rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-sec)}.stb-panel__note{font-size:.72rem;color:var(--text-ter)}.stb-comp{padding:18px;border-bottom:1px solid var(--border-strong)}.stb-comp:last-child{border-bottom:0}.stb-comp__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.stb-comp__name{font-size:.95rem;font-weight:600}.stb-comp__blurb{margin-top:2px;font-size:.78rem;color:var(--text-sec)}.stb-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.stb-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.stb-pill.is-operational{color:var(--stb-op);border-color:color-mix(in srgb,var(--stb-op) 30%,transparent);background:color-mix(in srgb,var(--stb-op) 10%,transparent)}.stb-pill.is-degraded{color:var(--stb-degraded);border-color:color-mix(in srgb,var(--stb-degraded) 34%,transparent);background:color-mix(in srgb,var(--stb-degraded) 12%,transparent)}.stb-pill.is-down{color:var(--stb-down);border-color:color-mix(in srgb,var(--stb-down) 36%,transparent);background:color-mix(in srgb,var(--stb-down) 12%,transparent)}.stb-pill.is-maintenance,.stb-pill.is-unknown{color:var(--text-sec);border-color:var(--border-strong);background:transparent}.stb-strip{margin-top:14px}.stb-strip__bars{display:flex;gap:2px;align-items:stretch;height:34px}.stb-bar{flex:1 1 0;min-width:3px;border-radius:2px;background:var(--stb-unknown);transition:transform 90ms ease,filter 90ms ease}.stb-bar.is-operational{background:var(--stb-op)}.stb-bar.is-degraded{background:var(--stb-degraded)}.stb-bar.is-partial{background:color-mix(in srgb,var(--stb-down) 60%,var(--stb-degraded))}.stb-bar.is-major{background:var(--stb-down)}.stb-bar:hover{transform:scaleY(1.08);filter:brightness(1.12)}.stb-strip__scale{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:.68rem;color:var(--text-ter);font-variant-numeric:tabular-nums}.stb-strip__rule{flex:1 1 auto;height:1px;background:var(--border-strong)}.stb-incident{padding:18px;border-bottom:1px solid var(--border-strong)}.stb-incident:last-child{border-bottom:0}.stb-incident__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stb-incident__title{font-size:.95rem;font-weight:640}.stb-incident__meta{margin-top:4px;font-size:.74rem;color:var(--text-ter)}.stb-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.stb-tag.is-major{color:var(--stb-down);background:color-mix(in srgb,var(--stb-down) 12%,transparent);border-color:color-mix(in srgb,var(--stb-down) 30%,transparent)}.stb-tag.is-partial{color:var(--stb-down);background:color-mix(in srgb,var(--stb-down) 8%,transparent);border-color:color-mix(in srgb,var(--stb-down) 22%,transparent)}.stb-tag.is-degraded{color:var(--stb-degraded);background:color-mix(in srgb,var(--stb-degraded) 12%,transparent);border-color:color-mix(in srgb,var(--stb-degraded) 30%,transparent)}.stb-tag.is-maintenance{color:var(--text-sec);border-color:var(--border-strong)}.stb-tag.is-resolved{color:var(--stb-op);background:color-mix(in srgb,var(--stb-op) 10%,transparent);border-color:color-mix(in srgb,var(--stb-op) 26%,transparent)}.stb-thread{margin:14px 0 0;padding:0 0 0 18px;list-style:none;border-left:2px solid var(--border-strong)}.stb-thread__item{position:relative;padding:0 0 14px}.stb-thread__item:last-child{padding-bottom:0}.stb-thread__item:before{content:"";position:absolute;left:-24px;top:5px;width:9px;height:9px;border-radius:999px;background:var(--text-ter);box-shadow:0 0 0 3px var(--card)}.stb-thread__item.is-resolved:before{background:var(--stb-op)}.stb-thread__item.is-investigating:before{background:var(--stb-down)}.stb-thread__item.is-identified:before,.stb-thread__item.is-monitoring:before{background:var(--stb-degraded)}.stb-thread__state{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stb-thread__time{margin-left:8px;font-size:.7rem;color:var(--text-ter);font-variant-numeric:tabular-nums}.stb-thread__body{margin-top:3px;font-size:.84rem;color:var(--text-sec);line-height:1.55}.stb-empty{padding:26px 18px;text-align:center;font-size:.82rem;color:var(--text-ter)}.stb-month{padding:14px 18px 4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-ter)}.stb-foot{font-size:.72rem;color:var(--text-ter);text-align:center}.stb-skeleton{opacity:.5}.stb-skeleton .stb-bar{background:var(--stb-unknown)}@media(max-width:640px){.stb-verdict{flex-wrap:wrap;gap:12px;padding:18px}.stb-verdict__meta{text-align:left;width:100%;flex-direction:row;gap:10px}.stb-comp__row{flex-direction:column;gap:8px}.stb-strip__bars{height:28px;gap:1px}}@media(prefers-reduced-motion:reduce){.stb-bar{transition:none}.stb-bar:hover{transform:none}}