.status-shell,.status-page{width:min(calc(100% - var(--space-10)), var(--status-width));margin-inline:auto}.status-header{height:var(--header-height)}.status-header .status-shell{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.status-header .brand-link{font-size:var(--text-base)}.status-help{align-items:center;gap:var(--space-2);min-height:var(--control-compact);padding:var(--space-2) var(--space-4);border:var(--line-thin) solid var(--border-soft);border-radius:var(--radius-sm);font-size:var(--text-sm);display:inline-flex}.status-help .icon{width:var(--space-4);height:var(--space-4)}.status-help:hover{background:var(--color-panel-raised);color:var(--color-signal-bright)}.status-overview{text-align:center;padding-block:var(--space-6) var(--space-8)}.status-symbol{flex:0 0 var(--space-6);width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--status-state-bg);color:var(--color-text-soft);place-items:center;display:inline-grid}.status-symbol .icon{width:var(--space-4);height:var(--space-4)}.status-symbol[data-state=up]{background:var(--color-success);color:var(--color-void)}.status-symbol[data-state=down]{background:var(--color-danger);color:var(--color-void)}.status-symbol[data-state=partial]{background:var(--color-warning);color:var(--color-void)}.status-symbol--large{width:var(--space-16);height:var(--space-16)}.status-symbol--large .icon{width:var(--space-8);height:var(--space-8)}.status-overview h1{margin-top:var(--space-4);font-size:var(--text-status)}.status-overview__summary{max-width:var(--measure);margin:var(--space-3) auto 0;font-size:var(--text-sm)}.status-overview__time{margin-top:var(--space-2);color:var(--color-text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.status-list__heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.status-list__heading h2{font-size:var(--text-status-section)}.status-list__heading>span{color:var(--color-text-dim);font-size:var(--text-sm)}.status-controls{gap:var(--space-3);margin-top:var(--space-3);align-items:center;display:flex}.status-segments{padding:var(--space-1);border:var(--line-thin) solid var(--border-soft);border-radius:var(--radius-sm);background:var(--color-panel);min-width:0;margin:0;display:flex}.status-segments label{cursor:pointer;flex:1;display:flex;position:relative}.status-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.status-segments label>span{min-height:var(--control-compact);white-space:nowrap;padding-inline:var(--space-4);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--color-text-soft);transition:background var(--duration-fast), color var(--duration-fast);place-items:center;display:grid}.status-segments input:checked+span{color:var(--color-signal-bright);background:var(--color-panel-raised)}.status-segments label:hover>span{color:var(--color-text)}.status-segments input:focus-visible+span{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--history-gap)}.status-period{margin-left:auto}.status-period label>span{padding-inline:var(--space-3)}.status-metric-select select{min-height:var(--control-compact);padding:var(--space-2) var(--space-3);border:var(--line-thin) solid var(--border-soft);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text-soft);font-size:var(--text-sm);cursor:pointer}.status-context{margin-top:var(--space-2);color:var(--color-text-dim);font-size:var(--text-xs)}.status-hosts{gap:var(--space-4);margin-top:var(--space-4);display:grid}.status-host{padding:var(--space-4);background:var(--color-panel);border:var(--line-thin) solid var(--border-soft);border-radius:var(--radius-md);min-width:0}.status-host__top{justify-content:space-between;align-items:start;gap:var(--space-5);display:flex}.status-host__identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.status-host h3{font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:0;overflow-wrap:anywhere}.status-host__state{font-size:var(--text-xs)}.status-host__state[data-state=up]{color:var(--color-success)}.status-host__state[data-state=down]{color:var(--color-danger)}.status-host__state[data-state=partial]{color:var(--color-warning)}.status-host__metric{text-align:right;flex-shrink:0}.status-host__metric strong{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-body);font-variant-numeric:tabular-nums;display:block}.status-host__metric>span{font-size:var(--text-xs);color:var(--color-text-dim);display:block}.status-history{margin-top:var(--space-4);position:relative}.status-history__bars{height:var(--history-height);align-items:stretch;gap:var(--history-gap);cursor:crosshair;border-radius:var(--radius-xs);touch-action:pan-y;display:flex}.status-history__day{flex:1;align-items:end;min-width:0;display:flex}.status-history__day>span{border-radius:var(--line-thin);background:var(--history-unknown);width:100%;height:100%;display:block}.status-history__day[data-state=up]>span,.status-legend i[data-state=up]{background:var(--color-success)}.status-history__day[data-state=partial]>span,.status-legend i[data-state=partial]{background:var(--color-warning)}.status-history__day[data-state=down]>span,.status-legend i[data-state=down]{background:var(--color-danger)}.status-history__day[data-selected=true]{outline:var(--line-thin) solid var(--color-text);outline-offset:var(--line-thin)}.status-history__axis{margin-top:var(--space-2);color:var(--color-text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.status-history__detail{bottom:calc(100% + var(--space-2));z-index:2;max-width:100%;padding:var(--space-2) var(--space-3);background:var(--color-panel-raised);border:var(--line-thin) solid var(--color-line);border-radius:var(--radius-sm);font-size:var(--text-xs);pointer-events:none;position:absolute;left:0}.status-host__meta{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);color:var(--color-text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:flex}.status-probes{border-top:var(--line-thin) solid var(--border-soft);margin-top:var(--space-3);padding-top:var(--space-1);font-size:var(--text-sm)}.status-probes summary{cursor:pointer;padding-block:var(--space-3);color:var(--color-text-soft)}.status-probes summary:hover{color:var(--color-signal-bright)}.status-probes ul{margin:0;padding:0;list-style:none}.status-probes li{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);font-size:var(--text-xs);display:flex}.status-probes li>:last-child{color:var(--color-text-soft);text-align:right}.status-legend{gap:var(--space-3) var(--space-5);margin-top:var(--space-6);color:var(--color-text-soft);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.status-legend>span{align-items:center;gap:var(--space-2);display:inline-flex}.status-legend i{width:var(--space-2);height:var(--space-3);border-radius:var(--line-thin);background:var(--history-unknown)}.status-history-note{margin-top:var(--space-4);max-width:var(--measure);font-size:var(--text-xs);color:var(--color-text-dim)}.status-empty{padding:var(--space-8);border:var(--line-thin) solid var(--border-soft);border-radius:var(--radius-md)}.status-empty h3{font-size:var(--text-lg)}.status-empty p{margin-top:var(--space-3);font-size:var(--text-sm)}.status-methodology{gap:var(--space-5);margin-block:var(--space-12);padding-top:var(--space-8);border-top:var(--line-thin) solid var(--border-soft);display:grid}.status-methodology h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.status-methodology h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.status-methodology p{font-size:var(--text-sm);max-width:var(--measure)}.status-sources{gap:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--color-text-dim);flex-wrap:wrap;display:flex}.status-sources a{min-height:var(--space-8);align-items:center;text-decoration:underline;display:inline-flex}.status-sources a:hover{color:var(--color-signal-bright)}.status-footer{justify-content:space-between;gap:var(--space-4);border-top:var(--line-thin) solid var(--border-soft);padding-block:var(--space-6) var(--space-8);font-size:var(--text-xs);color:var(--color-text-dim);display:flex}.status-footer nav{gap:var(--space-5);display:flex}.status-footer a{min-height:var(--space-8);align-items:center;display:inline-flex}.status-footer a:hover{color:var(--color-signal-bright)}@media (max-width:760px){.status-overview{padding-block:var(--space-6) var(--space-8)}.status-controls{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.status-segments:first-child{grid-column:1/-1}.status-segments:first-child label>span{width:100%}.status-period{order:3;grid-column:1/-1;margin-left:0}.status-period label>span{width:100%;padding-inline:var(--space-2);min-width:var(--control-compact)}.status-metric-select{min-width:0}.status-metric-select select{width:100%;min-width:0;padding-inline:var(--space-2)}.status-host{padding:var(--space-4)}.status-host__top{gap:var(--space-3)}.status-host__identity{gap:var(--space-2)}.status-host__metric{max-width:8rem}.status-host__meta{gap:var(--space-1);flex-direction:column}.status-help{padding-inline:var(--space-3)}.status-help .icon{display:none}.status-footer{gap:var(--space-2);flex-direction:column}}@media (max-width:380px){.status-header .status-shell{gap:var(--space-2)}.status-header .brand-link{gap:var(--space-2);font-size:var(--text-sm)}.status-help{padding-inline:var(--space-2)}.status-metric-select,.status-period{grid-column:1/-1}.status-period label>span{width:100%}}