.traffic-light{background:linear-gradient(135deg,#30363c,#111519 75%);border:1px solid #394149;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:9px;width:66px;height:138px;display:flex;box-shadow:inset 0 1px 1px #ffffff29,0 8px 18px #122a472e}:root[data-theme=dark] .status-hero .traffic-light{border-color:#9aafc2}.traffic-light__lamp{background:var(--lamp-off);border-radius:50%;flex:none;width:32px;height:32px;box-shadow:inset 0 2px 5px #000000a6,0 1px #ffffff1f}.traffic-light__lamp--red{--lamp-off:#320000;--lamp-on:#ff3026;--lamp-glow:255 48 38}.traffic-light__lamp--yellow{--lamp-off:#462d01;--lamp-on:#ffbd08;--lamp-glow:255 189 8}.traffic-light__lamp--green{--lamp-off:#002d01;--lamp-on:#00ff01;--lamp-glow:0 255 1}.traffic-light[data-status=red] .traffic-light__lamp--red,.traffic-light[data-status=yellow] .traffic-light__lamp--yellow,.traffic-light[data-status=green] .traffic-light__lamp--green{background:var(--lamp-on);box-shadow:inset 0 1px 3px #ffffff8c, 0 0 7px rgb(var(--lamp-glow) / 85%), 0 0 16px rgb(var(--lamp-glow) / 48%), 0 0 26px rgb(var(--lamp-glow) / 22%)}@media (width<=620px){.traffic-light{border-radius:16px;gap:8px;width:60px;height:126px}.traffic-light__lamp{width:30px;height:30px}}:root{--font-size-small:16px;--font-size-body:16px;--font-size-emphasis:18px;--font-size-main:22px;--font-size-value:25px;--font-size-section:27px;--font-size-hero:clamp(30px, 4vw, 47px);--line-height-body:1.5;--line-height-heading:1.2;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-navy:#123d70;--brand-green:#168a60;--brand-background:#fff;--brand-plus:#5f7185;--bg:#f5f8fb;--surface:#fff;--surface-secondary:#eef4f8;--text-primary:#10243e;--text-secondary:#536579;--border:#d7e0ea;--control-border:#718096;--accent-blue:#1463b8;--accent-green:#147a3d;--critical:#b42318;--warning:#9a5600;--on-accent:#fff;--on-critical:#fff;--shadow:0 6px 22px #10243e0f;--radius-card:16px;--blue:var(--accent-blue);--blue-dark:var(--text-primary);--blue-soft:var(--surface-secondary);--green:var(--accent-green);--orange:var(--warning);--red:var(--critical);--muted:var(--text-secondary);color:var(--text-primary);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--ui-text-green:#7eebb3;--ui-text-blue:#bcdbff;--font-size-accent:17px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#131c2b;--surface-secondary:#192536;--text-primary:#f7f9fc;--text-secondary:#d0dae7;--border:#2a3a50;--control-border:#8497af;--accent-blue:#79b7ff;--ui-green-dark:#20d477;--accent-green:var(--ui-green-dark);--critical:#ff7a70;--warning:#ffc857;--on-accent:#10243e;--on-critical:#10243e;--shadow:0 6px 22px #0000002e}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.bootstrap-state{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.login-shell{grid-template-rows:auto 1fr auto;width:min(1080px,100% - 48px);min-height:100vh;margin:0 auto;display:grid}.login-brand{border-bottom:1px solid var(--border);align-items:center;height:92px;display:flex}.login-main{place-items:center;padding:54px 0;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);border-radius:22px;padding:38px}.login-card h1{font-size:36px}.login-intro{color:var(--muted);font-size:var(--font-size-body);margin:12px 0 28px;line-height:1.55}.login-card form{gap:18px;display:grid}.login-card label{color:var(--text-secondary);font-size:var(--font-size-body);gap:7px;font-weight:700;display:grid}.login-card input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface-secondary);border-radius:10px;outline:none;padding:12px 14px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--surface)}.login-card form button{color:var(--on-accent);background:var(--blue);cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:750}.login-card form button:disabled{opacity:.65;cursor:wait}.login-error{border:1px solid var(--border);color:var(--critical);background:var(--surface-secondary);font-size:var(--font-size-body);border-radius:9px;padding:11px 13px}.app-shell{width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{min-width:0;color:inherit;text-decoration:none}.brand-surface{background:var(--brand-background);vertical-align:middle;border-radius:10px;max-width:100%;padding:12px 14px;display:inline-block}.brand-logo{width:max-content;max-width:100%;color:var(--brand-navy);padding-bottom:calc(1.1em + 5px);font-size:20px;line-height:1;display:grid;position:relative}.brand-logo__company{letter-spacing:-.035em;white-space:nowrap;align-items:baseline;font-weight:800;display:flex}.brand-logo__accent{color:var(--brand-green)}.brand-logo__dot{background:var(--brand-green);border-radius:50%;align-self:center;width:.38em;height:.38em;margin:0 .1em;transform:translateY(.08em)}.brand-logo__product{letter-spacing:-.06em;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:.12em;width:100%;font-size:1.1em;font-weight:750;display:flex;position:absolute;top:calc(100% - 1.1em);left:0}.brand-logo__plus{color:var(--brand-plus);font-size:.72em;font-weight:600}:root[data-theme=dark] .brand-surface{background:0 0;border-radius:0;padding:0}:root[data-theme=dark] .brand-logo__company,:root[data-theme=dark] .brand-logo__product{-webkit-text-stroke:3px #fff;paint-order:stroke fill}:root[data-theme=dark] .brand-logo__company *,:root[data-theme=dark] .brand-logo__product *{paint-order:stroke fill}.environment-label{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);font-size:var(--font-size-body);border-radius:999px;padding:7px 11px;font-weight:650}.header-nav{align-items:center;gap:16px;display:flex}.header-nav a{color:var(--text-secondary);font-size:var(--font-size-body);font-weight:700;text-decoration:none}.header-nav a:hover{color:var(--ui-text-blue,var(--blue))}.user-summary{border-left:1px solid var(--border);line-height:var(--line-height-body);padding-left:14px;display:grid}.user-summary strong{color:var(--text-primary);font-size:var(--font-size-body)}.user-summary span{color:var(--text-secondary);font-size:var(--font-size-body)}.logout-button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);font-size:var(--font-size-body);cursor:pointer;border-radius:8px;padding:7px 10px;font-weight:700}.logout-button:hover{color:var(--ui-text-blue,var(--blue));border-color:var(--text-secondary)}main{padding:44px 0 58px}.status-hero{border:1px solid var(--border);background:var(--surface);min-height:180px;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:24px;padding:28px 38px;display:flex;position:relative;overflow:hidden}.status-hero__content{overflow-wrap:anywhere;min-width:0}.eyebrow{color:var(--ui-text-blue,var(--blue));font-size:max(var(--font-size-body), var(--font-size-accent,0px));letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-weight:750}h1{color:var(--text-primary);font-size:var(--font-size-hero);letter-spacing:-.035em;margin:0;line-height:1.12}.status-answer{color:var(--text-secondary);font-size:var(--font-size-main);margin:12px 0 4px;font-weight:700}.status-note{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.error-banner{border:1px solid var(--border);color:var(--critical);background:var(--surface-secondary);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:17px 20px;display:flex}.error-banner div{gap:3px;display:grid}.error-banner span{font-size:var(--font-size-body)}.error-banner button{color:var(--on-critical);background:var(--critical);cursor:pointer;border:0;border-radius:9px;padding:9px 14px}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:22px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);min-height:108px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:15px;padding:19px 21px;display:flex}.metric-card--green{border-color:var(--border)}.metric-card--orange{border-color:var(--text-secondary)}.metric-card--red{border-color:var(--border)}.metric-icon{color:var(--blue);background:var(--blue-soft);border-radius:13px;flex:none;width:88px;height:88px;position:relative}.metric-icon:before,.metric-icon:after{content:"";border-color:var(--blue);position:absolute}.metric-icon--systems{color:var(--blue);place-items:center;display:grid}.metric-icon--systems:before,.metric-icon--systems:after{content:none}.metric-icon--warnings{color:var(--blue);place-items:center;display:grid}.metric-icon--warnings:before,.metric-icon--warnings:after{content:none}.metric-card--orange .metric-icon--warnings{color:var(--orange)}.metric-card--red .metric-icon--warnings{color:var(--red)}.metric-icon>svg{width:64px;height:64px}.metric-icon--clock:before{box-sizing:border-box;border:4.8px solid;border-radius:50%;width:64px;height:64px;top:12px;left:12px}.metric-icon--clock:after{border-bottom:4.8px solid;border-left:4.8px solid;width:20px;height:20px;top:26px;left:44px}:root[data-theme=dark] .metric-card .metric-icon{color:#fff}.metric-label{color:var(--text-secondary);font-size:var(--font-size-body);margin:0;font-weight:650}.metric-value{color:var(--text-primary);font-size:var(--font-size-value);line-height:var(--line-height-heading);margin:3px 0 2px;font-weight:750}.metric-detail{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.systems-section{margin-top:48px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h2{color:var(--text-primary);font-size:var(--font-size-section);letter-spacing:-.02em;margin:0}.section-heading>span{color:var(--text-secondary);font-size:var(--font-size-body)}.device-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:17px;display:grid}.device-card{border:1px solid var(--border);min-width:0;color:inherit;background:var(--surface);box-shadow:var(--shadow);border-left-width:4px;border-radius:18px;gap:17px;padding:21px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.device-card--green{border-left-color:var(--green)}.device-card--orange{border-left-color:var(--orange)}.device-card--red{border-left-color:var(--red)}.device-card--unknown{border-left-color:var(--text-secondary)}.device-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.device-avatar{background:var(--surface-secondary);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid}.device-avatar span{border:2px solid var(--text-secondary);width:23px;height:16px;box-shadow:0 6px 0 -4px var(--text-secondary);border-radius:3px}.device-main{flex:1;min-width:0}.device-heading{justify-content:space-between;gap:12px;display:flex}.device-heading h3{color:var(--text-primary);font-size:var(--font-size-main);margin:0 0 4px}.device-platform{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.device-id{max-width:270px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-body);overflow-wrap:anywhere;margin:0}.status-chip{font-size:var(--font-size-body);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 9px;font-weight:700;display:inline-flex}.status-chip span{border-radius:50%;width:6px;height:6px}.status-chip--unknown{color:var(--text-secondary);background:var(--surface-secondary)}.status-chip--unknown span{background:var(--text-secondary)}.status-chip--green{color:var(--ui-text-green,var(--accent-green));background:var(--surface-secondary)}.status-chip--green span,.status-chip--green i{background:var(--green)}.status-chip--orange{color:var(--critical);background:var(--surface-secondary)}.status-chip--orange span,.status-chip--orange i{background:var(--orange)}.status-chip--red{color:var(--critical);background:var(--surface-secondary)}.status-chip--red span,.status-chip--red i{background:var(--red)}.status-chip i{border-radius:50%;width:6px;height:6px}.device-facts{border-top:1px solid var(--surface-secondary);grid-template-columns:1.35fr .7fr 1fr;gap:14px;margin:23px 0 0;padding-top:17px;display:grid}.device-facts div{min-width:0}.device-facts dt{color:var(--text-secondary);font-size:var(--font-size-body);letter-spacing:.045em;text-transform:uppercase;margin-bottom:5px;font-weight:700}.device-facts dd{color:var(--text-secondary);font-size:var(--font-size-body);overflow-wrap:anywhere;margin:0;font-weight:600}.device-health{border-top:1px solid var(--surface-secondary);border-bottom:1px solid var(--surface-secondary);grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr));gap:10px;margin:19px 0 0;padding:16px 0;display:grid}.device-health dt{color:var(--text-secondary);font-size:var(--font-size-body);text-transform:uppercase;margin-bottom:5px;font-weight:700}.device-health dd{color:var(--text-primary);font-size:var(--font-size-body);overflow-wrap:anywhere;margin:0;font-weight:750}.device-footer{color:var(--text-secondary);font-size:var(--font-size-body);justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.device-footer div{gap:2px;display:grid}.device-footer small{color:var(--text-secondary)}.device-footer strong{font-size:max(1em, var(--font-size-accent,0px));min-height:32px;color:var(--ui-text-blue,var(--blue));align-items:center;padding-block:4px;display:inline-flex}.freshness-advice{color:var(--critical);background:var(--surface-secondary);font-size:var(--font-size-body);border-radius:9px;margin:12px 0 0;padding:10px 12px}.loading-state,.empty-state{border:1px dashed var(--border);min-height:190px;color:var(--text-secondary);background:var(--surface);text-align:center;border-radius:18px;place-items:center;padding:36px;display:grid}.loading-state{gap:10px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.empty-state h3{color:var(--text-secondary);margin:12px 0 4px}.empty-state p{font-size:var(--font-size-body);margin:0}.empty-state-icon{border:2px solid var(--text-secondary);border-radius:5px;width:38px;height:28px}footer{border-top:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-body);justify-content:space-between;padding:22px 0 32px;display:flex}.back-link{color:var(--text-secondary);font-size:var(--font-size-body);margin-bottom:22px;font-weight:650;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ui-text-blue,var(--blue))}.detail-header{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr auto;gap:20px;padding:27px 32px;display:grid}.detail-header h1{font-size:clamp(30px,4vw,42px)}.detail-device-id{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-body);margin:8px 0 0}.detail-header>.status-chip{margin-top:4px}.detail-status{align-content:start;justify-items:end;gap:7px;display:grid}.detail-status small{color:var(--text-secondary);font-size:var(--font-size-body)}.freshness-banner{border:1px solid var(--text-secondary);color:var(--critical);background:var(--surface-secondary);font-size:var(--font-size-body);border-radius:12px;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 18px;display:flex}.detail-header dl{border-top:1px solid var(--surface-secondary);grid-column:1/-1;grid-template-columns:1.4fr .7fr 1fr;gap:20px;margin:8px 0 0;padding-top:22px;display:grid}.detail-header dt,.disk-card dt{color:var(--text-secondary);font-size:var(--font-size-body);letter-spacing:.045em;text-transform:uppercase;margin-bottom:5px;font-weight:700}.detail-header dd,.disk-card dd{color:var(--text-secondary);font-size:var(--font-size-body);margin:0;font-weight:650}.health-section,.disks-section{margin-top:42px}.health-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.health-card{border:1px solid var(--border);background:var(--surface);min-height:122px;box-shadow:var(--shadow);border-radius:15px;padding:20px}.health-card--green{border-top:3px solid var(--green)}.health-card--orange{border-top:3px solid var(--orange)}.health-card--red{border-top:3px solid var(--red)}.health-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.health-card-heading .status-chip{padding:5px 7px}.health-card p{color:var(--text-secondary);font-size:var(--font-size-body);text-transform:uppercase;letter-spacing:.06em;margin:0 0 13px;font-weight:700}.health-card-heading p{margin-bottom:0}.health-card strong{color:var(--text-primary);font-size:var(--font-size-value);line-height:var(--line-height-heading);display:block}.health-card span{color:var(--text-secondary);font-size:var(--font-size-body);margin-top:8px;display:block}.health-card .status-chip{margin-top:0;display:inline-flex}.health-card small,.disk-card small{color:var(--text-secondary);font-size:var(--font-size-body);margin-top:9px;display:block}.disk-list{gap:12px;display:grid}.disk-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 25px;display:flex}.disk-card h3{font-size:var(--font-size-main);color:var(--text-primary);margin:0 0 4px}.disk-card>div>p{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-body);margin:0}.disk-card dl{grid-template-columns:repeat(3,minmax(95px,1fr));gap:28px;margin:0;display:grid}.detail-loading{margin-top:50px}.error-banner a{color:var(--critical);font-weight:700}.settings-page>.section-heading{align-items:center}.settings-page>.section-heading h1{font-size:38px}.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;margin-top:18px;padding:28px}.settings-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-title h2{color:var(--text-primary);margin:0 0 5px}.settings-title p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.policy-grid,.capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0;display:grid}.policy-grid div,.capacity-grid div{background:var(--surface-secondary);border-radius:11px;padding:15px}.policy-grid dt,.capacity-grid dt{color:var(--text-secondary);font-size:var(--font-size-body);text-transform:uppercase;margin-bottom:6px;font-weight:700}.policy-grid dd,.capacity-grid dd{color:var(--text-primary);font-size:var(--font-size-main);margin:0;font-weight:750}.metric-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.metric-tags span{color:var(--text-secondary);background:var(--blue-soft);font-size:var(--font-size-body);border-radius:999px;padding:7px 10px;font-weight:700}.readonly-note,.estimate-note{color:var(--text-secondary);font-size:var(--font-size-body);margin:18px 0 0;display:block}.capacity-input{width:min(260px,100%);color:var(--text-secondary);font-size:var(--font-size-body);gap:7px;margin-top:22px;font-weight:700;display:grid}.capacity-input input{border:1px solid var(--border);color:var(--text-primary);background:var(--surface);border-radius:9px;padding:10px 12px}.capacity-basis{background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--font-size-body);border-radius:10px;flex-wrap:wrap;gap:7px 18px;margin-top:18px;padding:13px 15px;display:flex}.capacity-basis strong{width:100%;color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.metrics{grid-template-columns:1fr}.metric-card{min-height:106px}.device-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.policy-grid,.capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.app-shell{width:min(100% - 28px,1180px)}.site-header{height:78px}.environment-label{display:none}.brand-logo{padding-bottom:calc(1.1em + 4px);font-size:clamp(16px,5vw,20px)}.brand-logo__product{top:calc(100% - 1.1em)}.user-summary{border-left:0;padding-left:0}.header-nav{gap:10px}main{padding-top:25px}.status-hero{gap:16px;min-height:0;padding:24px 18px}.status-answer{margin-top:12px}.device-card{padding:18px}.device-avatar{display:none}.device-facts{grid-template-columns:1fr;gap:12px}.device-health{grid-template-columns:repeat(2,minmax(0,1fr))}.device-footer,.freshness-banner{flex-direction:column;align-items:flex-start}.detail-header{grid-template-columns:1fr;padding:25px 22px}.detail-header>.status-chip{grid-row:2}.detail-header dl{grid-column:1;grid-template-columns:1fr}.health-grid{grid-template-columns:1fr}.disk-card{flex-direction:column;align-items:flex-start}.disk-card dl{grid-template-columns:1fr;gap:12px;width:100%}.policy-grid,.capacity-grid{grid-template-columns:1fr}.settings-title{flex-direction:column}footer{gap:4px;display:grid}.login-shell{width:min(100% - 28px,1080px)}.login-card{padding:28px 22px}}body{font-size:var(--font-size-body);line-height:var(--line-height-body)}small{font-size:var(--font-size-small)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{min-height:44px}a,button,input,[tabindex]{scroll-margin-block:20px}:focus-visible{outline:3px solid var(--accent-blue);outline-offset:4px}.login-card input:focus-visible{outline:3px solid var(--accent-blue);outline-offset:4px;box-shadow:none}.login-card input,.capacity-input input,.logout-button{border-color:var(--control-border)}.app-shell{width:min(1440px,100% - 48px)}.site-header{flex-wrap:wrap;gap:24px;height:auto;min-height:104px;padding-block:20px}.header-nav{flex-wrap:wrap;gap:8px 16px}.header-nav a,.back-link{align-items:center;min-height:44px;display:inline-flex}.header-nav a:hover,.back-link:hover{text-decoration:underline}.user-summary{overflow-wrap:anywhere}.theme-switch{border:1px solid var(--control-border);background:var(--surface);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.theme-switch button{min-width:64px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.theme-switch button svg{flex:0 0 18px}.theme-switch button[aria-pressed=true]{background:var(--accent-blue);color:var(--on-accent)}.skip-link{z-index:10;background:var(--surface);color:var(--ui-text-blue,var(--accent-blue));padding:12px 18px;position:absolute;top:12px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.metric-card,.device-card,.health-card,.settings-card,.disk-card,.detail-header,.login-card,.status-hero{border-radius:var(--radius-card)}.metric-card>div:last-child{min-width:0}.metric-card,.device-main,.detail-header,.settings-card,.disk-card{overflow-wrap:anywhere}.metric-card--green,.metric-card--orange,.metric-card--red{border-color:var(--border)}.metric-card--orange{border-inline-start:4px solid var(--warning)}.metric-card--red{border-inline-start:4px solid var(--critical)}.metric-status{font-size:var(--font-size-main);color:var(--text-secondary);margin:6px 0 0;font-weight:700}.metric-card--orange .metric-status{color:var(--warning)}.metric-card--red .metric-status{color:var(--critical)}.status-chip--green{color:var(--ui-text-green,var(--accent-green))}.status-chip--orange{color:var(--warning)}.status-chip--red{color:var(--critical)}.health-card .status-chip--green{color:var(--ui-text-green,var(--accent-green))}.health-card .status-chip--orange{color:var(--warning)}.health-card .status-chip--red{color:var(--critical)}.device-id,.device-facts dd{white-space:normal;overflow-wrap:anywhere;max-width:none;overflow:visible}.device-heading,.section-heading,.health-card-heading,.error-banner{flex-wrap:wrap}.device-heading>div,.detail-header>div,.disk-card>div{min-width:0}.status-chip{white-space:normal}.status-chip span,.status-chip i{flex-shrink:0}.status-note{display:block}.status-hero{overflow:visible}@media (width>=621px) and (width<=1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>:last-child{grid-column:1/-1}}@media (width<=620px){.app-shell{width:calc(100% - 28px)}.site-header{align-items:flex-start;gap:20px}.header-nav{width:100%}.header-nav>a{display:inline-flex}.theme-switch{margin-inline-end:8px}.metrics{grid-template-columns:minmax(0,1fr)}.section-heading{gap:12px}.status-note{display:block}.detail-status{justify-items:start}}@media (width<=380px){.status-hero{flex-direction:column;align-items:flex-start}.settings-card{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.device-card:hover{transform:none}}@media (forced-colors:active){.theme-switch button[aria-pressed=true]{outline-offset:-4px;outline:2px solid highlight}:focus-visible{outline-color:highlight}}.navigation-toggle{display:none}.header-theme{order:-1}@media (width<=620px){.site-header{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:16px 0;display:grid}.site-header>.brand{grid-area:1/2;justify-self:center}.navigation-toggle{border:1px solid var(--control-border);width:44px;min-height:44px;color:var(--text-primary);background:var(--surface);cursor:pointer;border-radius:8px;grid-area:1/3;justify-self:end;place-items:center;padding:8px;display:grid}.site-header>.header-nav{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-column:1/-1;gap:8px;width:100%;min-width:0;padding:16px;display:none}.site-header>.header-nav[data-open=true]{flex-direction:column;align-items:stretch;display:flex}.header-nav>a{overflow-wrap:anywhere;padding:8px 12px}.header-nav .user-summary{border-top:1px solid var(--border);border-left:0;padding:16px 12px 8px}.header-nav .logout-button{text-align:start;min-height:44px;padding:8px 12px}.header-theme{border-top:1px solid var(--border);order:1;padding-top:8px;display:block}.header-theme .theme-switch{margin:0}}@media (width<=380px){.site-header>.brand{grid-column:1/-1}.navigation-toggle{grid-row:2}}:root[data-theme=dark] .device-card .status-chip--green,:root[data-theme=dark] .detail-header .status-chip--green,:root[data-theme=dark] .health-card .status-chip--green{font-size:max(var(--font-size-body), var(--font-size-accent))}.footer-company-link{color:inherit;text-decoration:none}.footer-company-link:hover,.footer-company-link:focus-visible{text-decoration:underline}.presentation-indicator{z-index:20;border:1px solid var(--border);width:100%;color:var(--text-secondary);background:var(--surface);font-size:var(--font-size-body);border-radius:12px;gap:4px;padding:12px 16px;display:grid;position:sticky;top:0}