/* /status. Builds on the .wh base from help.css. */
.ws2{--ws-ok:#4069ef;--ws-ok-soft:#f5f7ff;--ws-ok-line:#dbe4ff;--ws-warn:#d97706;--ws-warn-soft:#fffbeb;--ws-down:#dc2626;--ws-down-soft:#fef2f2}
.ws2-wrap{max-width:880px;padding-top:72px;padding-bottom:96px}
.ws2-head h1{font-size:clamp(32px,4.4vw,44px);line-height:1.1;font-weight:500;letter-spacing:-.032em}
.ws2-head .wh-lead{margin:12px 0 0!important;max-width:560px;font-size:17px}

.ws2-banner{display:flex;align-items:center;gap:16px;margin-top:32px;padding:20px 22px;border:1px solid var(--ws-ok-line);border-radius:16px;background:var(--ws-ok-soft)}
.ws2-banner h2{font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.015em;color:var(--wh-fg)}
.ws2-banner p{margin-top:2px!important;font-size:14px;line-height:1.55;color:var(--wh-fg-2)}
.ws2-banner>div{flex:1;min-width:0}
.ws2-pulse{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--ws-ok)}
.ws2-pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--ws-ok);opacity:.25;animation:ws2-pulse 2s ease-out infinite}
.ws2-updated{flex:none;font-size:12.5px;color:var(--wh-muted)}
.ws2-banner.is-warn{border-color:#fde68a;background:var(--ws-warn-soft)}
.ws2-banner.is-warn h2,.ws2-banner.is-warn p,.ws2-banner.is-warn .ws2-updated{color:#92400e}
.ws2-banner.is-warn .ws2-pulse,.ws2-banner.is-warn .ws2-pulse::after{background:var(--ws-warn)}
.ws2-banner.is-down{border-color:#fecaca;background:var(--ws-down-soft)}
.ws2-banner.is-down h2,.ws2-banner.is-down p,.ws2-banner.is-down .ws2-updated{color:#991b1b}
.ws2-banner.is-down .ws2-pulse,.ws2-banner.is-down .ws2-pulse::after{background:var(--ws-down)}
@keyframes ws2-pulse{0%{transform:scale(.6);opacity:.45}100%{transform:scale(1.6);opacity:0}}

.ws2-card{margin-top:16px;padding:22px;border:1px solid var(--wh-border);border-radius:16px;background:#fff}
.ws2-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.ws2-card-head h2{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.015em}
.ws2-summary{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}
.ws2-summary::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ws2-summary.is-ok{color:var(--ws-ok)}
.ws2-summary.is-warn{color:var(--ws-warn)}

.ws2-bars{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:3px;height:36px}
.ws2-bar{border-radius:3px;background:var(--ws-ok);transition:opacity .15s,transform .15s}
.ws2-bar:hover{opacity:.75;transform:scaleY(1.08)}
.ws2-bar.is-warn{background:#f59e0b}
.ws2-bar.is-down{background:#ef4444}
.ws2-bar.is-empty{background:var(--wh-subtle)}
.ws2-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--wh-muted)}
.ws2-45{display:none}

.ws2-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.ws2-grid .ws2-card{margin-top:16px}
.ws2-month{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--wh-border);border-radius:10px}
.ws2-month>span{min-width:120px;text-align:center;font-size:13.5px;font-weight:500;text-transform:capitalize}
.ws2-nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;color:var(--wh-fg)}
a.ws2-nav:hover{background:var(--wh-subtle)}
.ws2-nav[aria-disabled="true"]{color:#d4d4d8}
.ws2-week,.ws2-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.ws2-week span{padding-bottom:6px;font-size:12px;font-weight:500;color:var(--wh-muted)}
.ws2-day{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-height:44px;border-radius:9px;font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--wh-fg)}
.ws2-day:not(.is-blank):not(.is-out):hover{background:var(--wh-subtle)}
.ws2-day i{position:absolute;bottom:5px;left:50%;width:4px;height:4px;border-radius:50%;transform:translateX(-50%);background:var(--ws-ok)}
.ws2-day.is-warn i{background:#f59e0b}
.ws2-day.is-down i{background:#ef4444}
.ws2-day.is-out{color:#d4d4d8}
.ws2-day.is-today{background:#1b1b1b;color:#fff;font-weight:500}
.ws2-day.is-today:hover{background:#303030!important}
.ws2-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--wh-border-soft);font-size:12px;color:var(--wh-muted)}
.ws2-legend span{display:inline-flex;align-items:center;gap:6px}
.ws2-legend i{width:8px;height:8px;border-radius:50%}
.ws2-legend i.is-ok{background:var(--ws-ok)}
.ws2-legend i.is-warn{background:#f59e0b}
.ws2-legend i.is-down{background:#ef4444}

.ws2-none{display:flex;align-items:center;gap:10px;padding:16px;border:1px dashed var(--wh-border);border-radius:12px;font-size:14px;line-height:1.55;color:var(--wh-muted)}
.ws2-none::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ws-ok)}
.ws2-incidents{display:flex;flex-direction:column;gap:10px;list-style:none}
.ws2-incidents li{display:flex;gap:12px;padding:14px;border:1px solid var(--wh-border);border-radius:12px}
.ws2-incidents b{display:block;font-size:14px;font-weight:500}
.ws2-incidents p{margin-top:2px!important;font-size:13.5px;line-height:1.55;color:var(--wh-muted)}
.ws2-incidents time{display:block;margin-top:6px;font-size:12px;color:#a1a1aa}
.ws2-pill{flex:none;align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:500}
.ws2-pill.is-warn{background:var(--ws-warn-soft);color:#92400e}
.ws2-pill.is-down{background:var(--ws-down-soft);color:#991b1b}

@media (max-width:767px){
  .ws2-wrap{padding-top:40px;padding-bottom:64px}
  .ws2-banner{flex-wrap:wrap;padding:18px}
  .ws2-updated{width:100%;padding-left:28px}
  .ws2-card{padding:18px}
  .ws2-bars{grid-template-columns:repeat(45,minmax(0,1fr));height:30px}
  .ws2-bars .ws2-bar:nth-child(-n+45){display:none}
  .ws2-90{display:none}
  .ws2-45{display:inline}
  .ws2-grid{grid-template-columns:1fr;gap:0}
  .ws2-month>span{min-width:96px}
}
@media (prefers-reduced-motion:reduce){.ws2-pulse::after{animation:none}}