:root{--color-background:#edf3f8;--color-foreground:#17243a;--color-card:#f8fbfe;--color-card-foreground:#17243a;--color-muted-foreground:#536780;--color-border:#dce4ed;--color-primary:#0866c9;--color-primary-foreground:#fff;--color-accent:#edf3f8;--color-success:#20b95a;--color-success-foreground:#13813d;--color-warning:#f4a800;--color-warning-text:#865800;--color-warning-foreground:#3a2800;--color-destructive:#b42338;--sidebar:#081522;--sidebar-soft:#0d1d2d;--topbar:rgba(241,247,252,.94);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--color-background:#081422;--color-foreground:#f2f6fb;--color-card:#102235;--color-card-foreground:#f2f6fb;--color-muted-foreground:#9aacc0;--color-border:#26384a;--color-primary:#35bdf4;--color-primary-foreground:#061523;--color-accent:#172f45;--color-success:#26d36b;--color-success-foreground:#6be997;--color-warning:#ffb313;--color-warning-text:#ffd166;--color-warning-foreground:#2c1d00;--color-destructive:#ff5260;--sidebar:#07131f;--sidebar-soft:#0b1a28;--topbar:rgba(11,25,38,.94);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-background);color:var(--color-foreground)}body{min-width:320px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;z-index:200;background:#fff;color:#111;padding:8px}.appShell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar),#07111b);color:#d9e6f2;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;text-decoration:none;align-items:center;gap:10px;min-height:72px;padding:0 20px;color:#fff;font-size:15px;font-weight:800;line-height:1.08}.brandMark{font-size:27px;filter:saturate(1.15)}.sideNav{display:grid;gap:5px;padding:8px 12px}.sideNav a{display:flex;align-items:center;gap:11px;min-height:42px;border-radius:6px;padding:0 12px;color:#d3e0ec;font-size:13px;font-weight:650;text-decoration:none}.sideNav a[aria-current=page]{background:linear-gradient(90deg,#0864c8,#0757ad);color:#fff;box-shadow:0 6px 18px rgba(0,102,220,.2)}.sideNav a[aria-disabled=true]{color:#a9bac9;cursor:default}.navIcon{width:18px;text-align:center;font-size:14px}.sidebarFoot{margin-top:auto;padding:18px 20px;color:#8094a8;font-size:10px;line-height:1.55}.sidebarFoot strong{display:block;color:#b7c8d8}.mainShell{min-width:0}.topbar{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 20px;border-bottom:1px solid var(--color-border);background:var(--topbar);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.live{display:inline-flex;align-items:center;gap:6px;color:var(--color-foreground);font-size:11px;font-weight:750}.live[data-state=checking] .liveDot{background:#087ff5}.live[data-state=stale] .liveDot{background:#f4a800}.live[data-state=reconnecting] .liveDot{background:#8795a5}.liveDot{width:8px;height:8px;border-radius:50%;background:#20c765;box-shadow:0 0 0 3px color-mix(in srgb,#20c765 14%,transparent)}.lastCheck{color:var(--color-muted-foreground);font-size:11px}.themeButton,.adminLink,.avatar{height:30px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-foreground);padding:0 10px;font:inherit;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar{width:30px;padding:0;border-color:transparent;background:var(--color-primary);color:#fff}.workspace{padding:18px;max-width:1280px;margin:0 auto}.mobileNav{display:none}@media(max-width:820px){.appShell{display:block}.sidebar{position:sticky;z-index:60;height:auto}.brand{min-height:54px;padding:0 14px}.brandMark{font-size:22px}.sideNav{display:flex;overflow:auto;padding:0 8px 7px}.sideNav a{min-height:36px;padding:0 10px}.navIcon{display:none}.sidebarFoot{display:none}.topbar{top:97px;height:42px;padding:0 12px}.lastCheck,.adminLink{display:none}.workspace{padding:14px 12px 28px}}@media(max-width:480px){.sideNav a{font-size:12px}.brand{font-size:14px}.avatar{display:none}}
.brand{min-height:120px;justify-content:center;padding:12px 18px;gap:0}.sidebarLogo{width:96px;height:96px;object-fit:contain}.compactLogo,.brandText{display:none}:focus-visible{outline:3px solid #18bfe7;outline-offset:3px}@media(max-width:820px){.brand{min-height:54px;justify-content:flex-start;padding:0 14px;gap:10px}.sidebarLogo{display:none}.compactLogo{display:block}.brandText{display:block}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{font-size:13px}a{color:var(--color-primary)}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-accent);color:var(--color-foreground);text-decoration:none;cursor:pointer}button:hover,.button:hover{border-color:var(--color-primary)}button:disabled{opacity:.55;cursor:wait}.danger,.error{color:var(--color-destructive)}[hidden]{display:none!important}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h1{font-size:22px;margin:0 0 7px}h2{font-size:15px;margin:0 0 10px}p{line-height:1.6;margin:8px 0;color:var(--color-muted-foreground)}.eyebrow{font-size:10px;letter-spacing:.08em;font-weight:750;color:var(--color-primary)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.summary-card{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-card span{font-size:12px;color:var(--color-muted-foreground)}.summary-card strong{font-size:27px}.summary-card.healthy strong{color:var(--color-success-foreground)}.summary-card.updates strong{color:var(--color-primary)}.summary-card.attention strong{color:var(--color-warning-text)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;margin-bottom:14px}.filter-form{display:flex;flex:1;gap:10px;align-items:flex-end;flex-wrap:wrap}.filter-form label{min-width:120px;margin:0;flex:1}.filter-form label.search{flex:2;min-width:210px}.toolbar>form{margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;color:var(--color-muted-foreground);padding:12px 13px;border-bottom:1px solid var(--color-border)}td{padding:12px 13px;border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:0}.site-name{font-weight:700;text-decoration:none;font-size:13px}.url{font-size:11px;overflow-wrap:anywhere;color:var(--color-muted-foreground)}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-actions form{margin:0}.row-actions button{min-height:28px;padding:4px 8px;font-size:11px}.badge{display:inline-flex;font-size:10px;font-weight:750;border:1px solid var(--color-border);border-radius:999px;padding:4px 8px;text-transform:capitalize}.online{color:var(--color-success-foreground)}.offline,.failed{color:var(--color-destructive)}.unknown,.paused,.uncertain,.quarantined{color:var(--color-warning-text)}.tag{display:inline-block;background:var(--color-accent);border:1px solid var(--color-border);border-radius:4px;padding:3px 6px;font-size:10px}.muted,small{color:var(--color-muted-foreground)}.empty-state{padding:28px;text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px}.activity{margin-top:18px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:14px}.activity>div{display:grid;grid-template-columns:165px 180px 1fr;gap:12px;border-bottom:1px solid var(--color-border);padding:10px 0;line-height:1.5}.activity>div:last-child{border-bottom:0}.activity time{font-size:11px;color:var(--color-muted-foreground)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}article,.panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:16px}section.panel{margin:14px 0}.editor{max-width:940px}label{display:block;font-size:12px;font-weight:600;margin:12px 0}input:not([type=hidden]):not([type=checkbox]),select{width:100%;min-height:36px;margin-top:5px;padding:7px 9px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background);color:var(--color-foreground)}input[type=checkbox]{margin-right:6px}form.account-form,form.editor-form{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:16px}dl{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:9px 16px;margin:14px 0;font-size:12px}dt{color:var(--color-muted-foreground)}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:12px;margin-top:16px}.notice{border:1px solid var(--color-primary);border-radius:6px;padding:10px;background:var(--color-accent);color:var(--color-foreground)}footer{margin-top:22px;color:var(--color-muted-foreground);font-size:10px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login main{width:min(100%,390px);padding:26px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px}.login .identity{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.login img{width:96px;height:96px;object-fit:contain}.login .theme{float:right}.login button[type=submit]{width:100%}.menu-toggle{display:none}.user-menu{position:relative}.user-menu summary{cursor:pointer;font-weight:650}.user-menu form{position:absolute;right:0;top:26px;min-width:140px;padding:10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:7px;z-index:90}#last-sync{font-size:11px;color:var(--color-muted-foreground)}.live[data-state=polling] .liveDot{background:#ffb313}
@media(max-width:820px){.sidebar{display:none;position:fixed;left:0;top:52px;bottom:0;width:220px;height:calc(100vh - 52px);z-index:80;overflow:auto}.sidebar.open{display:flex}.sideNav{display:grid;overflow:visible}.sideNav a{min-height:42px}.topbar{top:0;height:52px;justify-content:flex-start;gap:9px}.menu-toggle{display:inline-flex}.user-menu{margin-left:auto}#last-sync{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{padding:12px}.summary-card strong{font-size:24px}.filter-form label.search{min-width:100%}.table-wrap{overflow:visible;background:transparent;border:0}table,tbody{display:block;width:100%}thead{display:none}tr{display:grid;grid-template-columns:1fr 1fr;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;margin:9px 0;padding:10px;gap:8px}td{display:block;border:0!important;padding:2px;min-width:0}td:first-child,td:last-child{grid-column:1/-1}td::before{content:attr(data-label);display:block;color:var(--color-muted-foreground);font-size:10px;margin-bottom:4px}td:first-child::before,td:last-child::before{display:none}.activity>div{display:block}.activity time,.activity strong,.activity span{display:block;margin-bottom:3px}.user-menu summary{max-width:95px;overflow-wrap:anywhere}.heading{align-items:flex-start}h1{font-size:20px}dl{grid-template-columns:1fr}dd{margin-bottom:5px}}

.live .liveDot{background:#8795a5}.live[data-state=live] .liveDot{background:#20c765}.live[data-state=polling] .liveDot{background:#f4a800}

.summary-card{justify-content:flex-start;gap:12px;min-height:62px;padding:10px 13px}.summary-card strong{font-size:21px;line-height:1}.summary-card .metric-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--color-accent);color:var(--color-muted-foreground);font-size:14px;font-weight:800}.metric-text span{display:block;margin-top:5px;font-weight:680}.summary-card.healthy .metric-mark{background:color-mix(in srgb,var(--color-success) 18%,var(--color-card));color:var(--color-success-foreground)}.summary-card.updates .metric-mark{background:var(--color-warning);color:var(--color-warning-foreground)}.summary-card.attention .metric-mark{background:color-mix(in srgb,var(--color-destructive) 16%,var(--color-card));color:var(--color-destructive)}

@media(max-width:480px){.topbar{gap:6px}.live{max-width:70px;min-width:0;font-size:10px;overflow-wrap:anywhere}.liveDot{flex-shrink:0}.user-menu summary{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compactLogo{width:24px;height:24px;object-fit:contain}}

.heading .eyebrow{display:none}.toolbar{padding:0;border:0;background:transparent}.toolbar input,.toolbar select{margin-top:0;font-weight:400}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Shared typography: density comes from layout, not tiny or low-contrast type. */
:root{--type-body:15px;--type-table:14px;--type-control:14px;--type-secondary:13px;--type-small:12px;--type-title:26px;--type-section:18px;font-size:var(--type-body)}
body{line-height:1.5}h1{font-size:var(--type-title);line-height:1.25;margin-bottom:8px}h2{font-size:var(--type-section);line-height:1.35}h3{font-size:17px;margin:18px 0 10px}p{line-height:1.6}small,.url,.summary-card span{font-size:var(--type-secondary)}.sideNav a{font-size:14px}.sidebarFoot,footer{font-size:var(--type-small);color:var(--color-muted-foreground)}.sidebarFoot{color:#a7b9cb}.topbar,.themeButton,.live,#last-sync,.user-menu summary{font-size:var(--type-secondary)}.live{max-width:none}.workspace{max-width:1480px;padding:22px}.summary-card{min-height:76px;padding:14px;gap:12px}.summary-card strong{font-size:26px}.summary-card strong.metric-label{font-size:18px;line-height:1.35}.metric-text{min-width:0;overflow-wrap:anywhere}.metric-text span{line-height:1.3}.summary-card .metric-mark{font-size:15px}
table{font-size:var(--type-table)}th{font-size:var(--type-secondary);text-transform:none;letter-spacing:0;font-weight:650}td{padding:14px 12px}.site-name{font-size:16px;font-weight:750}.badge,.tag{font-size:var(--type-small)}.badge{padding:4px 10px}.tag{padding:4px 7px}.update-count{color:var(--color-primary)}.row-actions{gap:10px}.row-actions button,button,.button{font-size:var(--type-control);min-height:36px}.row-actions button{padding:6px 10px}label,dl,input,select{font-size:var(--type-control)}label{line-height:1.5;margin:14px 0}input:not([type=hidden]):not([type=checkbox]),select{min-height:40px;padding:8px 10px}input[type=checkbox]{width:17px;height:17px;vertical-align:middle}.activity time{font-size:var(--type-secondary)}.activity>div{grid-template-columns:180px 160px minmax(0,1fr)}.activity span,.activity strong{overflow-wrap:anywhere}dl{grid-template-columns:minmax(120px,1fr) minmax(0,1.5fr);gap:14px 16px}dt{font-weight:550}dd p{margin:6px 0}.block{display:block;margin-top:4px}.panel-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-heading h2{margin:0}.heading form{margin:0}.site-heading h1{margin-top:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-grid>section{margin:0;min-width:0}.detail-grid>.full{grid-column:1/-1}.panel{padding:20px}.compact.empty-state{padding:16px;text-align:left}.compact h3{margin-top:0}.actions{flex-wrap:wrap}.row-menu{position:relative}.row-menu summary{cursor:pointer;font-size:14px;padding:6px;border-radius:5px}.row-menu>div{position:absolute;right:0;top:100%;min-width:150px;padding:10px;background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 8px 24px #0003;border-radius:8px;z-index:100;display:grid;gap:8px}.row-menu a,.row-menu button{display:block;width:100%;text-align:left}.table-wrap:has(.row-menu[open]){overflow:visible}.backup-init{min-width:0}.backup-init form{margin-top:12px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background)}.backup-init[open]{width:100%}.backup-init summary{cursor:pointer}.backup-cards{margin-top:18px}.job-stages{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.job-stages li{background:var(--color-accent);padding:5px 10px;border-radius:5px;font-size:13px}.stored{color:var(--color-success-foreground)}.login main{width:min(100%,440px)}.login .logo{display:block;margin:auto}.login .theme{float:none;margin:10px 0}.account-form{max-width:880px}.user-menu form{min-width:150px}.editor-form p,.notice p{font-weight:400}.notice{line-height:1.6}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.detail-grid>.full{grid-column:auto}.summary-grid{gap:10px}.activity>div{grid-template-columns:160px 140px minmax(0,1fr)}}
@media(max-width:820px){.workspace{padding:18px 14px}.sideNav a{font-size:14px;min-height:44px}.sideNav{overflow:visible}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}.summary-card{min-height:82px;padding:12px}.summary-card strong{font-size:25px}.summary-card .metric-mark{display:none}.topbar{gap:8px;padding:0 12px}.activity>div{display:block}.activity time,.activity strong{margin-bottom:6px}.row-actions{gap:12px;min-height:44px}.row-actions button,.row-menu summary{min-height:40px}td::before{font-size:12px}td{overflow-wrap:anywhere}.row-menu>div{right:auto;left:0}.update-table tr{grid-template-columns:1fr 1fr}.update-table td:last-child{grid-column:1/-1}.update-table td:first-child{padding-bottom:8px}.panel{padding:16px}.detail-summary strong.metric-label{font-size:17px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:10px}.filter-form label{min-width:min(100%,160px)}.filter-form label.search{min-width:100%}.actions{gap:12px}.heading{flex-wrap:wrap}.user-menu summary{max-width:85px}.activity .panel-heading{align-items:flex-start}}
@media(max-width:480px){.workspace{padding:16px 12px}.topbar{gap:6px}.live{font-size:12px;max-width:95px}.summary-card span{font-size:13px}.toolbar{gap:12px}.toolbar>form{width:100%}.filter-form{gap:12px}.filter-form label{flex:1 1 100%;min-width:0}.backup-init[open] form{padding:12px}.notice code{overflow-wrap:anywhere}.sidebar{width:min(85vw,260px)}}
/* Approved Concept C: exact navy/cyan palette and compact proportions. */
:root{--color-background:#f3f5f8;--color-foreground:#17273d;--color-card:#fff;--color-card-foreground:#17273d;--color-muted-foreground:#52657b;--color-border:#dce3ec;--color-primary:#007698;--color-primary-foreground:#fff;--color-accent:#e1f2f8;--color-success-foreground:#14754d;--color-warning-text:#8c5708;--color-destructive:#ad3043;--sidebar:#0b1b2c;--surface2:#f8fafc;--good-bg:#e6f5ed;--bad-bg:#fdebf0;--warn-bg:#fff3d9}
[data-theme=dark]{--color-background:#091523;--color-foreground:#e8f1fa;--color-card:#102133;--color-card-foreground:#e8f1fa;--color-muted-foreground:#a7bbce;--color-border:#243c51;--color-primary:#60d2e8;--color-primary-foreground:#07202b;--color-accent:#173847;--color-success-foreground:#83deb1;--color-warning-text:#f8cd7c;--color-destructive:#ffa3b3;--sidebar:#07111c;--surface2:#142b40;--good-bg:#16372e;--bad-bg:#3e2532;--warn-bg:#3b301e}
.appShell{grid-template-columns:186px minmax(0,1fr)}.sidebar{padding:24px 13px 16px;background:var(--sidebar)}.brand{display:block;text-align:center;padding:0 5px 25px;font-weight:650;font-size:15px;min-height:0;line-height:1.3}.sidebarLogo{display:block;width:72px;height:72px;margin:0 auto 10px;object-fit:contain}.sideNav{padding:0;gap:4px}.sideNav a{font-weight:550;padding:10px 13px;border:1px solid transparent;color:#b9c9dc;min-height:42px}.sideNav a[aria-current=page]{background:#133c50;border-color:#286478;color:#96e5f2;box-shadow:none}.sidebarFoot{padding:20px 8px 0;color:#9ab2cd}.topbar{height:54px;padding:0 24px;gap:17px;background:var(--color-background);backdrop-filter:none}.top-title{margin-right:auto;color:var(--color-muted-foreground)}.compactLogo{display:none}.workspace{padding:24px;max-width:1800px}h1{font-size:27px;letter-spacing:-.5px;font-weight:650}h2{font-size:18px;font-weight:650}.summary-grid{gap:1px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-border);margin-bottom:23px}.summary-card{border:0;border-radius:0;padding:16px 18px;box-shadow:none;min-height:90px;position:relative}.summary-card strong{font-size:30px;font-weight:600;color:var(--color-foreground)}.metric-mark{margin-left:auto;order:2;background:none!important;flex:0 0 20px!important;width:20px!important}.metric-text span{font-weight:500}.summary-card strong.metric-label{font-size:19px}.badge{border:0;border-radius:5px;font-weight:550;background:var(--surface2)}.badge.online,.badge.stored{color:var(--color-success-foreground);background:var(--good-bg)}.badge.offline,.badge.failed{color:var(--color-destructive);background:var(--bad-bg)}.badge.uncertain,.badge.quarantined,.badge.unknown{color:var(--color-warning-text);background:var(--warn-bg)}th{background:var(--surface2);font-weight:550}td{padding:11px 10px}.site-name{font-size:14px;font-weight:650;color:var(--color-foreground)}.update-count{padding:3px 8px;background:var(--color-accent);border-radius:4px;font-size:13px}.row-actions button{min-height:30px;padding:5px 8px;font-size:13px}.toolbar{gap:9px}.filter-form{gap:9px}.filter-form label{min-width:110px}.filter-form label.search{min-width:180px}.fleet-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:19px;align-items:start}.fleet-main{min-width:0}.fleet-layout:has(.attention-queue:empty){grid-template-columns:1fr}.attention-queue>section.panel{margin:0}.attention-item{padding:13px 0;border-bottom:1px solid var(--color-border);font-size:13px}.attention-item strong{display:block;margin-top:5px;font-weight:550}.attention-item p{color:var(--color-muted-foreground);margin:5px 0 9px}.attention-item:last-child{border:0}.activity>div{grid-template-columns:140px 150px minmax(0,1fr);font-size:14px}.activity>.panel-heading{display:flex}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--color-border);margin:0 0 24px}.tabs a{padding:11px 1px;color:var(--color-muted-foreground);font-size:14px;border-bottom:2px solid transparent;font-weight:550}.tabs a[aria-current=page]{color:var(--color-primary);border-color:var(--color-primary)}.notice{border:0;border-left:3px solid var(--color-primary);border-radius:0 6px 6px 0;padding:13px 15px}.notice.error{border-color:var(--color-destructive);background:var(--bad-bg)}.job-stages li{flex:1;background:none;border-top:3px solid var(--color-border);border-radius:0;padding:8px 0 0}.login main{padding:32px}.nav-close{display:none}[hidden]{display:none!important}
.detail-grid{align-items:start}.detail-column{display:grid;gap:18px;min-width:0}.detail-column>section{margin:0}.latency-panel{margin:0!important}.latency-panel .panel-heading{align-items:flex-start}.latency-title{display:flex;align-items:center;gap:8px}.latency-title h2{font-size:18px}.latency-filter{flex:0 0 100px}.latency-filter label{min-width:0;font-size:13px;margin:0}.latency-filter select{min-height:36px;margin-top:3px}.latency-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.latency-stats dt{font-size:13px}.latency-stats dd{font-size:18px;font-variant-numeric:tabular-nums;margin-top:4px}.latency-plot{position:relative;height:140px}.latency-chart{width:100%;height:140px;display:block;overflow:visible}.chart-ceiling,.chart-zero{position:absolute;left:0;font-size:13px;color:var(--color-muted-foreground);pointer-events:none}.chart-ceiling{top:0}.chart-zero{bottom:16px}.latency-axis{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--color-muted-foreground)}.latency-axis time:last-child{text-align:right}.latency-sample{min-height:18px;margin:4px 0;font-size:13px;line-height:1.4}.latency-truncated{font-size:13px;margin:4px 0}.chart-axis{stroke:var(--color-border);vector-effect:non-scaling-stroke}.chart-fill{fill:var(--color-accent);opacity:.65}.chart-line{stroke:var(--color-primary);stroke-width:2;vector-effect:non-scaling-stroke}.chart-point{fill:var(--color-primary);cursor:help}.chart-point:hover,.chart-point:focus{r:7;stroke:var(--color-foreground);stroke-width:2;vector-effect:non-scaling-stroke}.chart-failure{fill:var(--color-destructive)}.sample-table summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--color-border);border-radius:5px;padding:6px 10px;font-size:14px;font-weight:600;color:var(--color-foreground)}.sample-table summary::before{content:'+'}.sample-table[open] summary::before{content:'−'}.sample-table p{font-size:13px}.sample-table .table-wrap{margin-top:12px;max-height:260px;overflow:auto}.latency-help{position:relative}.latency-help summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:24px;height:24px;border:1px solid var(--color-border);border-radius:50%;font-size:13px;color:var(--color-muted-foreground)}.latency-help summary::-webkit-details-marker{display:none}.latency-help p{position:absolute;z-index:50;top:24px;right:-24px;width:min(290px,70vw);padding:12px;margin:6px 0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);box-shadow:0 8px 24px #0003;font-size:13px;line-height:1.5}circle:focus-visible{outline:2px solid var(--color-primary)}
@media(max-width:1250px){.fleet-layout{grid-template-columns:1fr}.attention-queue>section>div:not(.panel-heading){display:inline-block;vertical-align:top;width:33%;padding:12px}.topbar #last-sync{display:none}}
@media(max-width:1000px){.metric-mark{display:none}.summary-card{padding:14px}.toolbar .filter-form{flex-basis:100%}}
@media(max-width:820px){.appShell{display:block}.sidebar{position:fixed;left:0;top:0;height:100dvh;width:240px;z-index:100;display:none;padding:24px 15px;box-shadow:20px 0 60px #0006;overflow:auto}.sidebar.open{display:flex}.nav-close{display:inline-flex;align-self:flex-end;margin-bottom:10px;background:#102840;color:#c6d9ee;border-color:#36506b}.brand{display:block}.sideNav{display:grid}.top-title{display:none}.topbar{top:0;padding:0 14px;gap:10px;background:var(--color-card)}.workspace{padding:22px 14px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:13px 14px;min-height:75px}.summary-card strong{font-size:26px}.attention-queue>section>div:not(.panel-heading){display:block;width:100%;padding:14px 0}.activity>div{display:block}.activity>.panel-heading{display:flex}.tabs{gap:20px}.tabs a{font-size:13px}.latency-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.latency-stats dd{font-size:18px}.latency-filter{flex:0 0 100px}.sample-table .table-wrap{overflow:auto}.site-name{font-size:16px}.filter-form label.search{min-width:100%}.row-actions button,.row-menu summary{min-height:38px}.login main{padding:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.brandText{display:block;margin-top:9px}.sidebarLogo{display:block}.summary-card.updates .metric-mark{color:var(--color-primary)}.attention-queue>section{max-height:660px;overflow:auto}.row-actions>a{font-size:13px}.fleet-main table th:nth-child(2),.fleet-main table td:nth-child(2){display:none}@media(max-width:820px){.fleet-main table td:nth-child(2){display:block}.attention-queue>section{max-height:none}.brandText{display:block}.sidebarLogo{display:block}}

/* Shared status palette: meaning is carried by existing labels as well as color. */
:root {
  --status-success:#166534; --status-success-bg:#ecfdf3; --status-success-border:#86bfa0;
  --status-warning:#854d0e; --status-warning-bg:#fffbeb; --status-warning-border:#d6b357;
  --status-error:#a82032; --status-error-bg:#fff1f2; --status-error-border:#dda0a8;
  --status-info:#075985; --status-info-bg:#eff6ff; --status-info-border:#94bdd0;
  --status-neutral:#475569; --status-neutral-bg:#f1f5f9; --status-neutral-border:#c2ccd8;
}
[data-theme=dark] {
  --status-success:#86efac; --status-success-bg:#10322c; --status-success-border:#236049;
  --status-warning:#fcd34d; --status-warning-bg:#322b18; --status-warning-border:#76602c;
  --status-error:#fda4af; --status-error-bg:#381e2b; --status-error-border:#84404e;
  --status-info:#7dd3fc; --status-info-bg:#132e44; --status-info-border:#305d79;
  --status-neutral:#cbd5e1; --status-neutral-bg:#1d2939; --status-neutral-border:#4a5b70;
}
[data-status=success],.online,.stored,.healthy {--tone-fg:var(--status-success);--tone-bg:var(--status-success-bg);--tone-border:var(--status-success-border)}
[data-status=warning],.updates,.uncertain,.quarantined {--tone-fg:var(--status-warning);--tone-bg:var(--status-warning-bg);--tone-border:var(--status-warning-border)}
[data-status=error],.error,.offline,.failed {--tone-fg:var(--status-error);--tone-bg:var(--status-error-bg);--tone-border:var(--status-error-border)}
[data-status=info] {--tone-fg:var(--status-info);--tone-bg:var(--status-info-bg);--tone-border:var(--status-info-border)}
[data-status=neutral],.unknown,.paused {--tone-fg:var(--status-neutral);--tone-bg:var(--status-neutral-bg);--tone-border:var(--status-neutral-border)}
.badge,.badge[data-status] {color:var(--tone-fg,var(--status-neutral));background:var(--tone-bg,var(--status-neutral-bg));border-color:var(--tone-border,var(--status-neutral-border))}
.summary-card[data-status] {border-top:3px solid var(--tone-border)}
.summary-card[data-status] .metric-text strong,.summary-card[data-status] .metric-mark {color:var(--tone-fg)}
.update-count,.update-table td:nth-child(4) strong {color:var(--tone-fg,var(--status-warning))}
.attention-item[data-status] {border-left:3px solid var(--tone-border);padding-left:12px!important}
.attention-item[data-status] strong {color:var(--tone-fg)}
.backup-cards article[data-status] {border-left:3px solid var(--tone-border)}
.activity [data-status] {border-left:3px solid var(--tone-border);padding-left:10px}
.activity [data-status] > span {color:var(--tone-fg)}
.notice[data-status],.notice.error {color:var(--tone-fg);background:var(--tone-bg);border-color:var(--tone-border)}
.error,.recovery-age[data-status],.capability-status[data-status],.stale-status {color:var(--tone-fg,var(--status-warning))}
.live[data-state=live] .liveDot {background:var(--status-success)}
.live[data-state=reconnecting] .liveDot,.live[data-state=polling] .liveDot {background:var(--status-warning)}
.live[data-state=disconnected] .liveDot {background:var(--status-neutral)}
.navigation-status {position:fixed;top:64px;right:24px;z-index:120;max-width:min(480px,calc(100vw - 32px));padding:10px 14px;border:1px solid var(--tone-border);border-radius:8px;background:var(--tone-bg);color:var(--tone-fg);font-size:14px;box-shadow:0 4px 20px #0002}
.navigation-status a {display:block;margin-top:5px;color:inherit;font-weight:650}
[aria-busy=true] {cursor:progress}
#navigation-confirm{width:min(440px,calc(100vw - 32px));border:1px solid var(--status-warning-border);border-radius:10px;padding:22px;background:var(--color-card);color:var(--color-foreground)}#navigation-confirm::backdrop{background:#0008}#navigation-confirm h2{margin-top:0}#navigation-confirm .actions{justify-content:flex-end}

/* Accounts use the browser top layer, so menus/toolbars cannot obscure them.
   Native details keep every secure form usable without JavaScript. */
.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-table th,.account-table td{vertical-align:middle}.account-editor>summary{cursor:pointer;color:var(--color-primary);font-weight:650;white-space:nowrap}.account-editor.add-user>summary{padding:.6rem 1rem;border:1px solid var(--color-primary);border-radius:8px}.account-dialog{width:min(520px,calc(100vw - 2rem));max-height:85dvh;overflow:auto;background:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:14px;padding:1.4rem}.account-dialog::backdrop{background:rgba(0,8,20,.65)}.account-dialog h2{margin-top:0}.account-dialog form,.account-self form{display:grid;gap:.8rem}.account-dialog label,.settings-form label{display:grid;gap:.4rem}.account-dialog .check{display:flex;align-items:flex-start;gap:.5rem}.check input{width:auto}.account-security{border-top:1px solid var(--color-border);margin:1rem 0;padding-top:1rem}.account-security form{margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.account-self{max-width:550px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-grid .panel{margin:0}.settings-form{display:block}.settings-form label{margin:1rem 0 .4rem}.form-feedback:empty{display:none}.form-feedback{font-size:.95rem;white-space:normal}.form-feedback[data-status=error]{color:var(--status-error)}.form-feedback[data-status=success]{color:var(--status-success)}.form-feedback[data-status=warning]{color:var(--status-warning)}.system-information{margin-top:1.5rem}.password-toggle{justify-self:start}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:820px){.settings-grid{grid-template-columns:1fr}.pageHeading{align-items:flex-start}.account-table{font-size:.92rem}.account-table th,.account-table td{padding:.6rem}.account-dialog{padding:1rem}.account-dialog .actions{flex-wrap:wrap}.account-editor>summary{white-space:normal}}
.account-dialog label,.account-self label{margin:0}.account-dialog input:not([type=hidden]),.account-dialog select{margin-top:0}.account-dialog .actions{gap:.6rem}.account-dialog-body>p{margin-bottom:1rem}

.user-menu form>a{display:block;margin:.2rem 0 .6rem;text-decoration:none;color:var(--color-foreground)}

.job-stages{gap:6px}.job-stages li{position:relative;border:0;padding:16px 0 0;font-size:13px;min-width:0;color:var(--color-muted-foreground)}.job-stages li::before{content:"";position:absolute;inset:0 0 auto;height:8px;border-radius:3px;background:var(--color-border)}.job-stages li.is-complete{color:var(--status-success);font-weight:650}.job-stages li.is-complete::before{background:var(--status-success)}.job-stages li[aria-current="step"]{color:var(--status-info);font-weight:700}.job-stages li[aria-current="step"]::before{background:repeating-linear-gradient(135deg,var(--status-info),var(--status-info) 5px,var(--status-info-bg) 5px,var(--status-info-bg) 10px)}.stage-detail{font-size:.92rem}.planning-context h3{margin-top:0}.detail-column>.panel{margin-bottom:0}

.update-job{border-left:3px solid var(--tone-border);padding:1rem;margin:1rem 0;border-bottom:1px solid var(--color-border)}.update-job h3{margin:0}.update-job details{margin-top:1rem}