@media (width>=1181px){:root{--ss-sidebar-width:15.5rem}}#uptime,#alerts{grid-area:3/2/auto/-1}@media (width<=1180px){.shell{grid-template-columns:11rem repeat(12,minmax(0,1fr))}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}#services,#updates,#uptime,#resources,#inventory,#monitoring,.shell>section[aria-labelledby=tcp-monitor-title],.shell>footer{grid-column:2/-1}#services{grid-row:2}#updates{grid-row:3}#uptime{grid-row:4}#resources{grid-row:5}#inventory{grid-row:6}#monitoring{grid-row:7}.shell>section[aria-labelledby=tcp-monitor-title]{grid-row:8}.shell>footer{grid-row:9}.metric-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){main{padding:.85rem}.shell{width:100%;display:block}.shell>header,.shell>nav{position:static}.shell>header{margin-bottom:.7rem;padding:1rem}.shell>nav{flex-flow:wrap;margin-bottom:.8rem;padding:.55rem;display:flex}.shell>nav:before{display:none}.shell>nav a{min-height:2rem;padding:.42rem .58rem}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.8rem}.shell>section,.shell>footer{margin-bottom:.8rem}.metric-charts{grid-template-columns:1fr}}@media (width<=520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:5.5rem;padding:.8rem}.shell>section{padding:1rem}.services>li>div{max-width:100%;padding-right:0;display:block}.services>li>.state{float:none;margin-top:.45rem}.uptime-service-label{grid-template-columns:minmax(0,1fr) auto}.uptime-service-label>span:last-child{grid-column:1/-1}}@media (width<=1180px){.shell{grid-template-columns:12rem repeat(12,minmax(0,1fr))}.shell:before{width:12rem}#updates,#uptime,#resources,#services,#inventory,#monitoring,.shell>section[aria-labelledby=tcp-monitor-title],.shell>footer{grid-column:2/-1;max-height:none}#updates{grid-row:3}#uptime{grid-row:4}#resources{grid-row:5}#services{grid-row:6}#inventory{grid-row:7}#monitoring{grid-row:8}.shell>section[aria-labelledby=tcp-monitor-title]{grid-row:9}.shell>footer{grid-row:10}}@media (width<=820px){.shell{min-height:100vh;padding:.8rem;display:block}.shell:before{display:none}.shell>header,.shell>nav,.sidebar-insight,.sidebar-host,.dashboard-topbar,.kpis,.shell>section,.shell>footer{margin-bottom:.75rem}.shell>nav{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);flex-direction:row;overflow-x:auto}.shell>nav a{flex:none}.sidebar-insight,.sidebar-host{display:none}.dashboard-topbar{padding:.25rem}.metric-charts{grid-template-columns:1fr}.metric-chart,.metric-chart:first-child,.metric-chart:nth-child(2){grid-column:auto}}@media (width<=520px){.host-chip{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#updates .services>li{display:block}#updates .state{margin-top:.45rem;display:inline-flex}}@media (width>=821px){.shell>header{width:var(--ss-sidebar-width);position:fixed;top:1rem;left:0}.shell>nav{width:var(--ss-sidebar-width);position:fixed;top:4.85rem;left:0}.sidebar-insight{width:calc(var(--ss-sidebar-width) - 1.9rem);margin:0;position:fixed;bottom:9.6rem;left:.95rem}.sidebar-host{width:calc(var(--ss-sidebar-width) - 1.9rem);margin:0;position:fixed;bottom:1rem;left:.95rem}#uptime{max-height:21rem}#uptime>.monitor-note:first-of-type,#uptime>.services[aria-label=Container\ availability]{display:none}#uptime>.uptime-heading{margin-top:0}#uptime>.uptime-heading h3{color:var(--ss-text-muted);text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}#uptime .uptime-services>li{padding-block:.52rem}}@media (width>=1181px){#updates{grid-column:2/span 7}#uptime{grid-column:9/-1}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ss-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ss-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ss-font-size-xs:.65rem;--ss-font-size-sm:.75rem;--ss-font-size-base:.9375rem;--ss-font-size-lg:1.25rem;--ss-font-size-xl:1.65rem;--ss-font-weight-regular:400;--ss-font-weight-medium:500;--ss-font-weight-semibold:600;--ss-font-weight-bold:700;--ss-font-weight-heavy:800;--ss-bg:#020b18;--ss-bg-elevated:#071321;--ss-surface:#0b1726;--ss-surface-2:#101e30;--ss-surface-3:#15263a;--ss-border:#1d3046;--ss-border-strong:#2a4360;--ss-text:#f4f7fb;--ss-text-soft:#c5d0df;--ss-text-muted:#8495ad;--ss-accent:#3b82f6;--ss-accent-strong:#2563eb;--ss-accent-hover:#82dcff;--ss-accent-soft:#3b82f624;--ss-success:#22c773;--ss-success-soft:#22c7731f;--ss-warning:#f59e0b;--ss-warning-soft:#f59e0b21;--ss-danger:#f04464;--ss-danger-soft:#f0446421;--ss-neutral:#94a3b8;--ss-space-1:.25rem;--ss-space-2:.5rem;--ss-space-3:.75rem;--ss-space-4:1rem;--ss-space-5:1.25rem;--ss-space-6:1.5rem;--ss-space-8:2rem;--ss-space-10:2.5rem;--ss-radius-sm:.5rem;--ss-radius-md:.55rem;--ss-radius-lg:.7rem;--ss-radius-xl:.9rem;--ss-radius-pill:999px;--ss-shadow-card:0 10px 30px #00000024;--ss-shadow-focus:0 0 0 3px #3b82f63d;--ss-page-max:96rem;--ss-sidebar-width:12rem;--ss-transition:.14s ease}@media (width>=1181px){:root{--ss-sidebar-width:15.5rem}}*,:before,:after{box-sizing:border-box}html{background:var(--ss-bg);scroll-behavior:smooth;min-width:20rem}body{background:var(--ss-bg);min-width:20rem;color:var(--ss-text);font-family:var(--ss-font-sans);font-size:var(--ss-font-size-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--ss-accent)}a:hover{color:var(--ss-accent-hover)}:focus-visible{outline:1px solid var(--ss-accent);outline-offset:2px;box-shadow:var(--ss-shadow-focus)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3,strong{color:var(--ss-text)}h1,h2,h3{text-wrap:balance;line-height:1.2}small,.ss-muted{color:var(--ss-text-muted)}.ss-page{width:min(var(--ss-page-max), 100%);margin-inline:auto}.ss-card{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);box-shadow:var(--ss-shadow-card)}.ss-stack{gap:var(--ss-space-4);flex-direction:column;display:flex}.ss-cluster{align-items:center;gap:var(--ss-space-3);flex-wrap:wrap;display:flex}.ss-grid{gap:var(--ss-space-4);display:grid}.ss-button{justify-content:center;align-items:center;gap:var(--ss-space-2);border:1px solid var(--ss-border-strong);border-radius:var(--ss-radius-sm);background:var(--ss-surface-2);min-height:2.25rem;color:var(--ss-text-soft);cursor:pointer;transition:background var(--ss-transition), border-color var(--ss-transition), color var(--ss-transition);padding:.45rem .75rem;display:inline-flex}.ss-button:hover{border-color:var(--ss-accent-strong);background:var(--ss-surface-3);color:var(--ss-text)}.ss-pill{align-items:center;gap:var(--ss-space-2);border:1px solid var(--ss-border);border-radius:var(--ss-radius-pill);background:var(--ss-bg-elevated);color:var(--ss-text-muted);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;display:inline-flex}.ss-divider{border:0;border-top:1px solid var(--ss-border)}::selection{color:var(--ss-text);background:#47c8ff47}main{background:radial-gradient(circle at 82% -10%, #225c9038, transparent 34rem), radial-gradient(circle at 10% 0%, #21b89d1a, transparent 26rem), var(--ss-bg);min-height:100vh;padding:1.5rem}.shell{width:min(var(--ss-page-max), 100%);grid-template-columns:var(--ss-sidebar-width) repeat(12, minmax(0, 1fr));align-items:start;gap:1rem;margin:0 auto;display:grid;position:relative}.shell>*{min-width:0}.shell>header{z-index:2;border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:linear-gradient(145deg, #47c8ff17, transparent 62%), var(--ss-surface);box-shadow:var(--ss-shadow-card);grid-area:1/1;padding:1.25rem;position:sticky;top:1.5rem}.eyebrow{color:var(--ss-success);letter-spacing:.16em;margin-bottom:.4rem;font-size:.65rem;font-weight:800;display:block}h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,2.2vw,2.1rem)}.brand-accent{color:var(--ss-accent)}.shell>nav{z-index:2;border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);box-shadow:var(--ss-shadow-card);flex-direction:column;grid-area:2/1/span 8;gap:.35rem;padding:.7rem;display:flex;position:sticky;top:8.55rem}.shell>nav:before{content:"OVERVIEW";color:var(--ss-text-muted);letter-spacing:.14em;padding:.45rem .6rem .35rem;font-size:.62rem;font-weight:800}.shell>nav a{border-radius:var(--ss-radius-sm);min-height:2.35rem;color:var(--ss-text-soft);transition:background var(--ss-transition), border-color var(--ss-transition), color var(--ss-transition);border:1px solid #0000;align-items:center;padding:.55rem .7rem;font-size:.82rem;font-weight:650;text-decoration:none;display:flex}.shell>nav a:first-of-type{background:var(--ss-accent-soft);color:var(--ss-text);border-color:#47c8ff2e}.shell>nav a:hover{border-color:var(--ss-border);background:var(--ss-surface-2);color:var(--ss-text)}.kpis{grid-area:1/2/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.kpi{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:linear-gradient(155deg, #47c8ff0f, transparent 65%), var(--ss-surface);min-height:6.25rem;box-shadow:var(--ss-shadow-card);padding:1rem 1.05rem;position:relative;overflow:hidden}.kpi:after{content:"";background:#47c8ff0d;border-radius:50%;width:3.5rem;height:3.5rem;position:absolute;top:0;right:0;transform:translate(35%,-35%)}.kpi span,small{color:var(--ss-text-muted);display:block}.kpi span{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.kpi strong{letter-spacing:-.035em;margin-top:.4rem;font-size:clamp(1.35rem,2vw,1.8rem);display:block}.shell>section{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);box-shadow:var(--ss-shadow-card);padding:1.2rem 1.25rem;scroll-margin-top:1.5rem}#services{grid-area:2/2/auto/span 8}#uptime,#alerts{grid-area:3/2/auto/-1}#alerts~#uptime{grid-row:4}#alerts~#resources{grid-row:5}#alerts~#inventory{grid-row:6}#alerts~#monitoring,#alerts~section[aria-labelledby=tcp-monitor-title]{grid-row:7}#alerts~footer{grid-row:8}h2{letter-spacing:-.015em;margin:0 0 1rem;font-size:.98rem;font-weight:750}h3{color:var(--ss-text-soft);margin:1.25rem 0 .65rem;font-size:.84rem}p{max-width:72ch;color:var(--ss-text-muted);font-size:.86rem;line-height:1.6}small,.detail-context,.monitor-note,.services li,.runtime-events li,.incident-timeline li{overflow-wrap:anywhere}.services,.runtime-events,.resource-metrics,.uptime-services{margin:0;padding:0;list-style:none}.services>li,.runtime-events>li,.resource-metrics>li,.uptime-services>li{border-top:1px solid var(--ss-border);padding:.85rem 0;position:relative}.services>li:first-child,.runtime-events>li:first-child,.resource-metrics>li:first-child,.uptime-services>li:first-child{border-top:0}.services>li>div{max-width:calc(100% - 8rem);display:inline-block}.services>li>div small{margin-top:.15rem}.services ul{color:var(--ss-text-soft);margin:0;padding:.5rem 0 0;list-style:none}.services ul small{display:inline}#updates .services>li{padding-block:.9rem}#updates .services>li>div{max-width:100%;padding-right:0;display:block}#updates .state{margin-top:.55rem;position:static}.state{float:right;border:1px solid var(--ss-border);background:var(--ss-bg-elevated);color:var(--ss-neutral);letter-spacing:.045em;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.64rem;font-weight:800;display:inline-flex}.state:before{content:"";background:currentColor;border-radius:999px;width:.38rem;height:.38rem;box-shadow:0 0 .65rem}.state.running,.state.up{background:var(--ss-success-soft);color:var(--ss-success);border-color:#35e6aa33}.state.down,.state.dead,.state.stopped{background:var(--ss-danger-soft);color:var(--ss-danger);border-color:#ff5f7f38}.state.restarting,.state.degraded{background:var(--ss-warning-soft);color:var(--ss-warning);border-color:#f6b94a38}.state.unknown{color:var(--ss-neutral)}.empty{border:1px dashed var(--ss-border-strong);border-radius:var(--ss-radius-md);color:var(--ss-text-muted);background:#070b1259;margin:.5rem 0 0;padding:.9rem;font-size:.82rem}.uptime-heading,.resource-detail-heading,.chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.uptime-window,.resource-window{flex-wrap:wrap;gap:.35rem;display:flex}.uptime-window button,.resource-window button{border:1px solid var(--ss-border);background:var(--ss-bg-elevated);min-height:1.9rem;color:var(--ss-text-muted);cursor:pointer;border-radius:.45rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.uptime-window button[aria-pressed=true],.resource-window button[aria-pressed=true]{background:var(--ss-accent-soft);color:var(--ss-accent);border-color:#47c8ff75}.uptime-service-label{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;display:grid}.uptime-service-label .state{float:none}.uptime-bar{background:var(--ss-surface-3);border-radius:999px;height:.42rem;margin-top:.55rem;overflow:hidden}.uptime-bar span{border-radius:inherit;background:var(--ss-success);height:100%;display:block;box-shadow:0 0 .75rem #35e6aa3d}.uptime-bar span.down{background:var(--ss-danger)}.uptime-bar span.unknown{background:var(--ss-neutral)}.incident-timeline{border-left:1px solid var(--ss-border-strong);margin:.8rem 0 0 .25rem;padding:0 0 0 1.2rem;list-style:none}.incident-timeline>li{border-top:1px solid var(--ss-border);padding:.75rem 0;position:relative}.incident-timeline>li:first-child{border-top:0}.timeline-marker{border:2px solid var(--ss-surface);background:var(--ss-neutral);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:1rem;left:-1.55rem}.timeline-marker.down{background:var(--ss-danger)}.timeline-marker.up{background:var(--ss-success)}.incident-evidence,.incident-evidence-empty{color:var(--ss-text-muted);margin:.5rem 0 0;font-size:.74rem}.incident-evidence{padding-left:1rem}.incident-evidence li{border:0;padding:.12rem 0}.metric-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.metric-chart{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);background:linear-gradient(165deg, #47c8ff0d, transparent 70%), var(--ss-bg-elevated);min-height:12.5rem;padding:.95rem}.metric-chart h3{margin:0;font-size:.78rem}.chart-heading strong{color:var(--ss-text);font-size:1rem}.chart-line{background-image:linear-gradient(var(--ss-border) 1px, transparent 1px);background-size:100% 33.333%;width:100%;height:7rem;margin-top:.8rem;display:block;overflow:visible}.chart-line polyline{fill:none;stroke:var(--ss-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #47c8ff3d)}.chart-line.bytes polyline{stroke:#ad7cff;filter:drop-shadow(0 0 4px #ad7cff38)}.resource-detail-link,.resource-detail-heading button{appearance:none;color:var(--ss-accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.resource-detail-link:hover,.resource-detail-heading button:hover{text-underline-offset:.2em;text-decoration:underline}.resource-detail{border-top:1px solid var(--ss-border-strong);margin-top:1.2rem;padding-top:1rem}.detail-context,.history-summary,.monitor-note{color:var(--ss-text-muted);font-size:.76rem}.status{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);min-height:3.25rem;color:var(--ss-text-soft);box-shadow:var(--ss-shadow-card);align-items:center;gap:.65rem;padding:.8rem 1rem;font-size:.8rem;font-weight:650;display:flex}.status>span{background:var(--ss-success);width:.52rem;height:.52rem;box-shadow:0 0 .75rem var(--ss-success);border-radius:50%;flex:none}.status.unavailable>span{background:var(--ss-warning);box-shadow:0 0 .75rem var(--ss-warning)}.status.not_checked>span{background:var(--ss-neutral);box-shadow:none}@media (width<=1180px){.shell{grid-template-columns:11rem repeat(12,minmax(0,1fr))}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}#services,#updates,#uptime,#resources,#inventory,#monitoring,.shell>section[aria-labelledby=tcp-monitor-title],.shell>footer{grid-column:2/-1}#services{grid-row:2}#updates{grid-row:3}#uptime{grid-row:4}#resources{grid-row:5}#inventory{grid-row:6}#monitoring{grid-row:7}.shell>section[aria-labelledby=tcp-monitor-title]{grid-row:8}.shell>footer{grid-row:9}.metric-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){main{padding:.85rem}.shell{width:100%;display:block}.shell>header,.shell>nav{position:static}.shell>header{margin-bottom:.7rem;padding:1rem}.shell>nav{flex-flow:wrap;margin-bottom:.8rem;padding:.55rem;display:flex}.shell>nav:before{display:none}.shell>nav a{min-height:2rem;padding:.42rem .58rem}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.8rem}.shell>section,.shell>footer{margin-bottom:.8rem}.metric-charts{grid-template-columns:1fr}}@media (width<=520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:5.5rem;padding:.8rem}.shell>section{padding:1rem}.services>li>div{max-width:100%;padding-right:0;display:block}.services>li>.state{float:none;margin-top:.45rem}.uptime-service-label{grid-template-columns:minmax(0,1fr) auto}.uptime-service-label>span:last-child{grid-column:1/-1}}main{background:var(--ss-bg);padding:0}.shell{grid-template-columns:var(--ss-sidebar-width) repeat(12, minmax(0, 1fr));gap:.9rem;width:100%;max-width:none;min-height:100vh;padding:1.15rem 1.15rem 1.15rem 0}.shell:before{z-index:0;width:var(--ss-sidebar-width);border-right:1px solid var(--ss-border);content:"";background:linear-gradient(#071322,#04101e 70%,#020b18);position:absolute;inset:0 auto 0 0}.shell>header,.shell>nav,.sidebar-insight,.sidebar-host{z-index:1;grid-column:1;position:relative}.shell>header{box-shadow:none;background:0 0;border:0;grid-row:1;padding:.65rem 1.1rem .85rem;position:relative;top:auto}.shell>header:before{background:linear-gradient(145deg, #6d5dfc, var(--ss-accent));color:#fff;content:"◇";vertical-align:middle;border-radius:.5rem;place-items:center;width:2.25rem;height:2.25rem;margin-right:.55rem;font-size:1.3rem;font-weight:900;display:inline-grid;transform:rotate(45deg)}.eyebrow{display:none}.shell>header h1{vertical-align:middle;letter-spacing:-.035em;font-size:1.42rem;display:inline-block}.shell>header h1:first-letter{color:var(--ss-text)}.shell>nav{box-shadow:none;background:0 0;border:0;flex-direction:column;grid-row:2;align-self:start;gap:.18rem;padding:.35rem .6rem;display:flex;position:relative;top:auto}.shell>nav:before{display:none}.shell>nav a{gap:.7rem;min-height:2.55rem;padding:.58rem .75rem;font-size:.84rem;font-weight:600}.shell>nav a>span{color:#91a3bd;text-align:center;width:1rem}.shell>nav a:first-of-type{color:#fff;background:linear-gradient(90deg,#1f4fb4,#2f6fe9);border-color:#487dff8c;box-shadow:inset 0 1px #ffffff14}.shell>nav a:first-of-type>span{color:#fff}.sidebar-insight,.sidebar-host{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:linear-gradient(160deg, #3b82f612, transparent 70%), var(--ss-surface);margin-inline:.95rem;padding:.9rem}.sidebar-insight{grid-row:3}.sidebar-insight strong{color:var(--ss-text);font-size:.82rem}.sidebar-insight strong span{color:#9b72ff}.sidebar-insight p{color:var(--ss-text-muted);margin:.65rem 0 .8rem;font-size:.69rem;line-height:1.55}.sidebar-insight a{color:#8dbaff;background:#2563eb2b;border:1px solid #3b82f638;border-radius:.4rem;justify-content:space-between;align-items:center;min-height:2rem;padding:.42rem .6rem;font-size:.68rem;text-decoration:none;display:flex}.sidebar-host{grid-row:4}.sidebar-host-heading{align-items:center;gap:.55rem;display:flex}.host-dot{background:var(--ss-neutral);border-radius:50%;flex:none;width:.48rem;height:.48rem;display:inline-block}.host-dot.connected{background:var(--ss-success);box-shadow:0 0 .55rem #22c77380}.sidebar-host-heading strong,.host-chip strong{font-size:.74rem;display:block}.sidebar-host-heading small,.host-chip small{font-size:.64rem}.sidebar-host-engine{border-top:1px solid var(--ss-border);grid-template-columns:auto 1fr;gap:.15rem .5rem;margin-top:.8rem;padding-top:.7rem;display:grid}.sidebar-host-engine>span{color:var(--ss-accent);grid-row:1/span 2;align-self:center}.sidebar-host-engine strong{font-size:.7rem}.dashboard-topbar{grid-area:1/2/auto/-1;justify-content:space-between;align-items:center;gap:1rem;min-height:3.35rem;padding:.15rem .15rem .15rem .1rem;display:flex}.dashboard-topbar h2{margin:0;font-size:1.25rem}.dashboard-topbar p{margin:.18rem 0 0;font-size:.72rem}.host-chip{border:1px solid var(--ss-border);background:var(--ss-surface);border-radius:.55rem;align-items:center;gap:.55rem;min-width:8.75rem;padding:.45rem .65rem;display:flex}.kpis{grid-area:2/2/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.kpi{min-height:5.7rem;padding:.85rem .95rem}.kpi:nth-child(2) strong{color:#ffbd45}.kpi:nth-child(3) strong{color:#ff6b82}.kpi:nth-child(4) strong{color:#4ad995}#updates{grid-area:3/2/auto/span 8}#uptime{grid-area:3/10/auto/-1;max-height:24rem;overflow:auto}#resources{grid-area:4/2/auto/span 9}#services{grid-area:4/11/auto/-1;max-height:22rem;overflow:auto}#inventory{grid-area:5/2/auto/span 6}#monitoring{grid-area:5/8/auto/-1}.shell>section[aria-labelledby=tcp-monitor-title]{grid-area:6/2/auto/span 6}.shell>footer{grid-area:6/8/auto/-1}#updates .services>li{grid-template-columns:minmax(8rem,1.2fr) minmax(7rem,1fr) auto;align-items:center;gap:.6rem;display:grid}#updates .services>li>div{max-width:none;display:block}.update-assessment{min-width:0}.update-assessment small,.update-assessment a{display:block}#updates .state{justify-self:end;margin:0}.section-badge{color:#a987ff;letter-spacing:.04em;vertical-align:.12rem;background:#7d56ff2e;border-radius:999px;margin-left:.35rem;padding:.1rem .35rem;font-size:.58rem;display:inline-flex}#uptime .monitor-note{margin-bottom:.45rem}#uptime .incident-timeline,#uptime .incident-evidence,#uptime h3:nth-of-type(n+2){font-size:.7rem}.metric-charts{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-chart{grid-column:span 2;min-height:10.5rem}.metric-chart:first-child,.metric-chart:nth-child(2){grid-column:span 3;min-height:12rem}@media (width<=1180px){.shell{grid-template-columns:12rem repeat(12,minmax(0,1fr))}.shell:before{width:12rem}#updates,#uptime,#resources,#services,#inventory,#monitoring,.shell>section[aria-labelledby=tcp-monitor-title],.shell>footer{grid-column:2/-1;max-height:none}#updates{grid-row:3}#uptime{grid-row:4}#resources{grid-row:5}#services{grid-row:6}#inventory{grid-row:7}#monitoring{grid-row:8}.shell>section[aria-labelledby=tcp-monitor-title]{grid-row:9}.shell>footer{grid-row:10}}@media (width<=820px){.shell{min-height:100vh;padding:.8rem;display:block}.shell:before{display:none}.shell>header,.shell>nav,.sidebar-insight,.sidebar-host,.dashboard-topbar,.kpis,.shell>section,.shell>footer{margin-bottom:.75rem}.shell>nav{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);flex-direction:row;overflow-x:auto}.shell>nav a{flex:none}.sidebar-insight,.sidebar-host{display:none}.dashboard-topbar{padding:.25rem}.metric-charts{grid-template-columns:1fr}.metric-chart,.metric-chart:first-child,.metric-chart:nth-child(2){grid-column:auto}}@media (width<=520px){.host-chip{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#updates .services>li{display:block}#updates .state{margin-top:.45rem;display:inline-flex}}@media (width>=821px){.shell>header{width:var(--ss-sidebar-width);position:fixed;top:1rem;left:0}.shell>nav{width:var(--ss-sidebar-width);position:fixed;top:4.85rem;left:0}.sidebar-insight{width:calc(var(--ss-sidebar-width) - 1.9rem);margin:0;position:fixed;bottom:9.6rem;left:.95rem}.sidebar-host{width:calc(var(--ss-sidebar-width) - 1.9rem);margin:0;position:fixed;bottom:1rem;left:.95rem}#uptime{max-height:21rem}#uptime>.monitor-note:first-of-type,#uptime>.services[aria-label=Container\ availability]{display:none}#uptime>.uptime-heading{margin-top:0}#uptime>.uptime-heading h3{color:var(--ss-text-muted);text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}#uptime .uptime-services>li{padding-block:.52rem}}@media (width>=1181px){#updates{grid-column:2/span 7}#uptime{grid-column:9/-1}}:root{--ss-dashboard-gap:.9rem}body[data-page=dashboard] #services,body[data-page=dashboard] #inventory,body[data-page=dashboard] #monitoring,body[data-page=dashboard] .shell>section[aria-labelledby=tcp-monitor-title],body[data-page=dashboard] .shell>footer,body:not([data-page=dashboard]) .dashboard-topbar,body:not([data-page=dashboard]) .kpis,body:not([data-page=dashboard]) .shell>section,body:not([data-page=dashboard]) .shell>footer{display:none}body[data-page=services] #services,body[data-page=updates] #updates,body[data-page=uptime] #uptime,body[data-page=resources] #resources,body[data-page=containers] #services,body[data-page=alerts] #uptime,body[data-page=reports] #inventory,body[data-page=settings] .shell>footer,body[data-page=monitoring] #monitoring,body[data-page=monitoring] .shell>section[aria-labelledby=tcp-monitor-title]{display:block}.shell>header:before{color:#0000;content:"";background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%236f6cf7' d='M24 2.5 44 13 24 23.5 4 13z'/%3E%3Cpath fill='%233b82f6' d='M4 18.5 24 29 44 18.5v7L24 36 4 25.5z'/%3E%3Cpath fill='%232563eb' d='M4 29.5 24 40 44 29.5v7L24 47 4 36.5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;width:2.55rem;height:2.55rem;margin-right:.65rem;transform:none}.shell>header h1{letter-spacing:-.045em;font-size:1.5rem;font-weight:760}.shell>nav a{color:#b5c2d4;border:1px solid #0000;border-radius:.55rem;min-height:2.65rem;font-weight:620}.shell>nav a:first-of-type:not([aria-current=page]){box-shadow:none;color:#b5c2d4;background:0 0;border-color:#0000}.shell>nav a[aria-current=page]{color:#fff;background:linear-gradient(90deg,#17479b,#316fe8);border-color:#487eff66;box-shadow:0 8px 18px #0b41a53b}.shell>nav a[aria-current=page]>span{color:#fff}.sidebar-insight,.sidebar-host{box-shadow:none;background:linear-gradient(155deg,#3566c417,#0000 72%),#0a1727}.sidebar-insight a{background:#1f53a957;border-color:#316fe859}.dashboard-topbar{min-height:4.1rem;padding:0}.dashboard-topbar h2{letter-spacing:-.035em;font-size:1.45rem;font-weight:760}.dashboard-topbar p{color:var(--ss-text-muted);margin-top:.25rem;font-size:.75rem}.host-chip{background:#091625;border-radius:.6rem;min-width:8.4rem;min-height:2.8rem}.kpis{gap:var(--ss-dashboard-gap);grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{min-height:6.45rem;box-shadow:none;background:linear-gradient(145deg,#2d5e9912,#0000 72%),#0a1727;border-color:#1d3046;border-radius:.65rem;padding:1rem 6.2rem .85rem 5.5rem;position:relative}.kpi:before{color:#68a6ff;content:"▱";text-shadow:0 0 16px;background:linear-gradient(145deg,#2063e073,#103c9094);border:1px solid #3b82f659;border-radius:.85rem;place-items:center;width:3.55rem;height:3.55rem;font-size:1.65rem;font-weight:750;display:grid;position:absolute;top:1.15rem;left:1rem}.kpi:nth-child(2):before{color:#ffb13b;content:"⇩";background:linear-gradient(145deg,#ad4f079e,#5c300a8c);border-color:#f59e0b61}.kpi:nth-child(3):before{color:#ff6380;content:"!";background:linear-gradient(145deg,#99233a9e,#5816278c);border-color:#f0446461}.kpi:nth-child(4):before{color:#43dc94;content:"♡";background:linear-gradient(145deg,#0c7a43a1,#094a2d8f);border-color:#22c77361}.kpi:after{color:#3b82f6;opacity:.85;background:linear-gradient(160deg,#0000 42%,currentColor 44% 48%,#0000 50%);border-radius:0;width:4.6rem;height:1.8rem;top:auto;bottom:1.3rem;right:1rem;transform:none}.kpi:nth-child(2):after{color:#f59e0b}.kpi:nth-child(3):after{color:#f04464}.kpi:nth-child(4):after{color:#22c773}.kpi span{color:#c7d1df;letter-spacing:0;text-transform:none;font-size:.72rem;font-weight:620}.kpi strong{margin-top:.25rem;font-size:1.55rem}.shell>section{box-shadow:none;background:#0a1727;border-color:#1d3046;border-radius:.65rem}.section-badge{color:#ae91ff;background:#7750ec57;border:0}.empty{background:#071321;border-color:#29415d}body[data-page=dashboard] #updates{min-height:23rem;overflow:hidden}body[data-page=dashboard] #updates .services{background:#081523;border:1px solid #1d3046;border-radius:.55rem;overflow:hidden}body[data-page=dashboard] #updates .services:before{color:#7f91aa;content:"SERVICE                 STATUS                 UPDATE SUMMARY";letter-spacing:.05em;white-space:pre;border-bottom:1px solid #1d3046;padding:.55rem .7rem;font-size:.58rem;font-weight:700;display:block}body[data-page=dashboard] #updates .services>li{grid-template-columns:minmax(9rem,1.2fr) 7.5rem minmax(10rem,1.5fr);align-items:center;gap:.7rem;min-height:3.55rem;padding:.55rem .7rem;display:grid}body[data-page=dashboard] #updates .services>li:nth-child(n+6){display:none}body[data-page=dashboard] #updates .services>li>div{max-width:none;display:block}body[data-page=dashboard] #updates .services>li>div small{text-overflow:ellipsis;white-space:nowrap;margin-top:.12rem;font-size:.61rem;overflow:hidden}body[data-page=dashboard] #updates .services>li>.state{float:none;justify-self:start;margin:0;position:static}body[data-page=dashboard] #updates .services>li>.update-assessment{color:#9aaac0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.35;display:-webkit-box;overflow:hidden}body[data-page=dashboard] #updates .services>li>.update-assessment a{color:#8eb4ff}body[data-page=dashboard] #uptime{min-height:23rem;max-height:23rem;position:relative;overflow:hidden}body[data-page=dashboard] #uptime>.monitor-note,body[data-page=dashboard] #uptime>.services,body[data-page=dashboard] #uptime>h3,body[data-page=dashboard] #uptime>.incident-timeline{display:none}body[data-page=dashboard] #uptime .uptime-heading{margin:0;position:absolute;top:.75rem;right:.8rem}body[data-page=dashboard] #uptime .uptime-heading h3,body[data-page=dashboard] #uptime .uptime-window button{display:none}body[data-page=dashboard] #uptime .uptime-window button[aria-pressed=true]{display:inline-flex}body[data-page=dashboard] #uptime .uptime-services{margin-top:.1rem}body[data-page=dashboard] #uptime .uptime-services>li{grid-template-columns:minmax(0,1fr) 8.5rem;align-items:center;gap:.6rem;min-height:2.25rem;padding:.34rem 0;display:grid}body[data-page=dashboard] #uptime .uptime-services>li:nth-child(n+10){display:none}body[data-page=dashboard] #uptime .uptime-service-label{gap:.35rem;font-size:.63rem}body[data-page=dashboard] #uptime .uptime-service-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600;overflow:hidden}body[data-page=dashboard] #uptime .state{padding:.08rem .3rem;font-size:.5rem}body[data-page=dashboard] #uptime .uptime-bar{height:.34rem;margin:0}body[data-page=dashboard] #resources{grid-column:2/-1;position:relative}body[data-page=dashboard] #resources .resource-window{position:absolute;top:.75rem;right:.9rem}body[data-page=dashboard] #resources .resource-window button{display:none}body[data-page=dashboard] #resources .resource-window button[aria-pressed=true]{display:inline-flex}body[data-page=dashboard] #resources .metric-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}body[data-page=dashboard] #resources .metric-chart:nth-child(n+3),body[data-page=dashboard] #resources .resource-metrics,body[data-page=dashboard] #resources .resource-detail,body[data-page=dashboard] #resources .history-summary{display:none}body[data-page=dashboard] #resources .metric-chart{grid-column:auto;min-height:11rem}body:not([data-page=dashboard]) .shell>section,body[data-page=settings] .shell>footer{min-height:calc(100vh - 2.3rem);max-height:none;overflow:visible}body:not([data-page=dashboard]) .shell>section>h2{letter-spacing:-.03em;margin-bottom:1.1rem;font-size:1.35rem}body[data-page=containers] #services-title,body[data-page=reports] #runtime-title,body[data-page=alerts] #uptime-title{font-size:0}body[data-page=containers] #services-title:before{content:"Containers";font-size:1.35rem}body[data-page=reports] #runtime-title:before{content:"Reports";font-size:1.35rem}body[data-page=alerts] #uptime-title:before{content:"Alerts";font-size:1.35rem}body[data-page=settings] .shell>footer{color:#9eacc0;background:#0a1727;border:1px solid #1d3046;border-radius:.65rem;padding:5rem 1.2rem 1.2rem;position:relative}body[data-page=settings] .shell>footer:before{color:var(--ss-text);content:"Settings";letter-spacing:-.03em;font-size:1.35rem;font-weight:720;position:absolute;top:1.15rem;left:1.2rem}body[data-page=settings] .shell>footer:after{color:var(--ss-text-muted);content:"Host connection and runtime status";font-size:.75rem;position:absolute;top:3rem;left:1.2rem}@media (width>=1181px){.shell{row-gap:var(--ss-dashboard-gap);column-gap:var(--ss-dashboard-gap);padding:1.15rem 1.5rem 1.15rem 0}.shell:before{min-height:100vh;position:fixed}.shell>header{top:1rem}.shell>nav{top:5rem}.sidebar-insight{bottom:10rem}.dashboard-topbar{grid-area:1/2/auto/-1}.kpis{grid-area:2/2/auto/-1}body[data-page=dashboard] #updates{grid-area:3/2/auto/span 8}body[data-page=dashboard] #uptime{grid-area:3/10/auto/-1}body[data-page=dashboard] #resources{grid-row:4}body:not([data-page=dashboard]) .shell>section,body[data-page=settings] .shell>footer{grid-area:1/2/auto/-1}body[data-page=monitoring] #monitoring{grid-column:2/span 6}body[data-page=monitoring] .shell>section[aria-labelledby=tcp-monitor-title]{grid-column:8/-1}}@media (width<=1180px){.shell{padding:.8rem;display:block}.shell:before{display:none}.shell>header,.shell>nav{width:auto;position:static}.shell>nav{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:.8rem;display:grid}.shell>nav a{justify-content:center}.sidebar-insight,.sidebar-host{display:none}.dashboard-topbar,.kpis,.shell>section,.shell>footer{margin-bottom:.8rem}body[data-page=dashboard] #updates,body[data-page=dashboard] #uptime{min-height:0;max-height:none}}@media (width<=760px){.shell>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.shell>nav a{justify-content:flex-start}.host-chip{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:5.8rem;padding:.85rem .65rem .75rem 4.4rem}.kpi:before{width:2.95rem;height:2.95rem;top:.95rem;left:.75rem}.kpi:after{display:none}body[data-page=dashboard] #updates .services:before{content:"SERVICE / UPDATE STATUS"}body[data-page=dashboard] #updates .services>li{grid-template-columns:minmax(0,1fr) auto}body[data-page=dashboard] #updates .services>li>small{grid-column:1/-1}body[data-page=dashboard] #uptime .uptime-services>li,body[data-page=dashboard] #resources .metric-charts,.metric-charts{grid-template-columns:1fr}}body[data-page=dashboard] #updates .update-assessment>a{display:none}body[data-page=dashboard] #updates .update-assessment>small:first-child:not(:has(time)){display:none}body[data-page=dashboard] #updates .update-assessment>small:has(time){display:none}body[data-page=dashboard] #updates .services>li>.update-assessment>small:not(:has(time)):not(:first-child){color:inherit;font-size:inherit;line-height:inherit;text-overflow:clip;white-space:normal;margin:0;display:block;overflow:visible}body[data-page=dashboard] #updates .update-assessment:has(>small:last-of-type>time){display:none}.shell>header h1{font-size:var(--ss-font-size-xl);font-weight:var(--ss-font-weight-bold);letter-spacing:0;line-height:1.1}.dashboard-topbar h2,body:not([data-page=dashboard]) .shell>section>h2,body[data-page=containers] #services-title:before,body[data-page=reports] #runtime-title:before,body[data-page=alerts] #uptime-title:before,body[data-page=settings] .shell>footer:before{font-size:var(--ss-font-size-lg);font-weight:var(--ss-font-weight-semibold);letter-spacing:0;line-height:1.2}.shell>section>h2,.shell>section h3{font-weight:var(--ss-font-weight-semibold);line-height:1.25}.shell>section>h2{font-size:var(--ss-font-size-base)}.shell>section h3{font-size:var(--ss-font-size-sm)}.shell>nav a{gap:var(--ss-space-3);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-medium);line-height:1}.shell>nav a>span[aria-hidden=true]{width:var(--ss-space-6);height:var(--ss-space-6);flex:0 0 var(--ss-space-6);text-align:center;place-items:center;line-height:1;display:inline-grid}.kpi span{font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-medium);line-height:1.2}.kpi strong{font-size:var(--ss-font-size-xl);font-weight:var(--ss-font-weight-bold);line-height:1.1}.ss-button,.uptime-window button,.resource-window button{min-height:calc(var(--ss-space-6) + var(--ss-space-3));justify-content:center;align-items:center;gap:var(--ss-space-2);border-radius:var(--ss-radius-sm);padding:var(--ss-space-2) var(--ss-space-3);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold);vertical-align:middle;line-height:1;display:inline-flex}.state,.ss-pill,.section-badge{min-height:var(--ss-space-6);justify-content:center;align-items:center;gap:var(--ss-space-1);padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-bold);vertical-align:middle;white-space:nowrap;line-height:1;display:inline-flex}body[data-page=services] #services .services>li,body[data-page=containers] #services .services>li{align-items:center;gap:var(--ss-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}body[data-page=services] #services .services>li>div,body[data-page=containers] #services .services>li>div{max-width:none;display:block}body[data-page=services] #services .state,body[data-page=containers] #services .state{float:none;justify-self:end}body[data-page=dashboard] #updates .services:before,body[data-page=dashboard] #updates .services>li>div small,body[data-page=dashboard] #updates .services>li>.update-assessment,body[data-page=dashboard] #uptime .uptime-service-label,body[data-page=dashboard] #uptime .uptime-service-label strong,body[data-page=dashboard] #uptime .state{font-size:var(--ss-font-size-xs)}body[data-page=dashboard] #updates .services:before,body[data-page=dashboard] #uptime .uptime-service-label strong{font-weight:var(--ss-font-weight-semibold)}.dashboard-topbar,.uptime-heading,.resource-detail-heading,.chart-heading,.uptime-service-label{align-items:center}input,select,textarea,button{vertical-align:middle;line-height:1.25}body[data-page=resources] #resources{padding:var(--ss-space-6)}body[data-page=resources] #resources>h3{margin-top:var(--ss-space-6);margin-bottom:var(--ss-space-3)}body[data-page=resources] #resources>h2+.resource-window{margin-bottom:var(--ss-space-5)}body[data-page=resources] #resources .resource-metrics{gap:var(--ss-space-4);margin-top:var(--ss-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}body[data-page=resources] #resources .resource-metrics>li{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);min-height:0;padding:var(--ss-space-4);background:var(--ss-bg-elevated)}body[data-page=resources] #resources .resource-metrics>li:first-child{grid-column:1/-1}body[data-page=resources] #resources .resource-metrics>li>strong,body[data-page=resources] #resources .resource-detail-link{margin-bottom:var(--ss-space-2);color:var(--ss-text);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold);display:block}body[data-page=resources] #resources .resource-metrics>li>small{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);line-height:1.5}body[data-page=resources] #resources .metric-charts{gap:var(--ss-space-4);margin-top:var(--ss-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}body[data-page=resources] #resources .metric-chart,body[data-page=resources] #resources .metric-chart:first-child,body[data-page=resources] #resources .metric-chart:nth-child(2){min-height:0;padding:var(--ss-space-4);grid-column:auto}body[data-page=resources] #resources .chart-line{height:8rem;margin-top:var(--ss-space-3)}body[data-page=resources] #resources .chart-heading{gap:var(--ss-space-3)}body[data-page=resources] #resources .chart-heading strong{font-size:var(--ss-font-size-base)}body[data-page=resources] #resources .history-summary{margin-top:var(--ss-space-3)}@media (width<=1180px){body[data-page=resources] #resources .resource-metrics,body[data-page=resources] #resources .metric-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){body[data-page=dashboard] #updates .services>li>.update-assessment{grid-column:1/-1}body[data-page=resources] #resources{padding:var(--ss-space-4)}body[data-page=resources] #resources .resource-metrics,body[data-page=resources] #resources .metric-charts{grid-template-columns:1fr}body[data-page=resources] #resources .resource-metrics>li:first-child{grid-column:auto}body[data-page=resources] #resources .chart-line{height:7rem}}@media (width>=1181px){body[data-page=resources] #resources{gap:var(--ss-space-4) var(--ss-space-5);grid-area:1/2/auto/-1;grid-template-columns:minmax(0,2fr) minmax(19rem,1fr);grid-auto-rows:auto;align-items:start;display:grid}body[data-page=resources] #resources>h2{font-size:var(--ss-font-size-lg);grid-column:1/-1;margin-bottom:0}body[data-page=resources] #resources>h2:after{margin-top:var(--ss-space-2);color:var(--ss-text-muted);content:"CPU, memory, network and storage evidence";font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium);line-height:1.4;display:block}body[data-page=resources] #resources>.resource-window{margin:0 0 var(--ss-space-2);grid-column:1/-1}body[data-page=resources] #resources>h3:first-of-type{grid-column:1;margin:0}body[data-page=resources] #resources>h3:first-of-type:after{margin-left:var(--ss-space-2);color:var(--ss-text-muted);content:"historical trends";font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium)}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2){gap:var(--ss-space-4);grid-area:4/1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart{min-height:10.5rem;padding:var(--ss-space-4);grid-column:span 2}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:first-child{order:1}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(2){order:2}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(5){order:3}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(6){order:4}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(3),body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(4),body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(7),body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(8){grid-column:span 1;min-height:7.5rem}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(3){order:5}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(4){order:6}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(7){order:7}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(8){order:8}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(-n+2) .chart-line,body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(5) .chart-line,body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(6) .chart-line{height:6rem}body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(3) .chart-line,body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(4) .chart-line,body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(7) .chart-line,body[data-page=resources] #resources>div.metric-charts:nth-of-type(2)>.metric-chart:nth-child(8) .chart-line{height:3.5rem}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest host resource snapshot"]{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-space-4);background:var(--ss-bg-elevated);grid-area:3/2/span 2;margin:0;display:block}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest host resource snapshot"]:before{margin-bottom:var(--ss-space-3);color:var(--ss-text);content:"Storage & host snapshot";font-size:var(--ss-font-size-base);font-weight:var(--ss-font-weight-semibold);display:block}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest host resource snapshot"]>li{border:0;border-top:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);padding:var(--ss-space-3) 0;background:0 0}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest host resource snapshot"]>li:first-child{border-top:0;padding-top:0}body[data-page=resources] #resources>p.history-summary:first-of-type{grid-column:1;margin:0}body[data-page=resources] #resources>h3:nth-of-type(2){margin:var(--ss-space-3) 0 0;padding-top:var(--ss-space-4);border-top:1px solid var(--ss-border);grid-column:1/-1}body[data-page=resources] #resources>div.metric-charts:nth-of-type(3){gap:var(--ss-space-4);grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}body[data-page=resources] #resources>div.metric-charts:nth-of-type(3)>.metric-chart{min-height:9.5rem}body[data-page=resources] #resources>div.metric-charts:nth-of-type(3) .chart-line{height:5rem}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest container resource snapshots"]{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);max-height:36rem;padding:var(--ss-space-4);background:var(--ss-bg-elevated);grid-column:2;align-self:stretch;margin:0;display:block;overflow:auto}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest container resource snapshots"]:before{margin-bottom:var(--ss-space-3);color:var(--ss-text);content:"Container activity";font-size:var(--ss-font-size-base);font-weight:var(--ss-font-weight-semibold);display:block}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest container resource snapshots"]>li{border:0;border-top:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);padding:var(--ss-space-3) 0;background:0 0}body[data-page=resources] #resources>ul.resource-metrics[aria-label="Latest container resource snapshots"]>li:first-child{border-top:0;padding-top:0}body[data-page=resources] #resources>.resource-detail{grid-column:1/-1}body[data-page=resources] #resources>p.history-summary:last-child{grid-column:1;margin:0}}@media (width<=1180px){body[data-page=resources] #resources{grid-column:2/-1}}@media (width>=1181px){body[data-page=updates] #updates{padding:var(--ss-space-6);grid-area:1/2/auto/-1;position:relative}body[data-page=updates] #updates>h2{margin-bottom:var(--ss-space-2)}body[data-page=updates] #updates>h2:after{margin-top:var(--ss-space-2);color:var(--ss-text-muted);content:"Release intelligence, source evidence and update policy";font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium);line-height:1.4;display:block}body[data-page=updates] #updates>.ss-button{top:var(--ss-space-6);right:var(--ss-space-6);position:absolute}body[data-page=updates] #updates>.services{margin-top:var(--ss-space-6);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);background:var(--ss-bg-elevated);overflow:hidden}body[data-page=updates] #updates>.services:before{border-bottom:1px solid var(--ss-border);padding:var(--ss-space-3) var(--ss-space-4);color:var(--ss-text-muted);content:"SERVICE  ·  STATE  ·  RELEASE EVIDENCE & POLICY";font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-semibold);letter-spacing:.04em;display:block}body[data-page=updates] #updates>.services>li{align-items:start;gap:var(--ss-space-5);border-top:1px solid var(--ss-border);min-height:7rem;padding:var(--ss-space-5) var(--ss-space-4);grid-template-columns:minmax(13rem,1fr) minmax(8rem,.55fr) minmax(0,3fr);display:grid}body[data-page=updates] #updates>.services>li:first-child{border-top:0}body[data-page=updates] #updates>.services>li>div:first-child{max-width:none;display:block}body[data-page=updates] #updates>.services>li>div:first-child strong{margin-bottom:var(--ss-space-1);font-size:var(--ss-font-size-base);font-weight:var(--ss-font-weight-semibold);display:block}body[data-page=updates] #updates>.services>li>div:first-child small{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);line-height:1.45}body[data-page=updates] #updates>.services>li>.state{float:none;justify-self:start;margin:0;position:static}body[data-page=updates] #updates .update-assessment{align-items:center;gap:var(--ss-space-2) var(--ss-space-5);grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);grid-auto-flow:dense;min-width:0;display:grid}body[data-page=updates] #updates .update-assessment>small,body[data-page=updates] #updates .update-assessment>details,body[data-page=updates] #updates .update-assessment>a{grid-column:1;min-width:0}body[data-page=updates] #updates .update-assessment>small{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);line-height:1.45}body[data-page=updates] #updates .update-assessment>small:first-child{color:var(--ss-text-soft);font-weight:var(--ss-font-weight-medium)}body[data-page=updates] #updates .update-assessment>a{width:fit-content;font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold)}body[data-page=updates] #updates .update-assessment>details{border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);padding:var(--ss-space-2) var(--ss-space-3);background:var(--ss-surface)}body[data-page=updates] #updates .update-assessment>details summary{color:var(--ss-text-soft);cursor:pointer;font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-semibold)}body[data-page=updates] #updates .update-assessment>label{gap:var(--ss-space-1);color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium);grid-column:2;grid-template-columns:minmax(0,1fr);display:grid}body[data-page=updates] #updates .update-assessment>label select,body[data-page=updates] #updates .update-assessment>label input{width:100%;min-height:calc(var(--ss-space-6) + var(--ss-space-3));border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);padding:var(--ss-space-2) var(--ss-space-3);background:var(--ss-surface-2);color:var(--ss-text);font-size:var(--ss-font-size-sm)}body[data-page=updates] #updates .update-assessment>.ss-button{grid-column:2;justify-self:stretch;width:100%}}@media (width<=1180px){body[data-page=updates] #updates{grid-column:2/-1}body[data-page=updates] #updates>.services>li{gap:var(--ss-space-3) var(--ss-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}body[data-page=updates] #updates>.services>li>.update-assessment{gap:var(--ss-space-2);grid-column:1/-1;grid-template-columns:1fr;display:grid}body[data-page=updates] #updates .update-assessment>small,body[data-page=updates] #updates .update-assessment>details,body[data-page=updates] #updates .update-assessment>a,body[data-page=updates] #updates .update-assessment>label,body[data-page=updates] #updates .update-assessment>.ss-button{grid-column:1}}.shell>section[hidden],.shell>footer[hidden],.shell>.dashboard-topbar[hidden],.shell>.kpis[hidden]{display:none!important}body[data-page=services] #services:not([hidden]),body[data-page=alerts] .shell>section[aria-labelledby=security-audit-title]:not([hidden]){grid-area:1/2/auto/-1;max-height:none;overflow:visible;display:block!important}.canonical-page,.canonical-dashboard,.canonical-loading{grid-area:1/2/auto/-1;min-width:0}.canonical-page,.canonical-dashboard{color:var(--ss-text)}.canonical-page{gap:var(--ss-space-4);display:grid}.canonical-dashboard{gap:var(--ss-space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.canonical-page-header{justify-content:space-between;align-items:flex-start;gap:var(--ss-space-4);min-height:4rem;display:flex}.canonical-page-header h2{font-size:var(--ss-font-size-lg);font-weight:var(--ss-font-weight-bold);letter-spacing:0;margin:0}.canonical-page-header p,.canonical-section-heading p,.canonical-card p,.canonical-card small{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs)}.canonical-page-header p{margin-top:var(--ss-space-1);margin-bottom:0}.canonical-header-actions{justify-content:flex-end;align-items:center;gap:var(--ss-space-2);display:flex}.canonical-host-chip,.canonical-avatar,.canonical-icon-action,.canonical-window-pill{border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);background:var(--ss-bg-elevated)}.canonical-host-chip{align-items:center;gap:var(--ss-space-2);min-width:8.5rem;min-height:2.75rem;padding:var(--ss-space-2) var(--ss-space-3);display:flex}.canonical-host-chip strong,.canonical-host-chip small{display:block}.canonical-host-chip strong{font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold)}.canonical-host-chip small{font-size:var(--ss-font-size-xs)}.canonical-avatar,.canonical-icon-action{width:2.5rem;height:2.5rem;color:var(--ss-text-soft);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.canonical-avatar{border-radius:var(--ss-radius-pill)}.canonical-notification-count{border-radius:var(--ss-radius-pill);background:var(--ss-accent-strong);min-width:1rem;min-height:1rem;color:var(--ss-text);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-bold);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}.canonical-card{border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);background:var(--ss-surface);min-width:0;box-shadow:var(--ss-shadow-card)}.canonical-section-heading{justify-content:space-between;align-items:flex-start;gap:var(--ss-space-4);margin-bottom:var(--ss-space-3);display:flex}.canonical-section-heading h3,.canonical-mini-card h3,.canonical-card h4{font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-bold);margin:0}.canonical-section-heading p{margin-top:var(--ss-space-1);margin-bottom:0}.canonical-summary-grid{gap:var(--ss-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.canonical-summary-card{align-items:center;gap:var(--ss-space-3);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);min-height:5.9rem;padding:var(--ss-space-4);background:var(--ss-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.canonical-summary-icon{border-radius:var(--ss-radius-lg);width:3rem;height:3rem;font-size:var(--ss-font-size-lg);font-weight:var(--ss-font-weight-bold);border:1px solid;justify-content:center;align-items:center;display:inline-flex}.canonical-summary-card small,.canonical-summary-card strong,.canonical-summary-card p{display:block}.canonical-summary-card small{color:var(--ss-text-soft);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium)}.canonical-summary-card strong{margin-top:var(--ss-space-1);font-size:var(--ss-font-size-xl);font-weight:var(--ss-font-weight-bold);line-height:1}.canonical-summary-card p{margin-top:var(--ss-space-1);margin-bottom:0}.canonical-summary-spark{color:currentColor;font-size:var(--ss-font-size-xl);font-weight:var(--ss-font-weight-bold)}.canonical-tone-accent,.canonical-line-accent{color:var(--ss-accent)}.canonical-tone-success,.canonical-line-success{color:var(--ss-success)}.canonical-tone-warning,.canonical-line-warning{color:var(--ss-warning)}.canonical-tone-danger,.canonical-line-danger{color:var(--ss-danger)}.canonical-line-purple{color:var(--ss-accent-hover)}.canonical-line-cyan{color:var(--ss-text-soft)}.canonical-status{border-radius:var(--ss-radius-sm);min-height:1.5rem;padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-bold);text-transform:uppercase;white-space:nowrap;border:1px solid;justify-content:center;align-items:center;line-height:1;display:inline-flex}.canonical-status-success,.canonical-dot-success{color:var(--ss-success)}.canonical-status-warning,.canonical-dot-warning{color:var(--ss-warning)}.canonical-status-danger,.canonical-dot-danger{color:var(--ss-danger)}.canonical-status-accent,.canonical-dot-accent{color:var(--ss-accent)}.canonical-status-neutral,.canonical-dot-neutral{color:var(--ss-neutral)}.canonical-dot{border-radius:var(--ss-radius-pill);vertical-align:middle;background:currentColor;width:.5rem;height:.5rem;display:inline-block}.canonical-table-wrap{min-width:0;overflow-x:auto}.canonical-table{border-collapse:collapse;width:100%;color:var(--ss-text-soft);font-size:var(--ss-font-size-sm)}.canonical-table th,.canonical-table td{border-bottom:1px solid var(--ss-border);padding:var(--ss-space-3) var(--ss-space-2);text-align:left;vertical-align:middle}.canonical-table th{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-bold);letter-spacing:0;text-transform:uppercase}.canonical-table td{line-height:1.35}.canonical-table td small{margin-top:var(--ss-space-1);display:block}.canonical-table a{color:var(--ss-text);text-decoration:none}.canonical-table a:hover{color:var(--ss-accent-hover)}.canonical-empty-cell,.canonical-empty-state{color:var(--ss-text-muted);text-align:center}.canonical-full-table-card,.canonical-settings-shell,.canonical-service-hero,.canonical-performance-card,.canonical-update-intelligence,.canonical-service-containers,.canonical-service-incidents,.canonical-uptime-main,.canonical-incident-panel,.canonical-http-card,.canonical-tcp-card,.canonical-monitor-evidence,.canonical-resource-monitor,.canonical-top-consumers,.canonical-storage-card,.canonical-active-alerts,.canonical-alert-summary,.canonical-alert-activity,.canonical-recent-reports,.canonical-scheduled-reports,.canonical-report-coverage{padding:var(--ss-space-4)}.canonical-ai-badge{border-radius:var(--ss-radius-sm);min-height:1.25rem;padding:var(--ss-space-1) var(--ss-space-2);background:var(--ss-accent-soft);color:var(--ss-accent-hover);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-bold);align-items:center;display:inline-flex}.canonical-window-pill{min-height:2rem;padding:var(--ss-space-1) var(--ss-space-3);color:var(--ss-text-soft);font-size:var(--ss-font-size-xs);align-items:center;display:inline-flex}.canonical-dashboard>.canonical-page-header,.canonical-dashboard>.canonical-summary-grid,.canonical-dashboard>.canonical-system-strip{grid-column:1/-1}.canonical-dashboard-updates{min-height:22rem;padding:var(--ss-space-4);grid-column:1/span 8}.canonical-dashboard-uptime{min-height:22rem;padding:var(--ss-space-4);grid-column:9/-1}.canonical-dashboard-resources{padding:var(--ss-space-4);grid-column:1/span 7}.canonical-dashboard-mini-grid{gap:var(--ss-space-3);grid-column:8/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.canonical-mini-card{min-height:13rem;padding:var(--ss-space-4)}.canonical-mini-card>strong{margin-top:var(--ss-space-4);font-size:var(--ss-font-size-lg);font-weight:var(--ss-font-weight-bold);display:block}.canonical-mini-card>span,.canonical-mini-card>small,.canonical-mini-card>p{font-size:var(--ss-font-size-xs)}.canonical-donut{border:.75rem solid var(--ss-accent-strong);border-radius:var(--ss-radius-pill);width:6rem;height:6rem;margin:var(--ss-space-4) auto var(--ss-space-3);background:var(--ss-bg-elevated);flex-direction:column;justify-content:center;align-items:center;display:flex}.canonical-donut strong{font-size:var(--ss-font-size-lg)}.canonical-donut small{font-size:var(--ss-font-size-xs)}.canonical-ai-footer{align-items:center;gap:var(--ss-space-2);border-top:1px solid var(--ss-border);margin-top:var(--ss-space-2);padding-top:var(--ss-space-2);color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);display:flex}.canonical-ai-footer small{margin-left:auto}.canonical-card-link{margin-top:var(--ss-space-2);font-size:var(--ss-font-size-xs);text-decoration:none;display:inline-block}.canonical-uptime-table progress,.canonical-progress-row progress,.canonical-storage-list progress{width:100%;height:.45rem;accent-color:var(--ss-success)}.canonical-uptime-value{min-width:3.75rem;display:inline-block}.canonical-resource-pair,.canonical-resource-chart-grid{gap:var(--ss-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canonical-trend-card{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);min-width:0;padding:var(--ss-space-3);background:var(--ss-bg-elevated)}.canonical-card-heading{justify-content:space-between;align-items:center;gap:var(--ss-space-3);display:flex}.canonical-card-heading strong,.canonical-card-heading span{font-size:var(--ss-font-size-sm)}.canonical-line-chart{width:100%;height:7rem;margin-top:var(--ss-space-3);overflow:visible}.canonical-line-chart polyline{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.canonical-grid-line{fill:none;stroke:var(--ss-border);stroke-width:1px;vector-effect:non-scaling-stroke}.canonical-system-strip{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;min-height:5rem;display:grid}.canonical-system-strip>div{align-content:center;column-gap:var(--ss-space-2);border-right:1px solid var(--ss-border);padding:var(--ss-space-3) var(--ss-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.canonical-system-strip>div:last-child{border-right:0}.canonical-system-strip>div>span{color:var(--ss-accent);grid-row:1/span 2}.canonical-system-strip strong{font-size:var(--ss-font-size-sm)}.canonical-system-strip small{font-size:var(--ss-font-size-xs)}.canonical-service-hero{align-items:center;gap:var(--ss-space-4);grid-template-columns:minmax(15rem,1fr) minmax(0,3fr);display:grid}.canonical-service-hero h3{font-size:var(--ss-font-size-lg);margin:0}.canonical-service-hero p{margin-bottom:0}.canonical-service-hero dl{gap:var(--ss-space-3);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid}.canonical-service-hero dt,.canonical-visual-contract dt{color:var(--ss-text-muted);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-medium)}.canonical-service-hero dd,.canonical-visual-contract dd{margin:var(--ss-space-1) 0 0;color:var(--ss-text);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold)}.canonical-service-detail-grid{gap:var(--ss-space-4);grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);display:grid}.canonical-performance-card,.canonical-service-containers{grid-column:1}.canonical-update-intelligence,.canonical-service-incidents{grid-column:2}.canonical-version-jump{margin-top:var(--ss-space-4);font-size:var(--ss-font-size-lg);display:block}.canonical-activity-list,.canonical-storage-list,.canonical-settings-list{margin:0;padding:0;list-style:none}.canonical-activity-list li,.canonical-storage-list li,.canonical-settings-list li{align-items:center;gap:var(--ss-space-3);border-top:1px solid var(--ss-border);min-width:0;padding:var(--ss-space-3) 0;display:flex}.canonical-activity-list li:first-child,.canonical-storage-list li:first-child,.canonical-settings-list li:first-child{border-top:0}.canonical-activity-list li>div,.canonical-storage-list li>div{flex:1;min-width:0}.canonical-activity-list p,.canonical-storage-list small,.canonical-settings-list small{margin:0}.canonical-uptime-layout{gap:var(--ss-space-4);grid-template-columns:minmax(0,7fr) minmax(18rem,3fr);display:grid}.canonical-chart-empty{border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);background:var(--ss-bg-elevated);min-height:11rem;color:var(--ss-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.canonical-chart-empty span{color:var(--ss-text-soft);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold)}.canonical-chart-empty small{max-width:36rem;margin-top:var(--ss-space-2)}.canonical-average-uptime{margin:var(--ss-space-5) 0}.canonical-average-uptime small,.canonical-average-uptime strong{display:block}.canonical-average-uptime strong{margin-top:var(--ss-space-1);font-size:var(--ss-font-size-xl)}.canonical-monitoring-layout{gap:var(--ss-space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.canonical-http-card{grid-row:1/span 2}.canonical-monitor-evidence{min-height:22rem}.canonical-resources-layout{gap:var(--ss-space-4);grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);display:grid}.canonical-resource-monitor{grid-row:1/span 2}.canonical-top-consumers,.canonical-storage-card{grid-column:2}.canonical-storage-list li{align-items:flex-start}.canonical-storage-list li>div:last-child{max-width:10rem}.canonical-storage-list span{margin-bottom:var(--ss-space-1);font-size:var(--ss-font-size-sm);text-align:right;display:block}.canonical-alert-filters{gap:var(--ss-space-3);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-space-3);background:var(--ss-surface);display:flex}.canonical-alert-filters button,.canonical-tabs button{justify-content:space-between;align-items:center;gap:var(--ss-space-4);border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);min-height:2.25rem;padding:var(--ss-space-2) var(--ss-space-3);background:var(--ss-surface-2);color:var(--ss-text-soft);font-size:var(--ss-font-size-xs);font-weight:var(--ss-font-weight-semibold);cursor:pointer;display:inline-flex}.canonical-alert-filters button[aria-pressed=true],.canonical-tabs button[aria-selected=true]{border-color:var(--ss-accent);background:var(--ss-accent-strong);color:var(--ss-text)}.canonical-alert-layout,.canonical-reports-layout{gap:var(--ss-space-4);grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);display:grid}.canonical-active-alerts,.canonical-recent-reports{grid-row:1/span 2}.canonical-progress-row{align-items:center;gap:var(--ss-space-3);margin-top:var(--ss-space-4);font-size:var(--ss-font-size-sm);grid-template-columns:6rem minmax(0,1fr) 2rem;display:grid}.canonical-progress-row progress{accent-color:var(--ss-accent)}.canonical-progress-warning progress{accent-color:var(--ss-warning)}.canonical-progress-success progress{accent-color:var(--ss-success)}.canonical-progress-danger progress{accent-color:var(--ss-danger)}.canonical-tabs{gap:var(--ss-space-3);margin-bottom:var(--ss-space-5);flex-wrap:wrap;display:flex}.canonical-settings-form{gap:var(--ss-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canonical-settings-form>.canonical-card,.canonical-settings-panel>.canonical-card{padding:var(--ss-space-4)}.canonical-settings-form label{align-items:center;gap:var(--ss-space-3);margin-top:var(--ss-space-3);color:var(--ss-text-soft);font-size:var(--ss-font-size-sm);grid-template-columns:minmax(8rem,1fr) minmax(12rem,2fr);display:grid}.canonical-settings-form input,.canonical-settings-form select{border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);min-height:2.25rem;padding:var(--ss-space-2) var(--ss-space-3);background:var(--ss-surface-2);color:var(--ss-text)}.canonical-toggle-row{grid-template-columns:minmax(0,1fr) auto!important}.canonical-toggle-row input{width:2.75rem}.canonical-visual-contract{grid-column:1/-1}.canonical-visual-contract dl{margin:0 0 var(--ss-space-5)}.canonical-visual-contract dl>div{gap:var(--ss-space-4);border-top:1px solid var(--ss-border);padding:var(--ss-space-3) 0;grid-template-columns:10rem minmax(0,1fr);display:grid}.canonical-settings-panel{gap:var(--ss-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canonical-loading .canonical-card{padding:var(--ss-space-6)}@media (width<=1180px){.canonical-page,.canonical-dashboard,.canonical-loading{margin-bottom:var(--ss-space-4)}.canonical-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.canonical-dashboard>*,.canonical-dashboard-updates,.canonical-dashboard-uptime,.canonical-dashboard-resources,.canonical-dashboard-mini-grid,.canonical-system-strip{grid-column:1/-1}.canonical-summary-grid,.canonical-settings-form,.canonical-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.canonical-service-detail-grid,.canonical-uptime-layout,.canonical-resources-layout,.canonical-alert-layout,.canonical-reports-layout{grid-template-columns:1fr}.canonical-performance-card,.canonical-update-intelligence,.canonical-service-containers,.canonical-service-incidents,.canonical-uptime-main,.canonical-incident-panel,.canonical-resource-monitor,.canonical-top-consumers,.canonical-storage-card,.canonical-active-alerts,.canonical-alert-summary,.canonical-alert-activity,.canonical-recent-reports,.canonical-scheduled-reports,.canonical-report-coverage{grid-area:auto/1}.canonical-monitoring-layout{grid-template-columns:1fr}.canonical-http-card{grid-row:auto}.canonical-service-hero{grid-template-columns:1fr}.canonical-service-hero dl,.canonical-system-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.canonical-page-header{flex-direction:column}.canonical-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.canonical-host-chip{flex:1;min-width:0}.canonical-summary-grid,.canonical-dashboard,.canonical-dashboard-mini-grid,.canonical-resource-pair,.canonical-resource-chart-grid,.canonical-settings-form,.canonical-settings-panel{grid-template-columns:1fr}.canonical-summary-card{grid-template-columns:auto minmax(0,1fr)}.canonical-summary-spark{display:none}.canonical-system-strip{grid-template-columns:1fr}.canonical-system-strip>div{border-right:0;border-bottom:1px solid var(--ss-border)}.canonical-system-strip>div:last-child{border-bottom:0}.canonical-service-hero dl{grid-template-columns:repeat(2,minmax(0,1fr))}.canonical-alert-filters,.canonical-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canonical-progress-row{grid-template-columns:5rem minmax(0,1fr) 2rem}.canonical-settings-form label,.canonical-visual-contract dl>div{grid-template-columns:1fr}}@media (width>=1181px){body[data-page=dashboard] .sidebar-insight{bottom:12.25rem}body[data-page=dashboard] .sidebar-host{bottom:3.25rem}body:not([data-page=dashboard]) .sidebar-host{bottom:7.5rem}}@media (width>=1181px) and (height<=900px){body[data-page=dashboard] .shell>nav{gap:0}body[data-page=dashboard] .shell>nav a{min-height:2.5rem}}.canonical-action-error{border:1px solid var(--ss-danger);border-radius:var(--ss-radius-sm);padding:var(--ss-space-3) var(--ss-space-4);background:var(--ss-danger-soft);color:var(--ss-danger);font-size:var(--ss-font-size-sm);font-weight:var(--ss-font-weight-semibold)}
