/* Public status page; colors come from the shared dashboard theme. */
.status-page { background:var(--ws-sidebar); }
.st-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.st-icon { width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.st-frame { min-height:calc(100dvh - 32px); margin:16px; border:1px solid var(--ws-border); border-radius:12px; background:var(--ws-canvas); }
.st-header { border-bottom:1px solid var(--ws-border); }
.st-header-inner { display:flex; align-items:center; gap:22px; width:min(1120px,calc(100% - 80px)); min-height:84px; margin:auto; }
.st-brand { flex:none; gap:9px; font-size:17px; }
.st-brand img { object-fit:contain; }
.st-header-divider { width:1px; height:22px; background:var(--ws-border); }
.st-header-label { color:var(--ws-muted); font-size:12px; }
.st-header-nav { display:flex; align-items:center; gap:26px; margin-left:auto; }
.st-docs-link { display:flex; align-items:center; gap:8px; color:var(--ws-muted); font-size:12px; }
.st-docs-link .st-icon { width:15px; height:15px; transform:rotate(-45deg); }
.st-docs-link:hover { color:var(--ws-text); }
.st-main { width:min(1120px,calc(100% - 80px)); margin:0 auto; padding-top:44px; }
.st-page-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }
.st-eyebrow { display:flex; align-items:center; gap:7px; margin-bottom:12px; color:var(--ws-muted); font-size:10px; font-weight:500; letter-spacing:.12em; }
.st-live-dot { width:6px; height:6px; border-radius:50%; background:var(--ws-link); box-shadow:0 0 0 3px rgba(113,179,255,.08); }
.st-page-heading h1 { margin:0; font-size:32px; line-height:1.3; font-weight:600; letter-spacing:-.045em; }
.st-page-heading p { margin:9px 0 0; color:var(--ws-muted); font-size:12px; line-height:1.8; }
.st-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:37px; padding:0 13px; border:1px solid var(--ws-border); border-radius:8px; background:var(--ws-raised); color:var(--ws-text); font-size:11px; font-weight:500; white-space:nowrap; transition:background .15s,border-color .15s; }
.st-button:hover { background:var(--ws-hover); border-color:var(--ws-border-strong); }
.st-button .st-icon { width:15px; height:15px; }
.st-button-primary { background:var(--ws-accent); border-color:var(--ws-accent); color:#fff; }
.st-button-primary:hover { background:#087cf5; border-color:#087cf5; }
.st-refresh { align-self:flex-end; background:var(--ws-surface); }
.st-refresh:disabled { cursor:wait; color:var(--ws-muted); }
.st-refresh:disabled .st-icon { animation:st-spin 1.5s linear infinite; }
.st-banner { --st-color:var(--ws-muted); --st-tint:rgba(164,169,176,.07); --st-border:var(--ws-border); border:1px solid var(--st-border); border-radius:12px; background:linear-gradient(110deg,var(--st-tint),transparent 75%),var(--ws-surface); overflow:hidden; }
.st-banner.is-operational { --st-color:var(--ws-success); --st-tint:rgba(114,206,161,.065); --st-border:#2c4237; }
.st-banner.is-degraded { --st-color:var(--ws-warning); --st-tint:rgba(235,192,120,.065); --st-border:#51452e; }
.st-banner.is-outage { --st-color:var(--ws-danger); --st-tint:rgba(240,160,159,.065); --st-border:var(--ws-danger-border); }
.st-banner-main { display:flex; align-items:center; gap:22px; padding:32px; min-height:144px; }
.st-status-icon { display:grid; place-items:center; width:58px; height:58px; flex:none; border:1px solid var(--st-border); border-radius:17px; color:var(--st-color); background:var(--st-tint); box-shadow:0 0 0 7px var(--st-tint); }
.st-status-icon .st-icon { width:29px; height:29px; stroke-width:1.8; }
.st-banner-copy { min-width:0; }
.st-banner-eyebrow { color:var(--st-color); font-size:9px; font-weight:500; letter-spacing:.12em; }
.st-banner h2 { margin:8px 0 7px; font-size:24px; line-height:1.3; font-weight:550; letter-spacing:-.035em; }
.st-banner-copy p { margin:0; color:var(--ws-muted); font-size:12px; line-height:1.8; }
.st-live-badge { display:inline-flex; align-items:center; gap:7px; margin-left:auto; align-self:flex-start; border:1px solid var(--st-border); border-radius:6px; padding:5px 8px; background:var(--st-tint); color:var(--st-color); font-size:10px; white-space:nowrap; }
.st-live-badge > span:first-child { width:5px; height:5px; border-radius:50%; background:currentColor; }
.is-operational .st-live-badge > span:first-child { animation:st-pulse 3s ease-in-out infinite; }
.st-banner-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 25px; border-top:1px solid var(--st-border); background:rgba(0,0,0,.08); color:var(--ws-muted); font-size:10px; line-height:1.6; }
.st-banner-footer > span:first-child { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.st-banner-footer .st-icon { width:13px; height:13px; }
.st-banner-footer time { color:var(--ws-secondary); font-variant-numeric:tabular-nums; }
.st-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0 38px; }
.st-metric { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:20px; border:1px solid var(--ws-border); border-radius:11px; background:var(--ws-surface); }
.st-metric-label { color:var(--ws-muted); font-size:11px; }
.st-metric-value { display:flex; align-items:baseline; gap:7px; margin-top:13px; font-variant-numeric:tabular-nums; }
.st-metric-value strong { font-size:29px; line-height:1.15; font-weight:550; letter-spacing:-.04em; }
.st-metric-value > span { color:var(--ws-subtle); font-size:19px; font-weight:400; }
.st-metric-value > .st-metric-unit { font-size:12px; }
.st-metric p { margin:8px 0 0; color:var(--ws-subtle); font-size:10px; line-height:1.6; }
.st-metric-icon { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--ws-border); border-radius:8px; color:var(--ws-subtle); background:rgba(255,255,255,.015); }
.st-metric-icon .st-icon { width:16px; height:16px; }
.st-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 284px; align-items:start; gap:30px; }
.st-primary { min-width:0; }
.st-section { scroll-margin-top:24px; }
.st-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:17px; }
.st-section-heading h2 { margin:0; font-size:17px; font-weight:550; letter-spacing:-.025em; }
.st-section-heading p { margin:7px 0 0; color:var(--ws-muted); font-size:11px; line-height:1.7; }
.st-section-meta { padding:4px 7px; border:1px solid var(--ws-border); border-radius:5px; color:var(--ws-muted); font-size:9px; white-space:nowrap; }
.st-section-icon { color:var(--ws-subtle); }
.st-components { border:1px solid var(--ws-border); border-radius:11px; background:var(--ws-surface); overflow:hidden; }
.st-component { display:flex; align-items:center; gap:13px; min-height:80px; padding:18px 20px; border-bottom:1px solid var(--ws-border); }
.st-component:last-child { border-bottom:0; }
.st-component-icon { display:grid; place-items:center; width:34px; height:34px; flex:none; border:1px solid var(--ws-border); border-radius:9px; color:var(--ws-muted); background:rgba(255,255,255,.02); }
.st-component-icon .st-icon { width:18px; height:18px; }
.st-component-copy { min-width:0; }
.st-component h3 { margin:0; font-size:12px; font-weight:500; }
.st-component p { margin:5px 0 0; color:var(--ws-subtle); font-size:10px; line-height:1.7; }
.st-state { display:inline-flex; align-items:center; gap:7px; margin-left:auto; font-size:10px; font-weight:500; white-space:nowrap; }
.st-state i,.st-legend i { width:6px; height:6px; flex:none; border-radius:50%; background:currentColor; }
.is-operational { color:var(--ws-success); }
.is-degraded { color:var(--ws-warning); }
.is-outage { color:var(--ws-danger); }
.is-unknown { color:var(--ws-subtle); }
.st-banner { color:var(--ws-text); }
.st-legend { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:14px; margin-top:12px; }
.st-legend > span { display:flex; align-items:center; gap:5px; color:var(--ws-subtle); font-size:9px; }
.st-help-card { padding:22px; border:1px solid var(--ws-border); border-radius:11px; background:linear-gradient(145deg,rgba(0,111,238,.055),transparent 75%),var(--ws-surface); }
.st-help-icon { display:grid; place-items:center; width:34px; height:34px; margin-bottom:18px; border:1px solid #2b3a50; border-radius:9px; background:rgba(0,111,238,.08); color:var(--ws-link); }
.st-help-card h2 { margin:0; font-size:15px; font-weight:550; letter-spacing:-.025em; }
.st-help-card p { margin:9px 0 20px; color:var(--ws-muted); font-size:11px; line-height:1.9; }
.st-button-wide { width:100%; justify-content:space-between; }
.st-help-secondary { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:16px; color:var(--ws-muted); font-size:10px; }
.st-help-secondary:hover { color:var(--ws-text); }
.st-help-secondary .st-icon { width:12px; height:12px; }
.st-resources { margin-top:27px; }
.st-resources h2 { margin:0 0 8px; color:var(--ws-muted); font-size:10px; font-weight:500; }
.st-resources > a { display:flex; align-items:center; gap:11px; padding:15px 0; border-bottom:1px solid var(--ws-border); color:var(--ws-secondary); font-size:11px; }
.st-resources > a > .st-icon:first-child { width:17px; height:17px; color:var(--ws-subtle); }
.st-resources small { display:block; margin-top:5px; color:var(--ws-subtle); font-size:9px; line-height:1.6; }
.st-resources .st-resource-arrow { width:13px; height:13px; margin-left:auto; color:var(--ws-subtle); }
.st-resources > a:hover { color:var(--ws-link); }
.st-info { display:flex; align-items:flex-start; gap:8px; margin-top:20px; color:var(--ws-subtle); }
.st-info .st-icon { width:14px; height:14px; margin-top:3px; }
.st-info p { margin:0; font-size:10px; line-height:1.9; }
.st-warning { margin:14px 0; padding:11px 14px; border:1px solid #51452e; border-radius:8px; background:var(--ws-warning-bg); color:var(--ws-warning); font-size:11px; line-height:1.8; }
.st-warning a { text-decoration:underline; text-underline-offset:3px; }
.st-component-skeleton { display:flex; align-items:center; gap:13px; height:80px; padding:18px 20px; border-bottom:1px solid var(--ws-border); }
.st-component-skeleton:last-child { border-bottom:0; }
.st-component-skeleton > span { width:34px; height:34px; border-radius:9px; }
.st-component-skeleton > div { display:grid; gap:9px; flex:1; }
.st-component-skeleton i { display:block; width:100px; height:9px; border-radius:4px; }
.st-component-skeleton i:last-child { width:150px; height:7px; }
.st-component-skeleton b { width:60px; height:9px; border-radius:4px; }
.st-component-skeleton > span,.st-component-skeleton i,.st-component-skeleton b { background:var(--ws-raised); animation:st-skeleton 1.6s ease-in-out infinite alternate; }
.st-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:48px; padding:23px 0 26px; border-top:1px solid var(--ws-border); }
.st-footer-brand { font-size:12px; letter-spacing:-.2px; }
.st-footer-brand strong { font-weight:600; }
.st-footer-brand > span { margin-left:14px; color:var(--ws-subtle); font-size:10px; letter-spacing:0; }
.st-footer > div { display:flex; align-items:center; gap:14px; color:var(--ws-subtle); font-size:10px; }
.st-footer a:hover { color:var(--ws-text); }
.st-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.st-skip { position:fixed; left:24px; top:12px; z-index:10; padding:10px 16px; border:1px solid var(--ws-link); border-radius:8px; background:var(--ws-canvas); transform:translateY(-160%); }
.st-skip:focus { transform:none; }
.status-page a:focus-visible,.status-page button:focus-visible { outline:2px solid var(--ws-link); outline-offset:4px; }
@keyframes st-spin { to { transform:rotate(360deg); } }
@keyframes st-pulse { 50% { box-shadow:0 0 0 4px rgba(114,206,161,.1); } }
@keyframes st-skeleton { to { opacity:.4; } }
@media(min-width:1600px) { .st-main { padding-top:52px; }.st-page-heading { margin-bottom:34px; } }
@media(max-width:1000px) { .st-content-grid { grid-template-columns:minmax(0,1fr) 250px; gap:22px; }.st-header-inner,.st-main { width:calc(100% - 56px); }.st-banner-main { padding:27px; }.st-help-card { padding:18px; }.st-live-badge { display:none; } }
@media(max-width:760px) { .st-frame { margin:0; border:0; border-radius:0; min-height:100dvh; }.st-header-inner,.st-main { width:calc(100% - 40px); }.st-header-inner { min-height:73px; gap:15px; }.st-header-label { font-size:11px; }.st-header-nav { gap:12px; }.st-docs-link { display:none; }.st-main { padding-top:31px; }.st-page-heading h1 { font-size:28px; }.st-content-grid { grid-template-columns:minmax(0,1fr); gap:30px; }.st-aside { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }.st-resources { margin-top:0; }.st-info { grid-column:1/-1; margin-top:0; }.st-metrics { margin-bottom:30px; }.st-metric { padding:16px 13px; }.st-metric-icon { display:none; }.st-banner h2 { font-size:22px; }.st-footer-brand > span { display:none; }.st-footer { margin-top:32px; } }
@media(max-width:480px) { .st-header-inner,.st-main { width:calc(100% - 32px); }.st-header-label,.st-header-divider { display:none; }.st-header-inner { min-height:68px; }.st-brand { font-size:16px; }.st-header-nav .st-button { min-height:33px; font-size:10px; }.st-page-heading { flex-wrap:wrap; gap:15px; margin-bottom:22px; }.st-page-heading > div { width:100%; }.st-page-heading h1 { font-size:27px; }.st-page-heading p { font-size:11px; max-width:300px; }.st-refresh { min-height:33px; }.st-banner-main { align-items:flex-start; gap:16px; padding:25px 20px; min-height:139px; }.st-status-icon { width:43px; height:43px; border-radius:12px; box-shadow:0 0 0 5px var(--st-tint); margin-top:3px; }.st-status-icon .st-icon { width:24px; height:24px; }.st-banner h2 { font-size:21px; }.st-banner-copy p { font-size:11px; }.st-banner-eyebrow { font-size:8px; }.st-banner-footer { flex-direction:column; align-items:flex-start; gap:5px; padding:12px 17px; font-size:9px; }.st-metrics { gap:7px; margin-top:14px; }.st-metric { padding:13px 10px; }.st-metric-label { font-size:9px; }.st-metric-value { gap:4px; margin-top:11px; flex-wrap:wrap; }.st-metric-value strong { font-size:25px; }.st-metric-value > span { font-size:15px; }.st-metric-value > .st-metric-unit { font-size:10px; }.st-metric p { font-size:9px; }.st-component { gap:10px; padding:17px 14px; }.st-component-icon { width:30px; height:30px; border-radius:8px; }.st-component h3 { font-size:11px; }.st-component p { max-width:165px; font-size:9px; }.st-state { gap:5px; font-size:9px; }.st-legend { gap:11px; justify-content:flex-start; }.st-section-heading p { font-size:10px; }.st-aside { grid-template-columns:minmax(0,1fr); gap:24px; }.st-resources { margin-top:0; }.st-footer { align-items:flex-start; }.st-footer > div { gap:9px; font-size:9px; }.st-component-skeleton { padding-inline:14px; }.st-component-skeleton i:last-child { width:120px; } }
@media(prefers-reduced-motion:reduce) { .status-page * { animation:none!important; transition:none!important; } }

/* Service cards and measured history, following the public status reference. */
.st-frame { margin:0; border:0; border-radius:0; min-height:100dvh; }
.st-header-inner { min-height:76px; }
.st-main { padding-top:36px; }
.st-page-heading { margin-bottom:24px; }
.st-eyebrow { margin-bottom:10px; }
.st-page-heading h1 { font-size:30px; }
.st-banner-main { min-height:0; padding:20px 23px; gap:17px; }
.st-status-icon { width:38px; height:38px; border-radius:11px; box-shadow:none; }
.st-status-icon .st-icon { width:23px; height:23px; }
.st-banner h2 { margin:0 0 4px; font-size:17px; }
.st-banner-eyebrow { display:none; }
.st-banner-copy p { font-size:11px; }
.st-banner-footer { padding:9px 23px; }
.st-live-badge { align-self:center; }
.st-performance { margin-top:32px; }
.st-performance-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:19px; }
.st-performance-heading h2 { margin:0; font-size:21px; font-weight:550; letter-spacing:-.035em; }
.st-performance-heading p { margin:7px 0 0; color:var(--ws-muted); font-size:11px; line-height:1.8; }
.st-period-caption { color:var(--ws-muted); font-size:11px; white-space:nowrap; }
.st-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.st-service-card { min-width:0; padding:24px; border:1px solid var(--ws-border); border-radius:18px; background:var(--ws-canvas); }
.st-service-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.st-service-head h3 { display:flex; align-items:center; gap:10px; margin:0; font-size:18px; font-weight:550; letter-spacing:-.03em; }
.st-service-head h3 > .st-icon { width:22px; height:22px; }
.st-service-state { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border:1px solid currentColor; border-radius:999px; font-size:9px; line-height:1; }
.st-service-state > i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.st-service-description { margin:8px 0 0; color:var(--ws-subtle); font-size:10px; line-height:1.8; }
.st-service-total { margin:25px 0 24px; }
.st-service-total > span { color:var(--ws-muted); font-size:12px; }
.st-service-total > strong { display:block; margin-top:9px; font-size:38px; line-height:1.15; font-weight:500; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.st-service-breakdown { display:grid; gap:13px; }
.st-service-breakdown > div { display:flex; align-items:center; gap:9px; font-size:11px; }
.st-service-breakdown > div > span:first-child { display:flex; align-items:center; gap:6px; color:var(--ws-secondary); }
.st-service-breakdown small { color:var(--ws-subtle); font-size:9px; }
.st-service-breakdown strong { margin-left:auto; font-size:11px; font-weight:500; font-variant-numeric:tabular-nums; }
.st-success-dot,.st-client-dot,.st-error-dot { display:inline-block; width:6px; height:6px; border-radius:50%; flex:none; }
.st-success-dot { background:#36b384; }.st-client-dot { background:var(--ws-warning); }.st-error-dot { background:#eb747b; }
.st-spark { width:112px; height:19px; margin-left:12px; flex:none; }
.st-spark svg { display:block; width:100%; height:100%; overflow:visible; }
.st-service-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:23px; padding:16px; border-radius:12px; background:var(--ws-sidebar); }
.st-service-details > div { min-width:0; }
.st-service-details > div > span { display:flex; align-items:center; gap:4px; color:var(--ws-muted); font-size:9px; }
.st-service-details strong { display:block; margin-top:9px; font-size:15px; font-weight:500; font-variant-numeric:tabular-nums; }
.st-service-details .st-info-icon { width:11px; height:11px; color:var(--ws-subtle); }
.st-chart-card { margin-top:24px; padding:23px 24px 0; border:1px solid var(--ws-border); border-radius:18px; background:var(--ws-canvas); }
.st-chart-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.st-segmented { display:inline-flex; align-items:center; padding:3px; border-radius:999px; background:var(--ws-sidebar); }
.st-segmented button { min-height:30px; padding:5px 13px; border:1px solid transparent; border-radius:999px; background:transparent; color:var(--ws-subtle); font-size:11px; white-space:nowrap; }
.st-segmented button.is-active { border-color:var(--ws-border); color:var(--ws-text); background:var(--ws-surface); box-shadow:0 1px 3px rgba(0,0,0,.2); }
.st-segmented button:hover { color:var(--ws-text); }
.st-periods button { padding-inline:10px; font-size:10px; }
.st-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:26px; }
.st-chart-heading h3 { margin:0; font-size:13px; font-weight:500; }
.st-chart-heading p { margin:6px 0 0; color:var(--ws-subtle); font-size:10px; line-height:1.8; }
.st-chart-unit { color:var(--ws-subtle); font-size:10px; }
.st-chart-wrap { position:relative; margin-top:20px; }
.st-chart { display:block; width:100%; aspect-ratio:1060/290; overflow:visible; }
.st-chart text { fill:var(--ws-subtle); font-family:inherit; font-size:10px; font-variant-numeric:tabular-nums; }
.st-chart .st-chart-grid { stroke:var(--ws-border); stroke-width:1; }
.st-chart .st-chart-line { fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.st-chart .st-chart-crosshair { stroke:var(--ws-border-strong); stroke-width:1; stroke-dasharray:4 4; }
.st-chart .st-chart-point { stroke:var(--ws-canvas); stroke-width:2; }
.st-chart-placeholder { position:absolute; inset:0; display:grid; place-items:center; background:rgba(16,17,19,.8); color:var(--ws-muted); font-size:12px; text-align:center; padding:30px; }
.st-chart-tooltip { position:absolute; z-index:2; top:6px; left:65px; max-width:calc(100% - 90px); padding:11px 13px; border:1px solid var(--ws-border-strong); border-radius:9px; background:var(--ws-raised); box-shadow:0 4px 24px rgba(0,0,0,.3); color:var(--ws-text); font-size:10px; line-height:1.9; pointer-events:none; white-space:pre-line; font-variant-numeric:tabular-nums; }
.st-chart-legend { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:13px; }
.st-chart-legend > span { display:flex; align-items:center; gap:6px; color:var(--ws-muted); font-size:10px; }
.st-chart-legend i { width:7px; height:7px; border-radius:50%; }
.st-chart-footer { display:flex; justify-content:space-between; gap:12px; margin-top:21px; padding-bottom:18px; color:var(--ws-subtle); font-size:9px; line-height:1.7; }
.st-chart-table { border-top:1px solid var(--ws-border); }
.st-chart-table summary { padding:13px 0; color:var(--ws-muted); font-size:10px; cursor:pointer; }
.st-table-scroll { overflow:auto; max-height:320px; margin-bottom:16px; }
.st-chart-table table { width:100%; border-collapse:collapse; font-size:10px; text-align:left; white-space:nowrap; font-variant-numeric:tabular-nums; }
.st-chart-table th,.st-chart-table td { padding:9px 12px; border-bottom:1px solid var(--ws-border); }
.st-chart-table th { color:var(--ws-secondary); font-weight:500; }.st-chart-table td { color:var(--ws-muted); }
.st-measurement-note { margin:12px 0 0; max-width:900px; color:var(--ws-subtle); font-size:9px; line-height:1.9; }
.st-overview-strip { display:flex; align-items:center; flex-wrap:wrap; gap:15px 28px; margin:30px 0; padding:17px 0; border-block:1px solid var(--ws-border); }
.st-overview-strip > span { display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:var(--ws-secondary); font-size:11px; }
.st-overview-strip strong { font-weight:550; }.st-overview-strip small { margin-left:5px; color:var(--ws-subtle); font-size:9px; }
.st-overview-strip .st-icon { width:14px; height:14px; color:var(--ws-subtle); }
[data-service-metrics][aria-busy="true"] [data-stat], [data-chart-card][aria-busy="true"] .st-chart { opacity:.4; }
@media(max-width:1000px) { .st-service-grid { gap:18px; }.st-service-card { padding:20px; }.st-spark { width:82px; margin-left:5px; }.st-service-details { padding:14px 12px; gap:8px; }.st-service-state { font-size:8px; }.st-service-head h3 { font-size:16px; } }
@media(max-width:760px) { .st-main { padding-top:28px; }.st-service-grid { grid-template-columns:minmax(0,1fr); }.st-service-card { padding:23px; }.st-spark { width:130px; margin-left:14px; }.st-service-head h3 { font-size:18px; }.st-service-details strong { font-size:17px; }.st-chart { min-height:220px; aspect-ratio:auto; }.st-chart-card { padding:18px 16px 0; }.st-chart-controls { gap:15px; }.st-chart-heading { margin-top:20px; }.st-chart-tooltip { left:35px; max-width:calc(100% - 45px); }.st-chart-legend { gap:13px; }.st-performance-heading p { max-width:280px; }.st-service-details > div > span { font-size:10px; } }
@media(max-width:480px) { .st-banner-main { padding:17px; gap:12px; }.st-banner h2 { font-size:16px; }.st-banner-copy p { font-size:10px; }.st-status-icon { width:30px; height:30px; margin-top:0; border-radius:9px; }.st-status-icon .st-icon { width:19px; height:19px; }.st-banner-footer { padding:10px 17px; }.st-page-heading h1 { font-size:27px; }.st-page-heading { gap:12px; }.st-performance { margin-top:26px; }.st-performance-heading h2 { font-size:20px; }.st-performance-heading p { font-size:10px; max-width:240px; }.st-period-caption { font-size:9px; }.st-service-card { padding:20px; border-radius:16px; }.st-service-head h3 { font-size:17px; }.st-service-state { font-size:8px; }.st-service-total > strong { font-size:36px; }.st-service-breakdown > div { font-size:10px; }.st-service-breakdown small { font-size:8px; }.st-service-breakdown strong { font-size:10px; }.st-spark { width:90px; margin-left:3px; }.st-service-details { gap:8px; padding:14px 12px; }.st-service-details > div > span { font-size:8px; }.st-service-details strong { font-size:14px; }.st-segmented button { font-size:10px; padding:5px 10px; }.st-periods button { font-size:9px; }.st-chart { min-height:210px; }.st-chart-unit { font-size:9px; }.st-chart-legend > span { font-size:9px; }.st-chart-footer { flex-wrap:wrap; font-size:8px; }.st-overview-strip { gap:12px; }.st-overview-strip > span { font-size:10px; }.st-overview-strip small { font-size:8px; } }

.st-service-basis { margin:10px 0 0; color:var(--ws-subtle); font-size:10px; line-height:1.8; }