/* FLEET Interface Rebuild • authored cleanly from DOM/API contracts, not legacy CSS.
 * Independent authoring: no imported layers and no priority-forcing declarations.
 * R3 root-cause repair: verified selector coverage — source candidate only.
 */
:root {
  color-scheme: dark;
  --fleet-canvas:#080b0e;--fleet-panel:#11161a;--fleet-panel-alt:#1a2127;
  --fleet-border:#2a3137;--fleet-border-strong:#866b38;
  --fleet-ink:var(--fleet-brand-ink);--fleet-muted:var(--fleet-brand-muted);--fleet-accent:var(--fleet-brand-gold);
  --fleet-accent-ink:#17120a;--sovereign-gold:var(--fleet-brand-gold);--sovereign-gold-light:var(--fleet-brand-gold-light);--sovereign-bronze:var(--fleet-brand-bronze);--sovereign-gold-line:var(--fleet-brand-gold-line);--fleet-graph-a:#2dd4bf;--fleet-graph-b:#fbbf24;--fleet-graph-c:#c084fc;
  --fleet-marble-veil:linear-gradient(90deg,#07090caa,#07090c99);
  --fleet-radius:10px;--fleet-density-pad:12px;
  --ui-bg:var(--fleet-canvas);--ui-panel:var(--fleet-panel);
  --ui-subtle:var(--fleet-panel-alt);--ui-border:var(--fleet-border);
  --ui-text:var(--fleet-ink);--ui-muted:var(--fleet-muted);--ui-accent:var(--fleet-accent);
  --ui-shadow:0 14px 40px #00000036;
  --ui-regular:var(--fleet-type-body);
  --ui-small:var(--fleet-type-small);
  --ui-table:var(--fleet-type-table);
  --ui-detail:var(--fleet-type-detail);
  --ui-h1:var(--fleet-type-heading-lg);
  --ui-h2:var(--fleet-type-heading-md);
  --ui-h3:var(--fleet-type-heading-sm);
  --ui-sidebar:222px;--v3-ui-font:var(--fleet-font-ui);--v3-ar-font:var(--fleet-font-ar);--v3-display-font:var(--fleet-font-ui);--ui-space:16px;--sc-header-height:78px;--sc-page-gutter:clamp(18px,2.4vw,34px);
}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;overflow:hidden;background:var(--ui-bg);scrollbar-color:var(--ui-border) transparent;min-width:320px}
body{margin:0;height:100%;overflow:hidden;min-width:320px;color:var(--ui-text);background-color:var(--ui-bg);background-image:var(--fleet-wallpaper-shade),var(--fleet-wallpaper-image);background-position:var(--fleet-wallpaper-position);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;font:400 var(--ui-regular)/1.5 var(--fleet-font-ui);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
img,svg,video,canvas{max-width:100%}svg{vertical-align:middle}
code,kbd,pre,.mono{font-family:var(--fleet-font-mono);font-size:var(--ui-small)}
pre{white-space:pre-wrap;overflow-wrap:anywhere}
p{margin:0 0 12px}p:last-child{margin-bottom:0}
h1,h2,h3,h4{color:var(--ui-text);line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;font-weight:700;overflow-wrap:anywhere}
h1{font-size:var(--ui-h1)}h2{font-size:var(--ui-h2)}h3{font-size:var(--ui-h3)}h4{font-size:var(--ui-regular)}
small,.mini,.muted,.eyebrow,.subtle,.hint,.meta{color:var(--ui-muted);font-size:var(--ui-small);line-height:1.5}
.eyebrow,.navSection{font-weight:750;text-transform:uppercase;letter-spacing:.065em}
strong,b{font-weight:700;color:var(--ui-text)}
hr{border:0;border-top:1px solid var(--ui-border);margin:16px 0}
::selection{background:#d4af3770;color:var(--ui-text)}
/* Layout shell is explicit: authenticated and anonymous states NEVER share a visible canvas. */
body{display:block}
#sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--ui-sidebar);height:100dvh;padding:12px 10px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#030405e8,#040506dd);border-right:1px solid #93703765;transition:transform .18s ease,width .18s ease}
#sidebar .brand{display:flex;align-items:center;gap:9px;min-height:59px;flex:0 0 auto;padding:2px 6px 8px;margin-bottom:8px;border-bottom:0}
.brand img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brandLockup{display:grid;gap:1px;min-width:0}.brand .brandText{font-family:var(--v3-display-font);font-size:var(--fleet-type-heading-md);font-weight:750;letter-spacing:.075em;line-height:1.05;color:#f4e6c5}.brand small{display:block;margin:0;white-space:nowrap;font-size:var(--fleet-type-micro);letter-spacing:.16em;font-weight:750;color:var(--sovereign-gold)}
.brandIconLight{display:none}
/* Theme Studio drives both content and navigation, while retaining luxury gold accents. */
html[data-fleet-effective-theme="light"] #sidebar{background:linear-gradient(150deg,#faf8f2f0,#f2ede2ee);border-right-color:#bba06388}
html[data-fleet-effective-theme="light"] #sidebar .brand .brandIconDark{display:none}
html[data-fleet-effective-theme="light"] #sidebar .brand .brandIconLight{display:block}
html[data-fleet-effective-theme="light"] #sidebar .brandText{color:#24201a}
html[data-fleet-effective-theme="light"] #sidebar .brand small{color:#79632f}
html[data-fleet-effective-theme="light"] #sidebar .v3NavSwitch{background:#fffdfa;border-color:#d8d1c4}
html[data-fleet-effective-theme="light"] #sidebar .v3NavSwitch button:not(.active){color:#4e4738}
html[data-fleet-effective-theme="light"] #sidebar .v3NavHeading,html[data-fleet-effective-theme="light"] #sidebar .navSection{color:#665c4b}
html[data-fleet-effective-theme="light"] #sidebar nav a{color:#302d29}
html[data-fleet-effective-theme="light"] #sidebar nav a:hover{color:#5b4215;background:#d4af371e}
html[data-fleet-effective-theme="light"] #sidebar nav a.active,html[data-fleet-effective-theme="light"] #sidebar nav a[aria-current="page"]{color:#61440e;background:linear-gradient(90deg,#d4af3738,#d4af3708)}
html[data-fleet-effective-theme="light"] .sidebarToggle{color:#6d5018;background:#f6eddd;border-color:#c7a258}
#sidebar nav{display:flex;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:2px;padding:5px 1px 10px;scrollbar-width:thin}
/* V3 navigation is a two-view rail with real routes, not nested accordions. */
.v3NavSwitch{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin:0 0 8px;background:#090c10;border:1px solid #30353a;border-radius:12px}
.v3NavSwitch button{min-width:0;min-height:33px;padding:6px 2px;border:0;border-radius:8px;background:transparent;color:#a8aeb7;font-size:var(--fleet-type-meta);font-weight:700}
.v3NavSwitch button.active{background:linear-gradient(125deg,#5a421f,#ba8d35);color:#fff4d6;box-shadow:0 2px 12px #0006}
.v3NavView{display:flex;flex:0 0 auto;flex-direction:column;gap:5px;min-height:0;align-items:stretch}.v3NavView[hidden]{display:none}
.v3NavGroup{display:flex;flex:0 0 auto;flex-direction:column;gap:1px;min-width:0}.v3NavHeading{margin:0 0 2px;padding:0 9px;font-size:var(--fleet-type-micro);font-weight:780;letter-spacing:.17em;color:#a5a5a5;line-height:1.4}
#sidebar nav a{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;justify-items:start;column-gap:10px;min-width:0;min-height:32px;padding:5px 9px;border-radius:9px;color:#cbd0d5;font-size:var(--fleet-type-small);font-weight:550;line-height:1.3;transition:background .15s,color .15s}
#sidebar nav a:hover{background:#d4af3712;color:#f5dbab;text-decoration:none}#sidebar nav a.active,#sidebar nav a[aria-current="page"]{background:linear-gradient(90deg,#b58e342d,#d4af3708);color:#fbe1a1;box-shadow:inset 3px 0 0 var(--sovereign-gold);text-decoration:none}
#sidebar nav .navIcon{width:18px;height:18px;min-width:18px;flex:none;stroke:currentColor;display:block;justify-self:center}.navLabel{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1px}
.sidebarToggle{position:fixed;z-index:90;top:18px;left:calc(var(--ui-sidebar) - 16px);height:34px;min-width:34px;border:1px solid var(--sovereign-gold-line);border-radius:9px;background:#1f1b14;color:#f0d38d}
.sidebarScrim{display:none}
main{min-width:0;height:100dvh;min-height:0;margin-left:var(--ui-sidebar);padding:0;overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden;display:flex;flex-direction:column;gap:0;background:var(--fleet-marble-veil)}
main>header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--sc-header-height);flex:0 0 auto;padding:14px var(--sc-page-gutter);margin:0;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-bg) 67%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
main>header small{font-size:var(--fleet-type-micro);text-transform:uppercase;letter-spacing:.18em;color:var(--sovereign-bronze);font-weight:800}
main>header h1{margin:4px 0 0;font:700 var(--fleet-type-header-title)/1.2 var(--v3-ui-font)}
.account{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}.account #who{font-size:var(--ui-small);color:var(--ui-muted);max-width:275px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app{flex:1 0 auto;display:block;min-width:0;min-height:calc(100dvh - 160px);padding:22px var(--sc-page-gutter) 12px}
.siteFooter{margin-top:10px;padding:16px var(--sc-page-gutter) 22px;color:var(--ui-muted);text-align:center;font-size:var(--fleet-type-small)}.footerHeart{color:#fb5278}
body[data-sidebar="collapsed"]{--ui-sidebar:72px}
body[data-sidebar="collapsed"] #sidebar nav a{grid-template-columns:1fr;justify-items:center;padding-inline:8px}body[data-sidebar="collapsed"] .v3NavSwitch{display:grid;grid-template-columns:1fr}body[data-sidebar="collapsed"] .v3NavSwitch button{font-size:0;min-height:35px}body[data-sidebar="collapsed"] .v3NavSwitch button::first-letter{font-size:var(--fleet-type-small)}
body[data-sidebar="collapsed"] #sidebar .navLabel,body[data-sidebar="collapsed"] #sidebar .brandLockup,body[data-sidebar="collapsed"] .v3NavHeading{display:none}
body[data-sidebar="collapsed"] #sidebar{padding-inline:6px}
body[data-sidebar="collapsed"] #sidebar .brand{justify-content:center;padding-inline:0}body[data-sidebar="collapsed"] #sidebar .brand img{width:36px;height:36px}
body[data-sidebar="hidden"]{--ui-sidebar:0px}body[data-sidebar="hidden"] #sidebar{transform:translateX(-105%)}body[data-sidebar="hidden"] .sidebarToggle{left:12px}
/* Compact mobile navigation is a route-only control, never an execution surface. */
.scMobileDock{display:none}
@media(max-width:700px){.scMobileDock{position:fixed;z-index:95;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ui-panel) 94%,#000);border-top:1px solid var(--ui-border)}.scMobileDock a{display:grid;justify-items:center;align-content:center;gap:1px;min-width:0;min-height:46px;border-radius:8px;color:var(--ui-muted);font-size:var(--fleet-type-subtitle)}.scMobileDock a span{font-size:var(--fleet-type-micro)}.scMobileDock a.active{color:var(--sovereign-gold);background:#d4af3714}.scMobileDock a:hover{text-decoration:none}#app{padding-bottom:94px}}
body[data-auth-view="true"]{height:100dvh;overflow:hidden}
body[data-auth-view="true"] .scMobileDock{display:none}
/* Authentication: authShell contains #authMount. JS is free to move #app, CSS never displays sidebar under login. */
#authShell{display:none}
body[data-auth-view="true"] #authShell{display:flex;position:fixed;inset:0;z-index:100;flex-direction:column;width:100%;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;background:transparent}
body[data-auth-view="true"] #sidebar,body[data-auth-view="true"] #sidebarToggle,body[data-auth-view="true"] .sidebarScrim,body[data-auth-view="true"] main{display:none}
body[data-auth-view="true"]{color:var(--ui-text)}
.authTopbar{display:flex;justify-content:flex-end;align-items:center;min-height:52px;flex:0 0 52px;padding:7px clamp(15px,3vw,36px);position:relative;z-index:2}
.authStage{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:12px 26px 16px;background:linear-gradient(100deg,#020304a8 0%,#03050777 43%,#030506aa 100%)}
.authCenterCard{min-width:0}
.authBrandLockup{width:100%;min-height:84px;background:url('assets/brand/fleet-app-icon-dark.svg?v=sovereign-s1') left center/62px 62px no-repeat;margin-bottom:14px}
.authMount{width:100%}.authPending{display:grid;place-items:center;min-height:240px}.authPendingSpinner,.spinner{width:23px;height:23px;display:inline-block;border:3px solid var(--ui-border);border-top-color:var(--ui-text);border-radius:50%;animation:ui-spin 1s linear infinite}
@keyframes ui-spin{to{transform:rotate(360deg)}}
.authLogin,.login{width:100%;padding:26px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-panel);box-shadow:var(--ui-shadow)}
.authLogin h2,.login h2{font-size:var(--ui-h2);margin-bottom:18px}
.authLogin form,.login form{display:grid;gap:14px}
.authLogin label,.login label{display:grid;gap:7px;font-weight:600;font-size:var(--ui-small)}
.authLogin input,.login input{display:block;width:100%;height:46px;max-width:none}
.authLogin .primary,.login .primary{min-height:44px;width:100%}
.authDivider{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0;color:var(--ui-muted);font-size:var(--ui-small)}
.authDivider::before,.authDivider::after{content:"";height:1px;flex:1;background:var(--ui-border)}
.authThemeToggle{min-height:35px}.authFooter{flex:0 0 24px;min-height:24px;font-size:var(--fleet-type-micro);color:#e7d9bb;text-align:center;padding:3px 10px 6px;background:#080b0dc9}
.turnstileShell{min-height:70px;max-width:100%;overflow:hidden}.turnstileNote{font-size:var(--ui-small);color:var(--ui-muted)}
/* Shared inputs and actions: every form inherits one geometry/typographic contract. */
button,.buttonLike,.buttonLink,input[type="button"],input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;max-width:100%;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);color:var(--ui-text);padding:8px 13px;font-size:var(--ui-small);font-weight:600;line-height:1.3;text-align:center;white-space:nowrap}
button:hover:not(:disabled),.buttonLike:hover,.buttonLink:hover{background:var(--ui-panel);border-color:var(--ui-border-strong,var(--fleet-border-strong));text-decoration:none}
button.primary,.primary,button[type="submit"].primary,.buttonLike.primary{background:linear-gradient(125deg,var(--sovereign-gold-light),var(--sovereign-gold));color:#21190b;border-color:var(--sovereign-gold);font-weight:750}
button.primary:hover:not(:disabled){filter:brightness(1.06);background:linear-gradient(125deg,var(--sovereign-gold-light),var(--sovereign-gold))}
button.danger,button.dangerButton,.dangerButton{background:#3b1721;color:#ffbccb;border-color:#783243}
button.danger:hover,button.dangerButton:hover{background:#55212d}
button.iconButton{min-width:36px;padding:7px}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea{width:100%;min-height:40px;min-width:0;max-width:100%;padding:9px 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);color:var(--ui-text);font-size:var(--ui-regular);line-height:1.35;outline-offset:2px}
input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:.78}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ui-accent);width:16px;height:16px}
input[type="range"]{accent-color:var(--ui-accent);max-width:100%}
input[type="color"]{min-width:38px;min-height:38px;background:none;border:1px solid var(--ui-border);border-radius:8px}
select{padding-right:26px}textarea{min-height:110px;resize:vertical}
label{color:var(--ui-muted);font-size:var(--ui-small)}label>input,label>select,label>textarea{margin-top:5px}
fieldset{border:1px solid var(--ui-border);border-radius:10px;min-width:0;padding:16px}legend{font-weight:700}
.formGrid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.formGrid>*{min-width:0}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.span2{grid-column:1/-1}.checkLine{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.buttonRow,.rowActions,.dialogActions,.toolbar,.catalogRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.toolbar{margin:12px 0 16px}.toolbar>*{min-width:0}.toolbar input,.toolbar select{width:auto;max-width:360px}

/* Actual production sign-in mounts into authMount, not a parallel sample form. */
.authStage{grid-template-columns:minmax(0,510px) minmax(0,425px);justify-content:center;gap:clamp(20px,3vw,40px);place-items:center;width:100%;max-width:none;margin-inline:auto;padding-inline:clamp(16px,3vw,44px)}
.scAuthBrand{width:100%;max-width:510px;padding:clamp(24px,3vw,38px);color:#f6f3ec;background:linear-gradient(135deg,#030508cf,#040506b5);min-height:0;max-height:100%;border-radius:19px;border:1px solid #a8874880;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 34px 80px #000e,0 12px 30px #0008,inset 0 1px 0 #f2d18e65,inset 2px 0 0 #d2ae5040}
.scAuthBrand img{width:75px;height:75px;margin-bottom:13px;transform:perspective(320px) rotateY(-12deg) rotateX(5deg);filter:drop-shadow(7px 16px 10px #000d) drop-shadow(-1px -1px 5px #e0b64758)}.scAuthBrand h1{font:700 var(--fleet-type-auth-brand)/1.1 var(--fleet-font-ui);letter-spacing:.09em;color:#f3d589;margin-bottom:0}.scAuthBrand h2{font:600 var(--fleet-type-heading-md)/1.2 var(--fleet-font-ui);color:#f6f3ec}.scAuthBrand p{color:#d9c5a1;line-height:1.5;font-size:var(--fleet-type-table)}.scAuthBrand .scAuthArabic{font-size:var(--fleet-type-body);margin:16px 0}.scAuthBrand ul{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none;color:#f0e6d8;font-size:var(--fleet-type-small);line-height:1.45}.scAuthBrand li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:center}.scAuthBrand li>.fleetSvgIcon{width:30px;height:30px;padding:6px;stroke:#f1d084;border:1px solid #bd904467;border-radius:8px;background:#06090db3}
.authCenterCard{width:100%;max-width:425px;justify-self:start}.authBrandLockup{display:none}body[data-auth-view="true"] #app{min-height:0;flex:0 1 auto;padding:0;margin:0}body[data-auth-view="true"] .authCenterCard .login{width:100%;padding:clamp(18px,2.2vw,27px);background:color-mix(in srgb,var(--ui-panel) 93%,#d4af37);border:1px solid #b58e3480;border-radius:17px;box-shadow:0 25px 60px #0008,inset 0 1px 0 #f2d18e30}body[data-auth-view="true"] .authLogin h2{font-family:var(--v3-display-font);font-size:var(--fleet-type-responsive-heading)}body[data-auth-view="true"] .authLogin h2 em{color:var(--sovereign-gold);font-style:normal}
@media(max-width:900px){.authStage{grid-template-columns:minmax(0,560px);width:100%;padding:12px 16px}.scAuthBrand{min-height:0;padding:21px 24px;align-items:center;text-align:center}.scAuthBrand img{width:48px;height:48px;margin-bottom:5px}.scAuthBrand h1{font-size:var(--fleet-type-heading-lg)}.scAuthBrand h2{font-size:var(--fleet-type-subtitle)}.scAuthBrand ul,.scAuthBrand p:not(.scAuthArabic){display:none}.scAuthBrand .scAuthArabic{margin:8px 0 0}.authCenterCard{max-width:none}}

/* Auth viewport contract: the mounted #app must not force a second viewport of height. */
body[data-auth-view="true"] .authMount{min-width:0;min-height:0}
body[data-auth-view="true"] .authStage>.scAuthBrand{max-height:calc(100dvh - 92px)}
body[data-auth-view="true"] .authLogin form{gap:10px}
body[data-auth-view="true"] .authLogin label{gap:5px}
body[data-auth-view="true"] .authLogin input{height:41px}
@media(min-width:901px) and (max-height:740px){.scAuthBrand img{width:53px;height:53px}.scAuthBrand h1{font-size:var(--fleet-type-display)}.scAuthBrand ul{gap:5px;margin-top:9px}.scAuthBrand .scAuthArabic{margin:6px 0}.authStage{gap:18px}.authLogin,.login{padding:16px}}
@media(max-width:900px){body[data-auth-view="true"] .authStage{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:visible}.scAuthBrand{max-width:500px;flex:0 0 auto}.authCenterCard{flex:0 0 auto;width:min(100%,500px)}.authFooter{flex:none}}
@media(max-width:620px){body[data-auth-view="true"] .scAuthBrand{padding:15px 18px}.scAuthBrand .scAuthArabic{display:none}.authTopbar{min-height:43px;flex-basis:43px}}

/* Core panels, summary, and tabular structures. */
.card,.detailCard,.summaryCard,.panel,.jobBlock,.emptyPanel,.enrollPanel,.monitoringPanel,.organizationCard,.accountGrid>*,.warningCard,.authProfile,.auditCard,.managedAccessCard,.secureNotesCard{min-width:0;border:1px solid var(--ui-border);border-radius:max(12px,var(--fleet-radius));background:var(--ui-panel);padding:20px;margin:0;overflow-wrap:anywhere;box-shadow:0 8px 25px #00000012}
.cardHead,.sectionHead,.jobBlockHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.cardHead>* ,.sectionHead>*{min-width:0}.sectionHead>button{flex:0 0 auto;white-space:nowrap}.sectionHead>div:has(>button){flex-shrink:0;max-width:100%}.cardHead h3,.sectionHead h3{margin:0 0 4px}
.sectionHead p,.cardHead p{color:var(--ui-muted);font-size:var(--ui-small);margin:0;line-height:1.55}
.topgap{margin-top:16px}.bottom{margin-bottom:16px}
.summaryGrid,.overviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:14px;margin:0 0 22px}
.summaryCard{padding:18px 19px;min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-top:2px solid #d4af373b;background:linear-gradient(160deg,#d4af3706,transparent 52%),var(--ui-panel)}
.summaryCard>span,.summaryCard>small,.summaryCard .muted{font-size:var(--ui-small);color:var(--ui-muted);line-height:1.4}
.summaryCard>strong{font-size:var(--fleet-type-responsive-display);line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.summaryCard.critical>strong,.bad,.critical{color:#fb7185}.summaryCard.good>strong,.good,.ok{color:#34d399}.warn,.warning,.warningText{color:#fbbf24}
/* Sovereign first-class components: hero and fleet section introduction. */
.sovereignEyebrow{display:block;color:var(--sovereign-gold);font-size:var(--fleet-type-micro);font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:6px}
.sovereignPageIntro{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:4px 0 17px;padding-bottom:14px;border-bottom:1px solid #b58e3440}
.sovereignPageIntro h2{font:750 var(--fleet-type-page-intro)/1.15 var(--v3-display-font);margin:0 0 7px}
.sovereignPageIntro p{font-size:var(--ui-small);color:var(--ui-muted);margin:0}
.sovereignPageStats{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #b58e344a;border-radius:99px;color:var(--sovereign-gold);font-size:var(--fleet-type-meta);font-variant-numeric:tabular-nums}
html[data-fleet-effective-theme="light"] .sovereignPageIntro h2{color:var(--ui-text)}
.detailGrid,.twoCols,.insightsColumns,.accountGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.detailPair{display:grid;grid-template-columns:minmax(110px,35%) minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--ui-border)}
.detailPair>:first-child{color:var(--ui-muted);font-size:var(--ui-small)}
.detailPairContent{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}.detailPairContent>strong{line-height:1.45}.detailPairContent>small{font-size:var(--ui-small);color:var(--ui-muted);line-height:1.4}
.detailCard>p:last-child{margin-bottom:0}
.tableWrap,.detailTableWrap,.fleetTableWrap,.securityTableWrap,.auditWrap,.accessTableWrap,.jobListWrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);scrollbar-color:var(--ui-border) var(--ui-panel)}
table,.detailTable,.fleetTable,.auditTable,.accessTable,.inventoryTable,.jobListTable{width:100%;min-width:640px;border-collapse:collapse;border-spacing:0;color:var(--ui-text);font-size:var(--ui-table);font-variant-numeric:tabular-nums}
th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--ui-border);vertical-align:middle;line-height:1.5;overflow-wrap:normal}
th{background:var(--ui-subtle);color:var(--ui-muted);font-weight:750;text-transform:uppercase;letter-spacing:.035em;font-size:var(--ui-small);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--ui-subtle) 55%,transparent)}
td strong,td small{display:block}td small{font-size:var(--ui-small);line-height:1.45;margin-top:3px}
td code,td pre{overflow-wrap:anywhere;word-break:break-word}.nowrap{white-space:nowrap}
.tableWrap>table:only-child,.fleetTableWrap>table:only-child{margin:0}
.pill,.badge,.statusBadge,.statusPill,.roleChip,.secureBadge,.versionPill,.tagChip,.catalogChip,.jobStatus{display:inline-flex;align-items:center;gap:5px;max-width:100%;width:max-content;padding:4px 9px;border-radius:999px;border:1px solid var(--ui-border);background:var(--ui-subtle);color:var(--ui-text);font-size:var(--ui-small);font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.pill.bad,.badge.bad,.statusPill.bad,.jobStatus.failed{border-color:#95374c;color:#ff9bad;background:#391b25}
.pill.ok,.badge.ok,.statusPill.ok,.jobStatus.succeeded{border-color:#1d7656;color:#6ee7b7;background:#113528}
.pill.warn,.badge.warn,.statusPill.warn{border-color:#8d6822;color:#facc60;background:#332714}
.emptyState,.emptyPanel,.emptyMini,.notice,.jobEmptyBlock{padding:24px;border:1px dashed var(--ui-border);background:var(--ui-panel);border-radius:10px;color:var(--ui-muted);text-align:left}

/* Sovereign V2 shared first-party interface components; bound to real server, alert, schedule and diagnostic data. */
.scVisuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.scTopbarTitle{flex:0 1 auto;min-width:160px}.scTopbarActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1 1 360px}
.scGlobalSearch{display:flex;align-items:center;gap:7px;width:min(360px,100%);height:42px;padding:0 8px 0 13px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel)}
.scGlobalSearch:focus-within{border-color:var(--sovereign-gold);box-shadow:0 0 0 2px #d4af3718}
.scGlobalSearch input{border:0;background:none;outline:none;min-width:0;width:100%;height:100%;padding:0;color:var(--ui-text);font-size:var(--fleet-type-small)}
.scGlobalSearch button{min-width:30px;height:30px;padding:2px 5px;border:0;background:none;font-size:var(--fleet-type-heading-md);color:var(--ui-muted)}
.scGlobalSearch kbd{white-space:nowrap;border:1px solid var(--ui-border);border-radius:5px;padding:2px 6px;color:var(--ui-muted);font-size:var(--fleet-type-micro)}
.scTopbarIcon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--ui-border);border-radius:9px;color:var(--sovereign-gold);background:var(--ui-panel);font-size:var(--fleet-type-subtitle)}
.scTopbarIcon:hover{background:var(--ui-subtle);text-decoration:none}
.scOverview{display:grid;gap:0}
/* Fleet Overview: compact status hierarchy and live snapshot; canonical source rules. */
.fleetOverviewIntro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:13px;padding:15px 18px;border:1px solid var(--sovereign-gold-line);border-radius:var(--ui-radius,13px);background:linear-gradient(105deg,color-mix(in srgb,var(--ui-panel) 96%,transparent),color-mix(in srgb,var(--ui-panel) 78%,transparent));backdrop-filter:blur(10px)}
.fleetOverviewIntroCopy{display:grid;gap:6px;min-width:0}.fleetOverviewIntro .sovereignEyebrow{margin:0}.fleetOverviewState{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--fleet-type-small)}
.fleetOverviewState strong{color:var(--ui-text);font-size:var(--fleet-type-subtitle);line-height:1.25}.fleetOverviewState>span:last-child{color:var(--ui-muted)}
.fleetOverviewStateDot{width:10px;height:10px;flex:none;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39920}.fleetOverviewStateDot.fleetOverviewStateWarning{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2420}
.fleetOverviewIntroCopy p{font-size:var(--fleet-type-meta);color:var(--ui-muted);margin:0}.fleetOverviewIntroActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fleetOverviewIntroActions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;font-size:var(--fleet-type-meta);font-weight:750;text-decoration:none}
.fleetOverviewIntroActions .fleetOverviewSecondaryAction{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);background:var(--ui-subtle)}.fleetOverviewIntroActions a:hover{filter:brightness(1.08)}
.fleetOverviewCore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.fleetOverviewCore .scKpi{min-height:105px;padding:11px 12px;gap:5px}
.fleetOverviewCore .scKpiTop{gap:7px}.fleetOverviewCore .scKpiIcon{width:29px;height:29px;border-radius:9px}.fleetOverviewCore .scKpiIcon svg{width:17px;height:17px}.fleetOverviewCore .scKpiValue strong{font-size:var(--fleet-type-heading-md)}
.fleetOverviewSignals{display:grid;gap:10px;padding:13px 15px;margin:0 0 13px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-panel)}
.fleetOverviewSignalsTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.fleetOverviewSignalsTitle strong{display:inline-flex;align-items:center;gap:7px;font-size:var(--fleet-type-small);color:var(--ui-text)}.fleetOverviewSignalsTitle small{font-size:var(--fleet-type-micro);color:var(--ui-muted)}
.fleetOverviewSignalsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.fleetOverviewSignal{display:grid;align-content:start;gap:5px;min-width:0;padding:7px 12px;border-inline-start:1px solid var(--ui-border)}.fleetOverviewSignal:first-child{border-inline-start:0;padding-inline-start:0}
.fleetOverviewSignalLabel{display:flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:var(--fleet-type-meta)}.fleetOverviewSignalLabel .fleetSvgIcon{color:var(--sovereign-gold)}.fleetOverviewSignal strong{font-size:var(--fleet-type-subtitle);color:var(--ui-text);font-variant-numeric:tabular-nums;line-height:1.2}.fleetOverviewSignal small{font-size:var(--fleet-type-micro);color:var(--ui-muted);line-height:1.35}
@media(max-width:1150px){.fleetOverviewCore{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1250px){.v3OverviewBottom{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.fleetOverviewSignalsGrid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.fleetOverviewSignal:nth-child(4){border-inline-start:0;padding-inline-start:0}}
@media(max-width:830px){.v3OverviewBottom{grid-template-columns:1fr}}
@media(max-width:700px){.fleetOverviewIntro{align-items:flex-start}.fleetOverviewIntroActions{width:100%}.fleetOverviewCore{grid-template-columns:repeat(2,minmax(0,1fr))}.fleetOverviewSignalsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleetOverviewSignal:nth-child(odd){border-inline-start:0;padding-inline-start:0}.fleetOverviewSignal:nth-child(even){border-inline-start:1px solid var(--ui-border);padding-inline-start:12px}}
@media(max-width:400px){.fleetOverviewIntroActions a{flex:1 1 auto}.fleetOverviewCore{gap:8px}.fleetOverviewSignal{padding-inline-end:6px}}
.scKpiGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:14px}
.scKpi,.scPanel{min-width:0;border:1px solid var(--ui-border);background:linear-gradient(148deg,color-mix(in srgb,var(--ui-panel) 95%,white 5%) 0%,var(--ui-panel) 68%,color-mix(in srgb,var(--ui-panel) 97%,var(--sovereign-gold) 3%) 100%);border-radius:13px;box-shadow:0 12px 26px #00000014,0 2px 3px #00000008,inset 0 1px 0 color-mix(in srgb,var(--ui-text) 9%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.scKpi{padding:14px 15px;display:flex;flex-direction:column;min-height:124px;gap:8px;justify-content:space-between}
.scKpiTop{display:flex;align-items:center;gap:12px}.scKpiLabel{color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:650}.scKpiValue{display:flex;align-items:center;gap:13px;min-width:0}
.scKpiValue strong{font-size:var(--fleet-type-responsive-heading);letter-spacing:-.035em;line-height:1.1;font-weight:780;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.scKpiIcon{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #b58e3438;border-radius:12px;color:#e9c56b;background:linear-gradient(150deg,#b58e342d,#b58e3408)}
.scKpi small{font-size:var(--fleet-type-micro);color:var(--ui-muted)}.scKpi:hover,.scPanel:hover{border-color:color-mix(in srgb,var(--ui-border) 70%,var(--sovereign-bronze) 30%);box-shadow:0 17px 30px #00000016,0 3px 6px #0000000d}.scKpi:hover{transform:translateY(-2px)}.scKpi.scAttention{border-color:#ef44444a}
.scNetworkRates{line-height:1.5;color:var(--ui-text);font-weight:700;letter-spacing:0}
.scOverviewMain,.scOverviewLower{display:grid;gap:12px;margin-bottom:13px}.scOverviewMain{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr)}.scOverviewLower{grid-template-columns:repeat(3,minmax(0,1fr))}
.scPanel{padding:17px}.scPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.scPanelHead h3{font-size:var(--fleet-type-body);line-height:1.3;margin:0 0 3px}.scPanelHead p{color:var(--ui-muted);font-size:var(--fleet-type-meta);margin:0}
.scTextLink{font-size:var(--fleet-type-meta);color:var(--sovereign-gold);white-space:nowrap}.scTag{font-size:var(--fleet-type-micro);color:var(--sovereign-gold);border:1px solid var(--sovereign-gold-line);border-radius:7px;padding:4px 8px}
.scChartSvg{width:100%;max-height:305px;display:block}.scChartGrid{stroke:var(--ui-border);stroke-width:1}.scChartLabel{fill:var(--ui-muted);font-size:var(--fleet-type-micro)}
.scChartEmpty{min-height:232px;display:grid;place-items:center;text-align:center;color:var(--ui-muted);font-size:var(--fleet-type-small);padding:20px}
.scChartFoot{color:var(--ui-muted);margin:5px 0 0;font-size:var(--fleet-type-micro)}
/* Overview: prioritized current conditions, no pseudo-uptime ring. */
.fleetAttentionList{display:grid;gap:8px}
.fleetAttentionItem{display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle);color:var(--ui-text);text-decoration:none;min-width:0}
.fleetAttentionItem:hover{border-color:var(--sovereign-gold-line);text-decoration:none}
.fleetAttentionCount{display:grid;place-items:center;min-height:39px;border-radius:8px;background:var(--ui-panel);font-size:var(--fleet-type-subtitle);font-weight:800;font-variant-numeric:tabular-nums}
.fleetAttentionItem>span:nth-child(2){min-width:0;display:grid;gap:3px}.fleetAttentionItem strong{font-size:var(--fleet-type-small)}.fleetAttentionItem small{color:var(--ui-muted);font-size:var(--fleet-type-meta);line-height:1.3;overflow-wrap:anywhere}
.fleetAttentionDanger .fleetAttentionCount{color:var(--fleet-status-danger)}.fleetAttentionWarning .fleetAttentionCount{color:var(--sovereign-gold)}.fleetAttentionClear .fleetAttentionCount{color:var(--fleet-status-success)}
.fleetAttentionFooter{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:11px;color:var(--ui-muted);font-size:var(--fleet-type-meta)}.fleetAttentionFooter a{color:var(--sovereign-gold);display:inline-flex;align-items:center;gap:5px}
.scFeedItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--ui-border);font-size:var(--fleet-type-meta)}.scFeedItem:hover{text-decoration:none}.scFeedItem>span:nth-child(2){min-width:0}.scFeedItem strong{display:block;font-size:var(--fleet-type-meta);font-weight:650}.scFeedItem small{display:block;font-size:var(--fleet-type-micro);color:var(--ui-muted);overflow-wrap:anywhere}.scFeedMark{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#1e3a5f;color:#93c5fd;min-width:43px;padding:5px;font-size:var(--fleet-type-micro)}.scFeedMark.scCritical{color:#fca5a5;background:#7f1d1d55}.scFeedMark.scWarning{color:#fde68a;background:#78350f6b}
.scQuiet{padding:20px 3px;color:var(--ui-muted);font-size:var(--fleet-type-small)}.scActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scActions a{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle);font-size:var(--fleet-type-meta);color:var(--sovereign-gold)}.scActions a span{color:var(--ui-text);font-weight:700}.scActions a:hover{border-color:var(--sovereign-bronze);text-decoration:none}.scFootnote{margin-top:14px;font-size:var(--fleet-type-micro);color:var(--ui-muted)}
.scDataPager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 4px 2px;color:var(--ui-muted);font-size:var(--fleet-type-meta)}.scDataPager>div{display:flex;align-items:center;gap:9px}.scDataPager button{min-height:34px;padding:6px 11px;font-size:var(--fleet-type-meta)}.scPaginatedOut{display:none}
.scEmptyState{display:grid;justify-items:start;gap:8px;padding:25px;border:1px dashed var(--ui-border);border-radius:10px;color:var(--ui-muted)}.scEmptyState strong{font-size:var(--fleet-type-body);color:var(--ui-text)}
@media(max-width:660px){.scDataPager{justify-content:center;text-align:center}.scDataPager>div{width:100%;justify-content:center}}
.scFleetSection{margin-bottom:18px}.scPageIntro{padding-bottom:15px;margin-bottom:19px;border-bottom:1px solid var(--ui-border)}.scPageIntro h2{font:750 var(--fleet-type-intro)/1.2 var(--fleet-font-ui);margin:2px 0 5px}.scPageIntro p{color:var(--ui-muted);font-size:var(--fleet-type-small)}
/* System & Diagnostics: canonical page components. One definition per component. */
.scSystemKpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.systemPage{display:grid;gap:13px}
.systemIntro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
.systemIntro p{margin:5px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.systemReadOnly{display:inline-flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.systemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.systemPanel{display:flex;flex-direction:column;gap:2px}
.systemPanel .scPanelHead{margin-bottom:6px}
.systemFacts{display:grid;gap:0;margin:0}
.systemFact{display:grid;grid-template-columns:minmax(130px,40%) minmax(0,1fr);align-items:start;gap:14px;padding:10px 0;border-bottom:1px solid var(--ui-border);font-size:var(--fleet-type-small)}
.systemFact:last-child{border-bottom:0}
.systemFact dt{color:var(--ui-muted)}
.systemFact dd{min-width:0;margin:0;overflow-wrap:anywhere}
.systemFact code{font-family:var(--fleet-font-ui);font-size:var(--fleet-type-meta);overflow-wrap:anywhere}
.systemFlag{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:var(--fleet-type-meta);line-height:1.4}
.systemFlag::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
.systemFlag-healthy{color:#34d399}.systemFlag-attention{color:#fb7185}.systemFlag-unknown,.systemFlag-neutral{color:var(--ui-muted)}
.systemFootnote{border-top:1px solid var(--ui-border);padding-top:11px;margin:10px 0 0;font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.systemAgents{grid-column:1/-1}
.systemAgentState{align-self:start;border:1px solid var(--sovereign-gold-line);border-radius:999px;padding:5px 10px;font-size:var(--fleet-type-meta);color:var(--sovereign-gold)}
.systemAgentCounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:3px 0 12px}
.systemAgentCounts>div{display:grid;gap:6px;min-width:0;padding:11px 13px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle)}
.systemAgentCounts span{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.systemAgentCounts strong{font-size:var(--fleet-type-card-title);font-variant-numeric:tabular-nums;line-height:1.2}
.systemAgentFacts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.systemRecovery{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:15px 17px;border:1px solid var(--sovereign-gold-line);border-radius:13px;background:var(--ui-panel)}
.systemRecovery h3{font-size:var(--fleet-type-body);margin:0 0 5px}
.systemRecovery p{font-size:var(--fleet-type-meta);color:var(--ui-muted);margin:0;max-width:680px;line-height:1.5}
.systemRecoveryActions{display:flex;gap:8px;flex-wrap:wrap}
.systemRecoveryActions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;min-height:38px;text-decoration:none;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);color:var(--ui-text);font-size:var(--fleet-type-meta);font-weight:700}
.systemRecoveryActions a.primary{background:var(--sovereign-gold);border-color:var(--sovereign-gold);color:var(--fleet-accent-ink)}
.systemRecoveryActions a:hover{filter:brightness(1.08)}
.scServersWorkspace{padding:14px}.scServerHero{border-color:var(--sovereign-gold-line)}
@media(max-width:1300px){.scKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.scOverviewLower{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){main>header.scTopbar{flex-wrap:wrap}.scTopbarActions{order:3;flex:1 1 100%;justify-content:flex-start}.scGlobalSearch{width:min(100%,460px)}.scOverviewMain{grid-template-columns:1fr}.systemGrid{grid-template-columns:1fr}.systemAgents,.systemRecovery{grid-column:1}}
@media(max-width:760px){.systemAgentCounts{grid-template-columns:repeat(2,minmax(0,1fr))}.systemAgentFacts{grid-template-columns:1fr}.scKpiGrid,.scSystemKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.scOverviewLower{grid-template-columns:1fr}.scPanel{padding:15px}.scKpi{min-height:116px;padding:13px}.scKpiValue strong{font-size:var(--fleet-type-heading-md)}.scKpiIcon{width:31px;height:31px}}
@media(max-width:440px){.scGlobalSearch kbd{display:none}.scKpiGrid,.scSystemKpis{gap:8px}.scKpiValue{gap:8px}.scKpiValue strong{font-size:var(--fleet-type-heading-md)}.scKpiIcon{width:27px;height:27px;font-size:var(--fleet-type-body)}.scHealth{grid-template-columns:1fr;justify-items:center}.systemFact{grid-template-columns:1fr;gap:3px}.scFeedItem{grid-template-columns:auto minmax(0,1fr)}}


/* V3 source components — governed by the same design tokens as the full application. */
.fleetSvgIcon{display:inline-block;flex-shrink:0;vertical-align:middle}
[lang="ar"],:lang(ar){font-family:var(--v3-ar-font)}
.v3HeroSeparator{margin-inline:8px;color:#f8dca06b}
.v3Overview .scKpiTop .scKpiLabel{letter-spacing:.01em}
.v3PanelEyebrow{display:block;margin-bottom:7px;color:#d8af61;font-size:var(--fleet-type-micro);letter-spacing:.13em;font-weight:800}
.v3MetricTabs{display:inline-flex;gap:3px;padding:4px;background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:9px}
.v3MetricTabs button{padding:8px 14px;min-width:55px;background:transparent;border:0;border-radius:7px;color:var(--ui-muted);font-size:var(--fleet-type-meta);font-weight:750}
.v3MetricTabs button[aria-pressed="true"]{color:#1c170e;background:linear-gradient(130deg,#f3d589,#d4af37)}
.v3ActivityGrid{display:grid;gap:4px;align-content:start}
.v3ActivityRow{display:grid;grid-template-columns:30px minmax(120px,1fr) minmax(100px,2.3fr) 60px;align-items:center;gap:13px;padding:7px 5px;border-bottom:1px solid var(--ui-border)}
.v3ActivityRank{font:600 var(--fleet-type-micro)/1.3 var(--v3-ui-font);color:var(--ui-muted)}
.v3ActivityName{font-size:var(--fleet-type-small);font-weight:750;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--ui-text);text-decoration:none}.v3ActivityName:hover{color:var(--sovereign-gold)}.v3ActivityHigh>strong{color:var(--fleet-status-danger)}
.v3ActivityTrack{min-width:0}
.v3ActivityTrack progress{display:block;width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:var(--ui-subtle);appearance:none}
.v3ActivityTrack progress::-webkit-progress-bar{background:var(--ui-subtle);border-radius:10px}
.v3ActivityTrack progress::-webkit-progress-value{background:linear-gradient(90deg,#91692d,#f3d589);border-radius:10px}
.v3ActivityTrack progress::-moz-progress-bar{background:linear-gradient(90deg,#91692d,#f3d589);border-radius:10px}
.v3ActivityRow>strong{text-align:right;font-size:var(--fleet-type-meta);font-variant-numeric:tabular-nums}
.v3ActivityFoot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 4px 2px;color:var(--ui-muted);font-size:var(--fleet-type-micro)}
.v3ActivityFoot>span:first-child{display:flex;align-items:center;gap:7px;color:#5bdbaf;font-weight:750;letter-spacing:.08em}
.v3EmptyCompact{display:grid;min-height:84px;align-items:center;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.v3ActivityPanel .scPanelHead h3,.v3StatusPanel .scPanelHead h3{font-size:var(--fleet-type-subtitle)}
/* Real-data executive cards: data is derived from live API, with no synthetic trends. */
.v3TelemetryStrip>span:first-child{display:flex;align-items:center;gap:8px;color:var(--sovereign-bronze)}.v3TelemetryStrip>span:not(:first-child){font-weight:750;color:var(--ui-text)}.v3TelemetryStrip small{margin-left:auto}
.v3OverviewBottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:13px}
.fleetCountryList{display:grid;gap:9px;align-content:start;min-height:165px}.fleetCountryRow{display:grid;grid-template-columns:minmax(115px,1fr) minmax(55px,1fr) 26px;align-items:center;gap:9px;font-size:var(--fleet-type-small)}.fleetCountryRow>span{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}.fleetCountryRow strong{text-align:end;font-variant-numeric:tabular-nums}.fleetCountryRow progress{width:100%;height:8px;accent-color:var(--sovereign-gold)}.fleetCountryList>small{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.fleetOverviewCosts{display:grid;gap:12px}.fleetOverviewCosts>div{display:grid;gap:5px;border-bottom:1px solid var(--ui-border);padding-bottom:11px}.fleetOverviewCosts>div>span{color:var(--ui-muted);font-size:var(--fleet-type-meta)}.fleetOverviewCosts strong{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:var(--fleet-type-subtitle);line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fleetCostAmount{white-space:nowrap}.fleetCostAmount em{color:var(--ui-muted);font-size:var(--fleet-type-meta);font-style:normal;font-weight:600}.fleetCostUnknown{color:var(--ui-muted);font-size:var(--fleet-type-small)}.fleetOverviewCosts>small{font-size:var(--fleet-type-meta);color:var(--ui-muted);line-height:1.45}

.v3Distribution{display:grid;gap:14px;padding-top:10px}.v3DistributionRow{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,1.3fr) 22px;gap:12px;align-items:center;font-size:var(--fleet-type-meta)}.v3DistributionRow>span{display:flex;align-items:center;gap:7px;min-width:0}.v3DistributionRow strong{text-align:right;font-variant-numeric:tabular-nums}.v3DistributionTrack{height:9px;border-radius:12px;background:var(--ui-subtle);overflow:hidden}.v3DistributionTrack i{display:block;height:100%;background:linear-gradient(90deg,var(--sovereign-bronze),var(--sovereign-gold-light));border-radius:12px}.v3Distribution small{font-size:var(--fleet-type-micro);color:var(--ui-muted)}
.v3ServersWorkspace .fleetTable tr[data-server]{transition:background .16s ease}.v3ServersWorkspace .fleetTableWrap{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 8%,transparent)}
.v3ServersWorkspace .fleetMetricNumber,.v3ServersWorkspace .serverCell strong{font-variant-numeric:tabular-nums}.v3ServersWorkspace .serverCell>div{min-width:0}

/* Servers workspace page context: topbar owns the only page H1. */
.fleetPageContext{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 12px;min-width:0}
.fleetPageContextCopy{display:grid;gap:4px;min-width:0}
.fleetPageContextCopy p{margin:0;color:var(--ui-text);font-size:var(--fleet-type-body);line-height:var(--fleet-leading-body)}
.fleetPageContextCopy small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.fleetPageContextActions{display:flex;align-items:center;gap:10px}
.fleetPageContextActions .primary{min-height:40px;white-space:nowrap}
@media(max-width:650px){.fleetPageContext{align-items:flex-start}.fleetPageContextActions{width:100%}.fleetPageContextActions .primary{width:100%}}

/* First-class Server Fleet status component: previously missing in the canonical stylesheet. */
.v3ServerStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px;min-width:0}
.v3ServerStats>div{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--sovereign-gold) 26%,var(--ui-border));border-radius:11px;background:var(--ui-panel)}
.v3ServerStats>div>.fleetSvgIcon{flex:0 0 36px;width:36px;height:36px;padding:8px;color:var(--sovereign-gold);background:color-mix(in srgb,var(--sovereign-gold) 12%,var(--ui-panel));border-radius:9px}
.v3ServerStats>div>span{display:grid;gap:3px;min-width:0}
.v3ServerStats small{color:var(--ui-muted);font-size:var(--fleet-type-meta);line-height:1.3}
.v3ServerStats strong{color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:var(--fleet-type-heading-md);line-height:1.1;letter-spacing:-.03em}
@media(max-width:1100px){.v3ServerStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.v3ServerStats{grid-template-columns:1fr}}
.v3ServersWorkspace{padding:12px 14px 14px}
.v3ServersWorkspace .fleetTools{padding:2px 0 10px;margin:0;gap:8px}
.v3ServersWorkspace .fleetTableWrap{border-radius:11px;border:1px solid var(--ui-border)}
.v3ServersWorkspace .fleetTable{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}.v3ServersWorkspace .fleetTable thead th{position:sticky;top:0;z-index:2}.v3ServersWorkspace .fleetTable tbody tr:nth-child(even):not(.fleetDetailRow){background:color-mix(in srgb,var(--ui-panel) 97%,var(--ui-text) 3%)}
.v3ServersWorkspace .fleetTable th{background:var(--ui-subtle);letter-spacing:.025em;color:var(--ui-muted);text-transform:uppercase;font-weight:750;font-size:var(--fleet-type-meta);padding:9px 8px;border-bottom:1px solid var(--ui-border)}
.v3ServersWorkspace .fleetTable td{font-size:var(--fleet-type-table);padding:7px 8px;vertical-align:middle;border-bottom:1px solid var(--ui-border)}
.v3ServersWorkspace .fleetTable tbody tr[data-server]{cursor:pointer}.v3ServersWorkspace .fleetTable tbody tr[data-server]:hover,.v3ServersWorkspace .fleetTable tbody tr[data-server]:focus-visible{background:color-mix(in srgb,var(--sovereign-gold) 10%,var(--ui-panel));outline:1px solid color-mix(in srgb,var(--sovereign-gold) 35%,var(--ui-border));outline-offset:-1px}
.v3ServersWorkspace .serverCell{display:flex;align-items:center;gap:9px;min-width:0}
.v3ServersWorkspace .serverCell>.statusRing,.v3ServersWorkspace .fleetMobileHead>.statusRing{display:inline-block;flex:0 0 9px;width:9px;height:9px;min-width:9px;max-width:9px;border-radius:50%;background:#88909a;box-shadow:0 0 0 3px #88909a22}
.v3ServersWorkspace .serverCell>.statusRing.online,.v3ServersWorkspace .fleetMobileHead>.statusRing.online{background:#30d6a0;box-shadow:0 0 0 3px #30d6a025}
.v3ServersWorkspace .serverCell>.statusRing.offline,.v3ServersWorkspace .fleetMobileHead>.statusRing.offline{background:#f15c6e;box-shadow:0 0 0 3px #f15c6e25}
.v3ServersWorkspace .serverCell>.statusRing.maintenance,.v3ServersWorkspace .fleetMobileHead>.statusRing.maintenance{background:#d5a441;box-shadow:0 0 0 3px #d5a44122}
.v3ServersWorkspace .serverCell strong{font-size:var(--fleet-type-table);letter-spacing:-.01em}
.v3ServersWorkspace .serverCell small{color:var(--ui-muted);font-size:var(--fleet-type-micro)}

/* Monitoring Uptime: compact estimate inside the server identity, not the OS boot uptime column. */
.v3ServersWorkspace .fleetUptimeCaption{display:block;max-width:100%;margin-top:3px;font-size:var(--fleet-type-micro);line-height:1.2;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.v3ServersWorkspace .fleetUptimeCaption.good{color:#78d997}
.v3ServersWorkspace .fleetUptimeCaption.warning{color:#d7b343}
.v3ServersWorkspace .fleetUptimeCaption.critical{color:#eb6666}
.v3ServersWorkspace .fleetUptimeCaption.unknown{color:var(--fleet-muted,#999)}
.v3ServersWorkspace .fleetMobileHead .fleetUptimeCaption{margin-top:4px}

.v3ServersWorkspace .osCell{display:flex;align-items:center;gap:8px;min-width:0}
.v3ServersWorkspace .osCell strong{font-size:var(--fleet-type-small);line-height:1.35}
.v3ServersWorkspace .osCell small{font-size:var(--fleet-type-micro)}
.v3ServersWorkspace .fleetIPCell{display:grid;gap:3px;min-width:0;width:100%;max-width:none}
.v3ServersWorkspace .fleetIPCell .fleetIPAddress{display:block;font-family:var(--v3-ui-font);font-size:var(--fleet-type-table);line-height:1.35;min-width:0;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal}
.v3ServersWorkspace .iconButton.copyOnly{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px}
.fleetAddressLine{display:grid;grid-template-columns:34px 24px minmax(0,1fr);align-items:center;gap:6px;min-width:0;width:100%}.fleetAddressLabel{font-size:var(--fleet-type-micro);line-height:1.2;color:var(--ui-muted);font-weight:700;flex:none}.fleetAddressLine .fleetCountryFlag,.fleetAddressLine .fleetCountryFlagPlaceholder{width:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center}.fleetIPCopy{min-width:0;width:max-content;max-width:100%;min-height:0;height:auto;padding:2px 0;text-align:left;appearance:none;display:block;color:var(--ui-text);background:none;border:0;border-radius:0;box-shadow:none;outline:none;cursor:pointer}.fleetIPCopy:hover:not(:disabled){color:var(--sovereign-bronze);background:none;border:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.fleetIPCopy:focus-visible{color:var(--sovereign-bronze);background:none;outline:none;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.fleetIPCopy:active{background:none;border:0;box-shadow:none}.fleetIPCopy.copied{color:#32d6a4}.fleetIPCopy .fleetIPAddress{font-family:var(--v3-ui-font);font-size:var(--fleet-type-table);font-weight:700;line-height:1.35;display:block;overflow-wrap:normal;word-break:normal;white-space:nowrap;text-overflow:clip;direction:ltr;text-align:left}.fleetIPCompact{display:grid;gap:5px;width:100%;margin:3px 0;overflow-x:auto;scrollbar-width:thin}.fleetIPCompact .fleetAddressLine{min-width:max-content;width:100%}.fleetPageSizeLabel{display:inline-flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:var(--fleet-type-meta);white-space:nowrap}.fleetPageSizeLabel select{min-height:33px;height:33px;border-radius:7px;padding:3px 23px 3px 9px;color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-border);font-size:var(--fleet-type-meta)}
.v3ServersWorkspace .fleetExpandButton{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:32px;padding:4px 10px;white-space:nowrap;background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);font-weight:700;box-shadow:none;transition:background .15s ease,border-color .15s ease}
.v3ServersWorkspace .fleetExpandButton:hover:not(:disabled){background:color-mix(in srgb,var(--sovereign-gold) 11%,var(--ui-panel));border-color:var(--sovereign-bronze)}
.v3ServersWorkspace .fleetExpandButton[aria-expanded="true"]{background:color-mix(in srgb,var(--sovereign-gold) 14%,var(--ui-panel));border-color:var(--sovereign-gold);color:var(--sovereign-gold-light)}
.v3ServersWorkspace .fleetExpandButton:focus-visible{outline:2px solid var(--sovereign-gold-light);outline-offset:2px}
.v3ServersWorkspace .fleetMetricNumber{font-size:var(--fleet-type-small)}
.v3ServersWorkspace .fleetTools select,.v3ServersWorkspace .fleetTools button{min-height:40px}
.v3ServersWorkspace .fleetSearch{background:var(--ui-subtle);min-height:43px}
.scPanelHead h3 .fleetSvgIcon{color:#e4bd64;margin-right:5px}
.scActions a .fleetSvgIcon:last-child{opacity:.65}
.scNetworkRates{display:flex;gap:9px;flex-wrap:wrap;font-size:var(--fleet-type-body)}.scNetworkRates span{color:#5bdbaf}
@media(max-width:1250px){.v3ActivityRow{grid-template-columns:22px minmax(56px,1fr) minmax(70px,2fr) 48px;gap:7px}}
@media(max-width:800px){.v3NavSwitch{margin:4px 0 8px}.v3NavGroup{gap:2px}.v3ActivityRow{gap:8px}}
@media(max-width:600px){.v3ActivityRow{grid-template-columns:20px minmax(72px,1fr) minmax(70px,1.5fr) 48px}.v3MetricTabs button{min-width:44px;padding:8px 10px}}

/* Fleet table: Phase3I's data-aware column planner, directly in the canonical stylesheet. */
.fleetSovereignGrid{max-width:100%;overflow-x:hidden;overflow-y:visible;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sovereign-gold) 12%,transparent)}
.fleetSovereignGrid .fleetTable{min-width:0;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.fleetSovereignGrid col[data-col="select"]{width:38px}
.fleetSovereignGrid .fleetTable th,.fleetSovereignGrid .fleetTable td{min-width:0;overflow-wrap:normal;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
.fleetSovereignGrid .fleetTable thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:7px 5px}
.fleetSovereignGrid .fleetTable thead th.selectCol,.fleetSovereignGrid .fleetTable thead th.fleetDetailAction{text-align:center}
.fleetSovereignGrid .fleetSortButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:29px;padding:3px 1px;border:0;background:transparent;color:inherit;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}
.fleetSovereignGrid .fleetSortButton:hover{color:var(--sovereign-gold-light)}
.fleetSovereignGrid .fleetSortButton .fleetSortGlyph{font-size:var(--fleet-type-meta);font-weight:700;color:var(--ui-muted);opacity:.5;flex:none}
.fleetSovereignGrid .fleetTable th.sorted .fleetSortGlyph{color:var(--sovereign-gold);opacity:1}
.fleetSovereignGrid .fleetSortButton:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:-2px;border-radius:4px}
.fleetSovereignGrid .fleetTable th[data-col="ip"]{text-overflow:clip}
.fleetSovereignGrid .fleetTable td[data-col="ip"]{overflow:hidden;text-overflow:clip}
.fleetSovereignGrid .fleetIPCell{min-width:0;width:100%;display:grid;gap:3px}
.fleetSovereignGrid .fleetIPCell .fleetAddressLine{grid-template-columns:32px 24px minmax(0,1fr);width:100%;min-width:0;gap:5px}
.fleetSovereignGrid .fleetIPCopy{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;text-align:left}
.fleetSovereignGrid .fleetIPCopy .fleetIPAddress{font-family:var(--v3-ui-font);font-size:var(--fleet-type-table);line-height:1.35;display:block;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal}
.fleetSovereignGrid .fleetTable tbody tr[data-server]{cursor:pointer}
.fleetSovereignGrid .fleetTable tbody tr[data-server]:hover{background:color-mix(in srgb,var(--sovereign-gold) 9%,var(--ui-panel))}
.fleetSovereignGrid .fleetTable tbody tr[data-server]:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:-2px}
.fleetSovereignGrid .fleetTable .serverCell,.fleetSovereignGrid .fleetTable .osCell{min-width:0}
.fleetSovereignGrid .osCell{gap:7px}.fleetSovereignGrid .osCell .osFullName{font-size:var(--fleet-type-small);line-height:1.25;font-weight:700}.fleetSovereignGrid .osCell small{font-size:var(--fleet-type-micro);line-height:1.25}
.fleetSovereignGrid .fleetTable .serverCell strong,.fleetSovereignGrid .fleetTable .osFullName{overflow:hidden;text-overflow:ellipsis;display:block;white-space:normal;overflow-wrap:break-word}
.fleetSovereignGrid .fleetTable .fleetDetailAction{width:86px}
.v4ResourceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.v4Resource{min-width:0;display:grid;gap:5px}.v4Resource span{font-size:var(--fleet-type-micro);color:var(--ui-muted);font-weight:700}.v4Resource strong{font-size:var(--fleet-type-small);color:var(--ui-text);font-variant-numeric:tabular-nums}
.v4Meter{width:100%;height:5px;display:block;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:var(--ui-border)}
.v4Meter::-webkit-progress-bar{background:var(--ui-border);border-radius:999px}.v4Meter::-webkit-progress-value{background:#2bcab5;border-radius:999px}.v4Meter.ram::-webkit-progress-value{background:#e6b83d}.v4Meter.disk::-webkit-progress-value{background:#a978d8}
.v4Meter::-moz-progress-bar{background:#2bcab5}.v4Meter.ram::-moz-progress-bar{background:#e6b83d}.v4Meter.disk::-moz-progress-bar{background:#a978d8}
.v4Posture{display:grid;gap:6px;align-content:center;min-width:0}.v4Posture .v4Security{font-weight:800;font-size:var(--fleet-type-small)}.v4Posture .v4Updates,.v4Posture .v4Alerts{display:flex;gap:5px;align-items:center;font-size:var(--fleet-type-micro);color:var(--ui-muted);line-height:1.3}.v4Posture .v4Updates .fleetSvgIcon{color:#e1b147}
.v4OpenServer{margin-top:13px}.v4OpenServer a{display:inline-flex;gap:6px;align-items:center;color:var(--sovereign-gold)}
.fleetSovereignGrid tr.fleetDetailRow{display:table-row}.fleetSovereignGrid tr.fleetDetailRow[hidden]{display:none}
.fleetSovereignGrid .fleetDetailRow>td{padding:0 16px 15px;background:var(--ui-subtle);border-bottom:1px solid color-mix(in srgb,var(--sovereign-gold) 26%,var(--ui-border))}
.fleetMorePanel{padding:15px 15px 11px;border:1px solid color-mix(in srgb,var(--sovereign-gold) 22%,var(--ui-border));background:var(--ui-panel);border-radius:10px;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--sovereign-gold) 75%,transparent)}
.fleetMoreHeading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--ui-border)}
.fleetMoreHeading>div{display:grid;gap:4px;min-width:0}.fleetMoreHeading strong{color:var(--ui-text);font-size:var(--fleet-type-table)}.fleetMoreHeading span{color:var(--ui-muted);font-size:var(--fleet-type-micro)}.fleetMoreHeading a{display:inline-flex;align-items:center;gap:7px;color:var(--sovereign-bronze);font-size:var(--fleet-type-meta);font-weight:750;text-decoration:none}.fleetMoreHeading a:hover{text-decoration:underline}
.fleetMorePanel .fleetInlineFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px 0 0}
.fleetMorePanel .fleetInlineField{display:grid;gap:5px;align-content:start;min-height:65px;padding:10px 11px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);min-width:0}
.fleetMorePanel .fleetInlineField>span{font-size:var(--fleet-type-micro);letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--ui-muted)}
.fleetMorePanel .fleetInlineField>div{font-size:var(--fleet-type-meta);line-height:1.4;min-width:0;overflow-wrap:anywhere}

.fleetSovereignGrid .fleetExpandButton[aria-expanded="true"] .fleetSvgIcon{transform:rotate(180deg)}
@media(max-width:1300px){.fleetMorePanel .fleetInlineFields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.fleetMorePanel .fleetInlineFields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.fleetMorePanel .fleetInlineFields{grid-template-columns:minmax(0,1fr)}}


/* Server browser */
.fleetHeader,.jobHero{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:16px}
.fleetHeader h2,.jobHero h2{margin:0}
.fleetTools,.accessFilters,.publicControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}
.fleetTools input,.fleetTools select,.accessFilters select{width:auto;max-width:100%;min-width:105px;font-size:var(--ui-small)}
.fleetSearch{display:flex;align-items:center;gap:8px;min-width:min(300px,100%);flex:1;max-width:550px;padding:0 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle)}
.fleetSearch input{border:0;background:transparent;flex:1;min-width:0;min-height:39px;padding:6px}
.fleetSearch:focus-within{outline:2px solid var(--ui-accent)}
.fleetCount,.liveRefresh{font-size:var(--ui-small);color:var(--ui-muted)}
.columnPicker,.fleetTaxonomyFilters{position:relative;min-width:0}
.columnPicker{flex:0 0 auto;align-self:center}
.columnPicker[open]{z-index:40}
.fleetTools .columnPicker>summary{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;min-height:40px;border:1px solid var(--ui-border);border-radius:9px;padding:8px 12px;background:var(--ui-panel);font-size:var(--fleet-type-meta);font-weight:650;color:var(--ui-text)}
.fleetTools .columnPicker>summary .fleetSvgIcon{color:var(--sovereign-bronze);flex:none}
.fleetTools .columnPicker>summary small{font-size:var(--fleet-type-micro);color:var(--ui-muted)}
.columnPicker .fleetColumnsMenu{position:absolute;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:minmax(0,1fr);gap:0;grid-template-rows:auto auto minmax(0,1fr) auto;padding:15px;border:1px solid color-mix(in srgb,var(--sovereign-gold) 38%,var(--ui-border));border-radius:13px;background:var(--ui-panel);box-shadow:0 20px 60px #0008;z-index:50;max-height:min(620px,calc(100dvh - 135px));overflow:hidden;color:var(--ui-text)}
.columnPickerHead{display:grid;gap:4px;padding:1px 3px 12px;border-bottom:1px solid var(--ui-border)}
.columnPickerHead strong{font-size:var(--fleet-type-body);color:var(--ui-text)}.columnPickerHead span{font-size:var(--fleet-type-meta);line-height:1.4;color:var(--ui-muted)}
.columnPickerActions{display:flex;flex-wrap:wrap;gap:6px;padding:11px 0;border-bottom:1px solid var(--ui-border)}
.columnPickerActions button{font-size:var(--fleet-type-meta);padding:7px 9px;border:1px solid var(--ui-border);background:var(--ui-subtle);color:var(--ui-text);border-radius:7px;min-height:31px}
.columnPickerList{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px 2px;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(35px,max-content)}
.columnChoice{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:8px;padding:5px 7px;border-radius:7px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent)}
.columnChoice:hover{background:color-mix(in srgb,var(--sovereign-gold) 9%,var(--ui-panel))}.columnChoice>label{display:flex;align-items:center;gap:9px;min-width:0;flex:1;margin:0;cursor:pointer;color:var(--ui-muted);font-size:var(--fleet-type-meta)}.columnChoice.selected>label{color:var(--ui-text);font-weight:650}.columnChoice input{accent-color:var(--sovereign-gold);width:15px;height:15px;flex:none}
.columnOrder{display:flex;align-items:center;gap:4px;flex:none}.columnOrder button{width:24px;height:24px;min-height:24px;padding:0;border-radius:6px;font-size:var(--fleet-type-meta);background:var(--ui-subtle);color:var(--ui-muted);border:1px solid var(--ui-border)}.columnOrder button:disabled{opacity:.25;cursor:not-allowed}
.columnPickerDone{margin-top:9px;display:flex;justify-content:center;align-items:center;gap:6px;min-height:38px;background:linear-gradient(125deg,#e7c46b 0%,#c69b3b 47%,#9c7426 100%);color:#231908;font-weight:800;font-size:var(--fleet-type-meta);border:1px solid #a8812c;border-radius:8px;box-shadow:inset 0 1px 0 #fff5,0 3px 10px #0004;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}
.columnPickerDone:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px 0 #fff6,0 5px 14px #0005}
.columnPickerDone:focus-visible{outline:2px solid var(--sovereign-gold-light);outline-offset:3px}
@media(max-width:700px){.columnPicker .fleetColumnsMenu{position:fixed;left:14px;right:14px;top:100px;width:auto;max-height:calc(100dvh - 122px)}}
.columnPicker details,.fleetTaxonomyFilters details{max-width:100%;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);padding:10px 12px}
.columnPicker[open],.columnPicker details[open]{z-index:10}
.fleetTaxFilterGrid,.taxonomyCatalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fleetTable th,.fleetTable td{padding:13px 11px}.fleetTable{min-width:0}
.serverCell,.osCell,.fleetIPCell,.netCell{min-width:0}.serverCell strong,.osCell strong{line-height:1.35}
.fleetIPCell,.netCell{font-variant-numeric:tabular-nums}
.fleetIPCell code{display:inline-block;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:middle}
.osLogo{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;overflow:hidden;border-radius:8px;background:var(--ui-subtle)}
.osLogo img,.osLogo svg{display:block;width:23px;height:23px;max-width:23px;max-height:23px;object-fit:contain;flex:0 0 23px}
.osLogo.large{width:52px;height:52px;min-width:52px;min-height:52px;max-width:52px;max-height:52px;flex-basis:52px;border-radius:12px}
.osLogo.large img,.osLogo.large svg{width:38px;height:38px;max-width:38px;max-height:38px;flex-basis:38px}
.osCell{display:flex;align-items:center;gap:10px;min-width:150px}.osCell>div{min-width:0}.osCell small{display:block}.osFullName{overflow-wrap:anywhere}
/* The actual controls are native <progress>, not div children. Preserve resource identity. */
progress.meter{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:38px;max-width:155px;height:8px;overflow:hidden;border:0;border-radius:99px;background:var(--ui-border);color:var(--fleet-graph-a)}
progress.meter::-webkit-progress-bar{background:var(--ui-border);border-radius:99px}
progress.meter::-webkit-progress-value{background:var(--fleet-graph-a);border-radius:99px}
progress.meter::-moz-progress-bar{background:var(--fleet-graph-a);border-radius:99px}
.metric-ram progress.meter{color:var(--fleet-graph-b)}
.metric-ram progress.meter::-webkit-progress-value{background:var(--fleet-graph-b)}
.metric-ram progress.meter::-moz-progress-bar{background:var(--fleet-graph-b)}
.metric-disk progress.meter{color:var(--fleet-graph-c)}
.metric-disk progress.meter::-webkit-progress-value{background:var(--fleet-graph-c)}
.metric-disk progress.meter::-moz-progress-bar{background:var(--fleet-graph-c)}
.metricCell{min-width:0}.metricCell>div{display:flex;gap:4px;align-items:baseline;flex-wrap:wrap}
.metricCell small{color:var(--ui-muted);font-size:var(--ui-small)}
.metricCell strong,.metricCell small{display:inline-block;vertical-align:middle;margin:0 5px 3px 0}
.metricCell .meter{margin-top:3px}.netRX{color:#38bdf8}.netTX{color:#4ade80}
.fleetSovereignGrid .metricCell{display:grid;grid-template-rows:21px 8px;row-gap:5px;align-content:center;width:100%;min-width:0}
.fleetSovereignGrid .metricCell>.metricHeadline{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:5px;min-width:0;white-space:nowrap}
.fleetSovereignGrid .metricCell strong{flex:none;display:block;margin:0;font-size:var(--fleet-type-small);line-height:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.fleetSovereignGrid .metricCell small{flex:0 1 auto;display:block;margin:0;min-width:0;font-size:var(--fleet-type-micro);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fleetSovereignGrid .metricCell progress.meter{grid-row:2;display:block;width:100%;max-width:none;min-width:0;height:8px;margin:0;border-radius:999px}
.fleetSovereignGrid td[data-col="network"] .netCell{display:grid;grid-template-rows:repeat(2,16px);row-gap:2px;align-content:center;min-width:0;font-size:var(--fleet-type-meta);line-height:16px;font-variant-numeric:tabular-nums}
.fleetSovereignGrid td[data-col="network"] .netCell span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fleetSovereignGrid td[data-col="agent"] .versionPill{display:inline-flex;max-width:100%;width:max-content;min-width:0;padding:3px 7px;white-space:nowrap;overflow-wrap:normal;word-break:normal;font:650 var(--fleet-type-meta)/1.3 var(--fleet-font-ui)}
.fleetSovereignGrid td[data-col="last"] .nowrap{font-size:var(--fleet-type-meta);white-space:nowrap;font-variant-numeric:tabular-nums}
.fleetMobileList{display:none}.fleetMobileCard{min-width:0;border:1px solid var(--ui-border);background:var(--ui-panel);padding:15px;border-radius:10px}
.fleetMobileHead,.fleetMobileMeta,.fleetMobileSelect{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fleetMobileHead>div{flex:1;min-width:0}.fleetMobileHead small{display:block}
.fleetMobileMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.fleetMobileMetrics>div{padding:10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle)}
.fleetMobileMetrics span,.fleetMobileMetrics strong{display:block}
.fleetMobileMeta{margin:10px 0;color:var(--ui-muted);font-size:var(--ui-small)}
/* Detail / inventory / services */

.serverDetailPage{min-width:0;--server-detail-gap:12px;border-radius:var(--fleet-radius);background:color-mix(in srgb,var(--ui-panel) 68%,transparent)}.serverDetailPage .overviewGrid{margin-bottom:var(--server-detail-gap);gap:var(--server-detail-gap)}.serverDetailPage .detailCard{padding:16px 18px}.serverDetailPage .detailCard h3{margin-top:0}
.serverDetailBreadcrumb{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px;font-size:var(--fleet-type-small)}
.serverDetailBreadcrumb .back{margin:0;color:var(--fleet-accent);text-decoration:none;font-weight:700}
.serverDetailBreadcrumb>span{color:var(--ui-muted)}
.serverIdentity{display:flex;align-items:flex-start;gap:16px;min-width:0}
.serverIdentityText h2{margin:2px 0 0;font-size:clamp(21px,2vw,29px);line-height:1.15;overflow-wrap:anywhere}
.serverIdentityText>.eyebrow{margin-bottom:3px}
.serverIdentityText>p{margin:5px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.45}
.managedAccessGrid,.sshApplyRuntime,.installGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;margin-top:12px}
.managedAccessGrid>div,.sshApplyRuntime>div{background:color-mix(in srgb,var(--sovereign-gold) 4%,var(--ui-subtle));border:1px solid color-mix(in srgb,var(--sovereign-gold) 24%,var(--ui-border));padding:12px;border-radius:9px;min-width:0}
.heroFactLabel{display:block;color:var(--ui-muted);font-size:var(--fleet-type-meta);letter-spacing:.035em;font-weight:700}.heroFact strong{overflow-wrap:anywhere}
.serverDetailNavigation{display:grid;gap:8px;margin:14px 0 16px;min-width:0}
.serverTabs,.serverSubTabs{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;min-width:0;max-width:100%;padding:3px 0}
.serverTabs{border-bottom:1px solid var(--ui-border);padding-bottom:10px}
.serverTabs button,.serverSubTabs button{white-space:nowrap;flex-shrink:0;min-height:38px;padding:8px 14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:700}
.serverTabs button.active{background:var(--fleet-brand-gold);color:#21190c;border-color:var(--fleet-brand-bronze)}
.serverSubTabs{padding:4px 0}
.serverSubTabs button{min-height:34px;background:transparent}
.serverSubTabs button.active{color:var(--fleet-brand-gold-light);border-color:var(--fleet-brand-gold-line);background:color-mix(in srgb,var(--fleet-brand-gold) 10%,var(--ui-panel))}
.serverTabs button:focus-visible,.serverSubTabs button:focus-visible{outline:2px solid var(--fleet-brand-gold-light);outline-offset:2px}
.detailCard{font-size:var(--ui-detail);border-top:1px solid color-mix(in srgb,var(--sovereign-gold) 24%,var(--ui-border));background:linear-gradient(140deg,color-mix(in srgb,var(--sovereign-gold) 3%,var(--ui-panel)),var(--ui-panel) 55%)}
.secureNoteStatus{display:grid;gap:3px;min-width:0}.secureNoteStatus span,.secureNoteStatus small{display:block;line-height:1.45}.serverDetailPage .secureNoteBody{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.serverDetailPage .secureNoteBody .secureNoteStatus{flex:1 1 250px}.serverDetailPage .secureNoteBody .mini{flex:0 0 auto}
.agentActions{justify-content:flex-start;align-items:center;gap:12px}.agentUpgradeState{display:grid;gap:4px;flex:1 1 260px;min-width:0}.agentUpgradeState span{color:var(--ui-muted);font-size:var(--fleet-type-meta)}.agentUpgradeState strong{font-size:var(--fleet-type-body)}.agentUpgradeState small{display:block;color:var(--ui-muted);line-height:1.4}.agentActions>.primary,.agentActions>.mini{flex:0 0 auto}
.detailCard .cardHead{align-items:center;gap:10px}
.detailCard small{font-size:var(--ui-small)}
.inventoryServers>article,.inventoryServers>.card{min-width:0}

.catalogChips,.tagStack,.taxStack,.detailTags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.taxonomyCatalog{align-items:start}.taxonomyCatalog>.taxonomyScope{align-self:start;min-height:0}
.taxonomyScope .entityCatalogRow,.taxonomyScope .tagCatalogRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 11px;margin:0;border-bottom:1px solid var(--ui-border)}
.taxonomyScope .entityCatalogRow:last-child,.taxonomyScope .tagCatalogRow:last-child{border-bottom:0}
.taxonomyScope .catalogChip,.taxonomyScope .tagChip{font-weight:700;padding:5px 9px;border-color:color-mix(in srgb,var(--sovereign-gold) 32%,var(--ui-border));background:color-mix(in srgb,var(--sovereign-gold) 7%,var(--ui-panel))}
.taxonomyScope .rowActions{justify-content:flex-end;gap:5px;flex-wrap:nowrap}
.taxonomyScope .rowActions button,.taxonomyScope .taxonomyEdit,.taxonomyScope .taxonomyDelete{min-width:54px;padding:7px 10px}
@media(max-width:600px){.taxonomyScope .entityCatalogRow,.taxonomyScope .tagCatalogRow{grid-template-columns:1fr}.taxonomyScope .rowActions{justify-content:flex-start}}
.taxonomyCatalog .card,.organizationCard{margin-bottom:0}.taxonomyInlineFields{display:flex;flex-wrap:wrap;gap:10px}.taxonomyInlineActions{display:flex;gap:8px;align-items:center}
/* Jobs: native priority queue and execution detail, based on shared design tokens. */
.jobWorkspace{display:grid;gap:14px;min-width:0}
.jobSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.jobSummary .summaryCard{min-height:106px}
.jobQueuePanel{display:grid;gap:13px;min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.jobQueueHead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.jobQueueHead>div{min-width:0;max-width:720px}
.jobQueueHead .sovereignEyebrow{margin:0 0 6px}
.jobQueueHead p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.jobQueueHead>.primary{flex:none}
.jobQuickFilters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
.jobQuickFilters button{min-height:38px;background:var(--ui-subtle);font-size:var(--fleet-type-small);white-space:normal}
.jobQuickFilters button[aria-pressed="true"]{color:var(--sovereign-gold);border-color:var(--sovereign-gold-line);background:color-mix(in srgb,var(--sovereign-gold) 10%,var(--ui-panel))}
.jobQuickFilters span{color:var(--ui-muted);font-size:var(--fleet-type-meta);font-variant-numeric:tabular-nums}
.jobFilters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(135px,1fr)) auto;align-items:end;gap:10px;margin:0}
.jobFilters>label:not(.jobSearch){display:grid;gap:5px;min-width:0;color:var(--ui-muted);font-size:var(--fleet-type-meta);font-weight:650}
.jobFilters select{width:100%;min-width:0;max-width:none;height:40px;font-size:var(--fleet-type-small)}
.jobFilters .jobSearch{display:flex;align-items:center;gap:8px;align-self:end;min-height:40px;max-width:none;min-width:0;margin:0;padding:0 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle)}
.jobFilters .jobSearch input{display:block;flex:1;min-width:0;max-width:none;width:100%;min-height:38px;margin:0;padding:5px 0;border:0;background:transparent;font-size:var(--fleet-type-small)}
.jobFilters .jobSearch:focus-within{outline:2px solid var(--ui-accent)}
.jobFilters #jobReset{min-height:40px;white-space:nowrap}
.jobQueueMeta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.jobQueueMeta strong{font-size:var(--fleet-type-body)}
.jobQueueMeta span,.jobQueueMeta small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.jobQueueMeta small{flex-basis:100%}
.jobListTable{min-width:960px;table-layout:auto}
.jobListTable th,.jobListTable td{padding:11px 12px}
.jobListTable td{font-size:var(--ui-table);vertical-align:middle}
.jobListTable th:nth-child(1){width:16%}
.jobListTable th:nth-child(2){width:24%}
.jobListTable th:nth-child(3){width:15%}
.jobListTable th:nth-child(4){width:24%}
.jobListTable th:nth-child(5){width:13%}
.jobListTable th:nth-child(6){width:8%}
.jobListTable .jobID{font-size:var(--fleet-type-meta);color:var(--ui-muted);font-variant-numeric:tabular-nums}
.jobListTable .jobPurpose{display:block;overflow-wrap:anywhere;line-height:1.45}
.jobListTable td small{color:var(--ui-muted);overflow-wrap:anywhere}
.jobListTable td time{white-space:nowrap;font-variant-numeric:tabular-nums}
.jobRowAttention td:first-child{box-shadow:inset 2px 0 0 color-mix(in srgb,var(--sovereign-bronze) 55%,var(--ui-border))}
.jobStatus.ok{color:#6ee7b7;background:#113528;border-color:#1d7656}
.jobStatus.bad{color:#ff9bad;background:#391b25;border-color:#95374c}
.jobStatus.warn{color:#facc60;background:#332714;border-color:#8d6822}
.jobApprovalFlag{color:#facc60}
.jobProgressText{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:var(--fleet-type-small)}
.jobProgressText span{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.jobProgress{width:100%;max-width:100%;height:8px;overflow:hidden;background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:999px}
.jobProgress i{display:block;height:100%;border-radius:999px;background:var(--sovereign-gold)}
.jobListTable td .jobDetailsLink{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);font-size:var(--fleet-type-small);font-weight:650;white-space:nowrap}
.jobListTable td .jobDetailsLink:hover{border-color:var(--sovereign-gold-line);color:var(--sovereign-gold);text-decoration:none}
.jobEmptyResult{display:grid;gap:5px;padding:14px 0}
.jobEmptyResult strong{font-size:var(--fleet-type-body)}
.jobEmptyResult p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.jobDetailSummary,.jobTargetMeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.jobTargetPanel{min-width:0;max-width:100%;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);overflow:hidden}
.jobTargetPanel[hidden]{display:none}
.jobTargetPanel>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:48px;padding:9px 12px;cursor:pointer}
.jobTargetPanel>summary::-webkit-details-marker{display:none}
.jobTargetPanel>summary::after{content:'▸';color:var(--ui-muted);flex:none}
.jobTargetPanel[open]>summary::after{transform:rotate(90deg)}
.jobTargetPanel>summary:hover{background:var(--ui-subtle)}
.jobTargetPanel>summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}
.jobTargetSummary{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:1;min-width:0;flex-wrap:wrap}
.jobTargetIdentity{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.jobTargetIdentity strong{font-size:var(--fleet-type-body);overflow-wrap:anywhere}
.jobTargetTime{font-size:var(--fleet-type-small);white-space:nowrap}
.jobTargetPreview{flex:1 1 235px;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fleet-status-danger);font-size:var(--fleet-type-small)}
.jobTargetBody{min-width:0;display:grid;gap:10px;padding:10px 12px 12px;border-top:1px solid var(--ui-border)}
.jobTargetMeta>div{background:var(--ui-panel);padding:10px;border:1px solid var(--ui-border);border-radius:8px;min-width:0}
.jobDataBlock,.jobBlock{background:var(--ui-panel);padding:12px;border:1px solid var(--ui-border);border-radius:8px;min-width:0}
.jobDataGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.sshResultCols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jobTargetControls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 12px}
.jobTargetControls button{min-height:32px;border:1px solid var(--ui-border);border-radius:8px;padding:5px 11px;background:var(--ui-panel);color:var(--ui-muted);font-size:var(--fleet-type-small)}
.jobTargetControls button[aria-pressed="true"]{border-color:var(--sovereign-gold-line);background:var(--ui-subtle);color:var(--sovereign-gold)}
.jobTargetControls button:hover{color:var(--ui-text)}
.jobDataBlock .rawResult{margin-top:10px;padding-top:9px;border-top:1px solid var(--ui-border)}
.jobDataBlock .rawResult summary{cursor:pointer;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.jobDataBlock pre,.jobLogs,.rawResult pre{overflow:auto;max-height:490px;margin:0;padding:12px;background:var(--ui-subtle);color:var(--ui-text);border-radius:8px}
@media(max-width:1160px){.jobSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.jobFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.jobFilters .jobSearch{grid-column:1/-1}.jobFilters #jobReset{justify-self:start}}
@media(max-width:620px){
 .jobQueuePanel{padding:12px}
 .jobSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jobSummary .summaryCard{min-height:94px;padding:12px}
 .jobFilters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jobFilters>label:nth-last-of-type(1){grid-column:1/-1}
 .jobQueueHead>.primary{width:100%}
 .jobQuickFilters button{flex:1 1 calc(50% - 8px)}
 .jobListWrap{overflow-x:hidden;border:0;background:transparent}
 .jobListTable{display:block;width:100%;min-width:0}
 .jobListTable thead{display:none}
 .jobListTable tbody{display:grid;gap:10px}
 .jobListTable tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
 .jobListTable td{padding:0;border:0;min-width:0;word-break:break-word}
 .jobListTable td[data-job-field="job"]{grid-row:1;grid-column:1}
 .jobListTable td[data-job-field="status"]{grid-row:1;grid-column:2;justify-self:end;text-align:right}
 .jobListTable td[data-job-field="purpose"]{grid-row:2;grid-column:1/-1}
 .jobListTable td[data-job-field="progress"]{grid-row:3;grid-column:1/-1}
 .jobListTable td[data-job-field="created"]{grid-row:4;grid-column:1}
 .jobListTable td[data-job-field="details"]{grid-row:4;grid-column:2;justify-self:end;align-self:center}
 .jobListTable td[data-job-field="purpose"]{padding-top:8px;border-top:1px solid var(--ui-border)}
 .jobListTable td[data-job-field="created"] time{white-space:normal}
 .jobListTable .jobDetailsLink{white-space:normal}
 .jobListTable td[colspan]{grid-column:1/-1}
}
/* Audit Log / native inline disclosure. Component owns its styles in the canonical Admin CSS. */
.auditCard{display:grid;gap:16px}
.auditIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.auditIntro h2{margin:5px 0 4px;font-size:var(--fleet-type-heading-sm);color:var(--ui-text)}
.auditIntro p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.auditIntroCount{display:flex;flex-direction:column;align-items:flex-end;flex:none;min-width:90px}
.auditIntroCount strong{font-size:var(--fleet-type-heading-md);line-height:1.12;color:var(--ui-text);font-variant-numeric:tabular-nums}
.auditIntroCount small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditFilters{display:grid;grid-template-columns:minmax(190px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:10px;padding:14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.auditFilters label{min-width:0;display:grid;gap:5px;color:var(--ui-muted);font-size:var(--fleet-type-meta);font-weight:600}
.auditFilters input,.auditFilters select{width:100%;min-width:0;margin:0;height:40px;font-size:var(--fleet-type-small);color:var(--ui-text)}
.auditFilters button{height:40px;white-space:nowrap}
.auditListToolbar,.auditListFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auditListToolbar>div{display:grid;gap:3px}
.auditListToolbar strong{font-size:var(--fleet-type-body);color:var(--ui-text)}
.auditListToolbar span,.auditListFooter span{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditPager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.auditPager button{white-space:nowrap}
.auditList{display:grid;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);overflow:hidden;background:var(--ui-panel)}
.auditEvent+.auditEvent{border-top:1px solid var(--ui-border)}
.auditEventToggle{display:grid;grid-template-columns:36px minmax(160px,2.2fr) minmax(135px,1.4fr) minmax(105px,1.1fr) minmax(115px,1fr) auto 18px;gap:12px;align-items:center;width:100%;min-height:72px;padding:12px 14px;text-align:left;border:0;border-radius:0;background:transparent;color:var(--ui-text);cursor:pointer;font-family:inherit;font-size:var(--fleet-type-small)}
.auditEventToggle:hover,.auditEventToggle[aria-expanded="true"]{background:var(--ui-subtle)}
.auditEventToggle:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:-2px}
.auditEventSymbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--ui-border);color:var(--sovereign-gold)}
.auditEventMain,.auditEventTarget,.auditEventActor,.auditEventTime{min-width:0;overflow-wrap:anywhere}
.auditEventMain{display:grid;gap:5px}.auditEventMain strong{font-size:var(--fleet-type-body);line-height:1.3}.auditEventMain small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditEventTarget,.auditEventActor{display:grid;gap:5px}
.auditMetaLabel{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditEventTime time{display:grid;gap:4px;font-variant-numeric:tabular-nums}
.auditEventTime small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditOutcome{display:inline-flex;justify-content:center;align-items:center;min-width:68px;padding:5px 8px;border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-muted);font-size:var(--fleet-type-meta);font-weight:700}
.auditOutcome-success{border-color:color-mix(in srgb,var(--fleet-status-success) 50%,var(--ui-border));color:var(--fleet-status-success)}
.auditOutcome-failure{border-color:color-mix(in srgb,var(--fleet-status-danger) 50%,var(--ui-border));color:var(--fleet-status-danger)}
.auditEventChevron{color:var(--ui-muted);transition:transform .15s ease}
.auditEventToggle[aria-expanded="true"] .auditEventChevron{transform:rotate(180deg)}
.auditEventDetails{padding:16px 18px 20px 64px;border-top:1px solid var(--ui-border);background:var(--ui-subtle)}
.auditEventDetails[hidden]{display:none}
.auditDetailsHead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.auditDetailsHead>div{display:grid;gap:3px}.auditDetailsHead strong{font-size:var(--fleet-type-body)}
.auditDetailsHead span{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.auditDetailFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}
.auditDetailFields>div{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:10px 0;border-bottom:1px solid var(--ui-border)}
.auditDetailFields dt{font-size:var(--fleet-type-small);color:var(--ui-muted);overflow-wrap:anywhere}
.auditDetailFields dd{margin:0;font-size:var(--fleet-type-small);color:var(--ui-text);overflow-wrap:anywhere}
.auditDetailFields pre,.auditRaw pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow-y:auto;margin:0;font-family:var(--fleet-font-mono);font-size:var(--fleet-type-meta)}
.auditRaw{margin-top:14px;border:1px solid var(--ui-border);border-radius:9px;padding:10px 12px}
.auditRaw summary{cursor:pointer;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.auditRaw pre{margin-top:10px}
.auditEmpty{padding:32px 20px;color:var(--ui-muted);text-align:center}
.auditEmpty strong{color:var(--ui-text)}
.auditEmpty p,.auditNoDetails{font-size:var(--fleet-type-small);color:var(--ui-muted)}
@media(max-width:1150px){.auditFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.auditFilters .auditSearchField{grid-column:1/-1}.auditEventToggle{grid-template-columns:34px minmax(130px,2fr) minmax(100px,1.4fr) minmax(90px,1fr) auto 16px}.auditEventActor{display:none}}
@media(max-width:740px){.auditIntro{flex-wrap:wrap}.auditIntroCount{align-items:flex-start}.auditFilters{grid-template-columns:minmax(0,1fr)}.auditFilters .auditSearchField{grid-column:auto}.auditEventToggle{grid-template-columns:30px minmax(0,1fr) auto 16px;gap:8px;padding:12px 10px}.auditEventTarget{grid-column:2/4;grid-row:2}.auditEventTime{grid-column:2/4;grid-row:3}.auditEventActor{grid-column:2/4;grid-row:4;display:grid}.auditEventMain{grid-column:2;grid-row:1}.auditEventSymbol{grid-column:1;grid-row:1}.auditOutcome{grid-column:3;grid-row:1}.auditEventChevron{grid-column:4;grid-row:1}.auditEventDetails{padding:14px}.auditDetailFields{grid-template-columns:minmax(0,1fr)}.auditListToolbar{align-items:flex-start}.auditListFooter{justify-content:flex-end}}

/* Maintenance — source-owned schedule interface; canonical FLEET tokens only. */
.maintenancePage{display:grid;gap:14px;min-width:0}
.maintenanceIntro{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
.maintenanceIntro>div{display:grid;gap:5px;min-width:0}
.maintenanceIntro .eyebrow{color:var(--sovereign-gold);font-size:var(--fleet-type-meta);font-weight:800;letter-spacing:.07em}
.maintenanceIntro p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.maintenanceSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.maintenanceSummary>div{display:grid;align-content:center;gap:6px;min-width:0;padding:16px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--fleet-radius)}
.maintenanceSummary span{color:var(--ui-muted);font-size:var(--fleet-type-small)}
.maintenanceSummary strong{font-size:var(--fleet-type-responsive-display);line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}
.maintenanceSummary small{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.maintenanceWorkspace,.maintenanceForm{min-width:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--fleet-radius);padding:16px}
.maintenanceWorkspace .sectionHead{margin-bottom:14px;gap:10px;flex-wrap:wrap}
.maintenanceWorkspace .sectionHead h3{font-size:var(--fleet-type-subtitle)}
.maintenanceWorkspace .sectionHead p{font-size:var(--fleet-type-small)}
.maintenanceFilters{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 14px}
.maintenanceFilters>label{display:grid;gap:6px;flex:1 1 225px;font-size:var(--fleet-type-small);color:var(--ui-muted)}
.maintenanceFilters input{width:100%;min-width:0}
.maintenanceViews{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.maintenanceViews button{border-color:transparent;background:transparent;color:var(--ui-muted);font-size:var(--fleet-type-small);min-height:38px}
.maintenanceViews button[aria-pressed="true"]{background:var(--sovereign-gold);border-color:var(--fleet-brand-gold-line);color:var(--ui-bg)}
.maintenanceTable{width:100%;border-collapse:collapse;font-size:var(--fleet-type-table)}
.maintenanceTable td,.maintenanceTable th{vertical-align:middle;padding:12px 10px;text-align:left}
.maintenanceTable th{font-size:var(--fleet-type-meta)}
.maintenanceTable td{border-bottom:1px solid var(--ui-border);min-width:0}
.maintenanceTable td strong,.maintenanceTable td small{display:block;overflow-wrap:anywhere}
.maintenanceTable td strong{font-weight:700}
.maintenanceTable td small{margin-top:5px;color:var(--ui-muted);font-size:var(--fleet-type-meta);line-height:1.4}
.maintenanceName,.maintenanceCell{display:grid;gap:3px;min-width:0}
.maintenanceBadge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--ui-border);border-radius:999px;font-size:var(--fleet-type-meta);font-weight:700}
.maintenanceEnabled{color:var(--fleet-status-success)}
.maintenancePaused{color:var(--ui-muted)}
.maintenanceEmpty{padding:32px 16px;text-align:center;color:var(--ui-muted)}
.maintenanceCount,.maintenanceNote{font-size:var(--fleet-type-small);color:var(--ui-muted);margin:10px 0 0}
.maintenanceNote{margin:0}
.maintenanceConfirm,.maintenanceDraft,.maintenanceSafety{padding:14px;border:1px solid var(--fleet-brand-gold-line);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.maintenanceConfirm{display:grid;gap:12px;margin-top:14px}
.maintenanceConfirm[hidden],.maintenanceDraft[hidden],.maintenanceCreateHost[hidden],.maintenanceForm #maintenanceService[hidden],.maintenanceForm #maintenanceSnapshot[hidden],.maintenanceForm #maintenanceWeekdays[hidden],.maintenanceForm #maintenanceAllAck[hidden],.maintenanceFormError[hidden],.maintenanceError[hidden]{display:none}
.maintenanceConfirm strong{font-size:var(--fleet-type-body)}
.maintenanceConfirm p,.maintenanceSafety p,.maintenanceFormHead p{color:var(--ui-muted);font-size:var(--fleet-type-small);margin:4px 0 0;line-height:1.5}
.maintenanceActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.maintenanceFormHead{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px}
.maintenanceFormHead h3{margin:0;font-size:var(--fleet-type-subtitle)}
.maintenanceFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.maintenanceFormGrid>label{display:grid;align-content:start;gap:7px;min-width:0;color:var(--ui-text);font-size:var(--fleet-type-small)}
.maintenanceFormGrid>label input,.maintenanceFormGrid>label select{width:100%;min-width:0;margin:0}
.maintenanceFormGrid .maintenanceAllAck{align-self:end;display:flex;align-items:center;gap:8px;min-height:42px}
.maintenanceFormGrid .maintenanceAllAck input{width:auto}
.maintenanceWeekdays{border:1px solid var(--ui-border);border-radius:var(--fleet-radius);padding:12px;display:flex;flex-wrap:wrap;gap:8px 12px;grid-column:1/-1}
.maintenanceWeekdays legend{padding:0 5px;font-size:var(--fleet-type-small)}
.maintenanceWeekdays label{display:flex;align-items:center;gap:5px;font-size:var(--fleet-type-small)}
.maintenanceSafety{margin:16px 0}
.maintenanceSafety strong{font-size:var(--fleet-type-small)}
.maintenanceError{color:var(--ui-danger);font-size:var(--fleet-type-small);overflow-wrap:anywhere}
.maintenanceDraft{margin-top:14px}
.maintenanceDraft h4{font-size:var(--fleet-type-body);margin:0 0 10px}
.maintenanceDraft dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 14px}
.maintenanceDraft dl>div{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid var(--ui-border);min-width:0}
.maintenanceDraft dt{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.maintenanceDraft dd{margin:0;font-size:var(--fleet-type-small);overflow-wrap:anywhere}
@media(max-width:950px){.maintenanceSummary strong{font-size:var(--fleet-type-large)}}
@media(max-width:850px){.maintenanceTable{display:block;min-width:0}.maintenanceTable thead{display:none}.maintenanceTable tbody{display:grid;gap:10px}.maintenanceTable tbody tr{display:block;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-subtle);padding:8px}.maintenanceTable tbody td{display:grid;grid-template-columns:minmax(95px,35%) minmax(0,1fr);align-items:start;gap:9px;border:0;padding:8px 5px;min-width:0}.maintenanceTable tbody td::before{content:attr(data-label);font-size:var(--fleet-type-meta);color:var(--ui-muted)}.maintenanceTable tbody .maintenanceEmpty{display:block}}
@media(max-width:650px){.maintenanceSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.maintenanceSummary>div{padding:12px 10px}.maintenanceSummary strong{font-size:var(--fleet-type-feature)}.maintenanceFilters{align-items:stretch}.maintenanceViews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.maintenanceViews button{padding:8px 5px}.maintenanceIntro .primary{width:100%}.maintenanceFormGrid,.maintenanceDraft dl{grid-template-columns:minmax(0,1fr)}.maintenanceFormHead{flex-direction:column}.maintenanceFormGrid .maintenanceAllAck{align-self:start}.maintenanceWeekdays{grid-column:auto}.maintenanceActions{flex-direction:column;align-items:stretch}.maintenanceActions button{width:100%}}

/* Automation: original component styles, shared FLEET tokens and controls. */
.automationPage{display:grid;gap:14px;min-width:0}
.automationLead{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.automationLead .eyebrow{display:block;margin-bottom:5px;color:var(--sovereign-gold);font-size:var(--fleet-type-meta);font-weight:800;letter-spacing:.08em}
.automationLead p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.automationSummary{margin-bottom:0}
.automationNav{margin:0}
.automationPane{display:grid;gap:14px;min-width:0}
.automationPane[hidden],.automationConfirmation[hidden],.automationStatus[hidden],.automationRuleForm[hidden]{display:none}
.automationPane .detailCard{min-width:0}
.automationPane .sectionHead{flex-wrap:wrap;align-items:center}
.automationActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.automationTable{min-width:760px}
.automationTable th:nth-child(1){width:18%}
.automationTable th:nth-child(2){width:28%}
.automationTable th:nth-child(3){width:25%}
.automationTable th:nth-child(4){width:12%}
.automationTable td{vertical-align:middle}
.automationTable .automationActions button{min-height:34px;padding:6px 10px}
.automationCondition{display:inline-block;overflow-wrap:anywhere;word-break:break-word;font-family:var(--fleet-font-ui);font-size:var(--fleet-type-small)}
.automationRuleForm,.automationConfirmation{padding:16px;border:1px solid var(--fleet-brand-gold-line);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.automationRuleForm{margin-bottom:14px}
.automationRuleForm .sectionHead{align-items:center}
.automationForm{display:grid;gap:13px}
.automationFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.automationForm label{display:grid;gap:5px;font-size:var(--fleet-type-small)}
.automationForm label>input,.automationForm label>select{margin-top:0}
.automationFormHelp{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.automationConfirmation{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.automationConfirmation strong{display:block;font-size:var(--fleet-type-body)}
.automationConfirmation p{margin:5px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.automationStatus{padding:10px 13px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:8px;font-size:var(--fleet-type-small)}
.automationStatus.bad{color:var(--ui-danger)}
.automationCatalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.automationCatalogBox{padding:16px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-subtle);min-width:0}
.automationCatalogTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.automationCatalogTitle h4{font-size:var(--fleet-type-card-title);margin:0}
.automationCatalogTitle>span{color:var(--ui-muted);font-size:var(--fleet-type-small);font-variant-numeric:tabular-nums}
@media(max-width:900px){.automationCatalog{grid-template-columns:1fr}}
@media(max-width:740px){
 .automationFormGrid{grid-template-columns:1fr}
 .automationNav button{min-width:0;padding:9px 6px;white-space:normal}
 .automationTable{display:block;min-width:0}
 .automationTable thead{display:none}
 .automationTable tbody{display:grid;gap:10px}
 .automationTable tbody tr{display:block;border:1px solid var(--ui-border);border-radius:10px;padding:8px;background:var(--ui-panel)}
 .automationTable tbody td{display:grid;grid-template-columns:minmax(80px,36%) minmax(0,1fr);gap:8px;padding:8px 5px;border:0;min-width:0}
 .automationTable tbody td::before{content:attr(data-label);font-size:var(--fleet-type-small);color:var(--ui-muted)}
 .automationTable .automationActions{justify-content:flex-start}
 .automationConfirmation{align-items:flex-start;flex-direction:column}
}

/* Packages & Updates — canonical read-only report page (Phase 18). */
.packagesPage{display:grid;gap:14px;min-width:0}
.packagesIntro{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
.packagesIntro>div{min-width:0;flex:1 1 270px}
.packagesIntro p{margin:0 0 5px;color:var(--sovereign-gold);font-size:var(--fleet-type-micro);font-weight:800;letter-spacing:.12em}
.packagesIntro span{display:block;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.packagesSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.packagesMetric,.packagesWorkspace,.packagesHelp{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.packagesMetric{display:grid;align-content:center;gap:6px;min-height:111px;border-top:2px solid var(--fleet-brand-gold-line)}
.packagesMetric>span{font-size:var(--fleet-type-small);color:var(--ui-muted)}
.packagesMetric strong{font-size:var(--fleet-type-large);line-height:1.15;font-weight:750;font-variant-numeric:tabular-nums;color:var(--ui-text)}
.packagesMetric strong.packageDanger{color:var(--ui-danger)}
.packagesMetric small{font-size:var(--fleet-type-meta);color:var(--ui-muted);line-height:1.4}
.packagesWorkspace .sectionHead{margin-bottom:16px}
.packagesMatchCount{font-size:var(--fleet-type-small);color:var(--ui-muted);white-space:nowrap}
.packagesFilters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(2,minmax(155px,1fr));gap:12px;align-items:end}
.packagesFilters label{display:grid;gap:6px;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.packagesFilters label>input,.packagesFilters label>select{margin:0;min-height:40px;width:100%}
.packagesViews{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 15px}
.packagesViews button{min-height:36px;padding:7px 11px;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-muted);background:var(--ui-subtle);font-size:var(--fleet-type-small);font-weight:650}
.packagesViews button[aria-pressed="true"]{border-color:var(--fleet-brand-gold-line);background:var(--sovereign-gold);color:var(--fleet-accent-ink)}
.packagesViews button:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:2px}
.packagesTableWrap{border:1px solid var(--ui-border);border-radius:10px;overflow-x:auto;max-width:100%}
.packagesTable{width:100%;min-width:780px;border-collapse:collapse;font-size:var(--fleet-type-table);font-variant-numeric:tabular-nums}
.packagesTable td,.packagesTable th{padding:11px 12px;vertical-align:middle}
.packagesTable td{overflow-wrap:anywhere}
.packagesTable td:first-child{width:30%;min-width:200px}
.packagesServer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.packagesServer strong{font-weight:750;color:var(--ui-text)}
.packageState{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;border:1px solid var(--ui-border);font-size:var(--fleet-type-meta);font-weight:700;color:var(--ui-muted);background:var(--ui-subtle)}
.packageState.packageCritical,.packageDanger{color:var(--ui-danger)}
.packageState.packageCritical{border-color:color-mix(in srgb,var(--ui-danger) 40%,var(--ui-border))}
.packageState.packagePending,.packagePendingText{color:var(--ui-warning)}
.packageState.packagePending{border-color:color-mix(in srgb,var(--ui-warning) 40%,var(--ui-border))}
.packageTruncated{font-size:var(--fleet-type-meta);color:var(--ui-warning)}
.packageDisclosure{margin-top:7px;font-size:var(--fleet-type-small)}
.packageDisclosure summary{width:fit-content;color:var(--sovereign-gold);cursor:pointer}
.packageDisclosure summary:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:2px}
.packageDisclosureContent{margin-top:9px;padding:11px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle)}
.packageDisclosureContent ul{margin:0;padding-left:18px;display:grid;gap:5px;overflow-wrap:anywhere}
.packageDisclosureContent p{margin:8px 0 0;color:var(--ui-muted)}
.packagesEmpty td{text-align:center;color:var(--ui-muted);padding:30px 15px}
.packagesPagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:var(--fleet-type-small);color:var(--ui-muted)}
.packagesPagination>div{display:flex;gap:7px}
.packagesHelp strong{font-size:var(--fleet-type-body)}
.packagesHelp p{margin:7px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.55}
@media(max-width:1050px){.packagesSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.packagesFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.packagesSearch{grid-column:1/-1}}
@media(max-width:740px){
 .packagesSummary{gap:9px}.packagesMetric{padding:12px;min-height:95px}.packagesMetric strong{font-size:var(--fleet-type-card-title)}
 .packagesWorkspace{padding:12px}.packagesFilters{grid-template-columns:minmax(0,1fr)}.packagesSearch{grid-column:auto}
 .packagesViews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.packagesViews button{white-space:normal;min-width:0;padding-inline:5px}
 .packagesTableWrap{border:0;overflow:visible}
 .packagesTable{display:block;min-width:0}.packagesTable thead{display:none}
 .packagesTable tbody{display:grid;gap:10px}
 .packagesTable tbody tr{display:block;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle);overflow:hidden}
 .packagesTable td,.packagesTable td:first-child{display:grid;grid-template-columns:minmax(90px,33%) minmax(0,1fr);gap:8px;min-width:0;width:100%;padding:9px 10px;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
 .packagesTable td:last-child{border-bottom:0}
 .packagesTable td[data-label]::before{content:attr(data-label);color:var(--ui-muted);font-size:var(--fleet-type-small)}
 .packagesTable .packagesEmpty td{display:block}
 .packagesServer{align-items:start}
 .packageDisclosure{grid-column:2}
}

/* Security / access / firewall / packages / automation */
/* Security & Compliance / Phase 8: canonical risk triage component styles. */
.securityOverview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.securitySummaryItem,.securityWorkspace,.securityProfiles{min-width:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--fleet-radius);box-shadow:0 8px 25px #00000012}
.securitySummaryItem{display:flex;flex-direction:column;gap:7px;min-height:118px;padding:18px;border-top:2px solid var(--fleet-brand-gold-line)}
.securitySummaryItem>span{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.securitySummaryItem>strong{font-size:var(--fleet-type-responsive-display);line-height:1.1;font-variant-numeric:tabular-nums}
.securitySummaryItem>small{color:var(--ui-muted);font-size:var(--fleet-type-small)}
.securitySummaryItem.critical>strong{color:var(--ui-danger,#fb7185)}
.securitySummaryItem.warningCard>strong{color:var(--ui-warning,#fbbf24)}
.securitySummaryItem.good>strong{color:var(--ui-success,#34d399)}
.securityWorkflow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 16px}
.securityWorkflow h2{margin:0 0 5px;font-size:var(--fleet-type-feature)}
.securityWorkflow p{margin:0;max-width:780px;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.5}
.securityWorkspace{padding:16px}
.securityToolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.securityToolbar label{display:grid;gap:6px;min-width:170px;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.securityToolbar label:first-child{flex:1 1 275px}
.securityToolbar input[type=search],.securityToolbar select{width:100%;min-height:40px}
.securityToolbar .securityDriftFilter{display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;color:var(--ui-text);white-space:nowrap}
.securityToolbar .securityDriftFilter input{margin:0}
.securityToolbar #securityMatchCount{margin-left:auto;white-space:nowrap;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.securityRiskTable{min-width:790px}
.securityRiskTable th:nth-child(1){width:23%}.securityRiskTable th:nth-child(2){width:14%}.securityRiskTable th:nth-child(3){width:29%}.securityRiskTable th:nth-child(4){width:11%}.securityRiskTable th:nth-child(5){width:23%}
.securityRiskTable td{vertical-align:middle}
.securityRiskTable td>strong{font-weight:700}
.securityRiskTable .securityChecked{white-space:nowrap;color:var(--ui-muted)}
.securityActions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.securityActions button{white-space:nowrap;padding-inline:10px;min-height:34px;font-size:var(--fleet-type-small)}
.securityRowMore summary{display:inline-flex;align-items:center;cursor:pointer;min-height:34px;padding:0 10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-subtle);color:var(--ui-text);font-size:var(--fleet-type-small);font-weight:600}
.securityRowMore>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.securityChecks summary{width:max-content;max-width:100%;cursor:pointer;color:var(--ui-text);font-size:var(--fleet-type-small);font-weight:650}
.securityChecks ul{margin:8px 0 0;padding-left:20px;display:grid;gap:5px;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.securityFilterNote{font-size:var(--fleet-type-small);color:var(--ui-muted);margin:11px 0 0}
.securityInlinePanel{padding:16px;border:1px solid var(--fleet-brand-gold-line);border-radius:var(--fleet-radius);background:var(--ui-subtle);margin-top:14px}
.securityInlineHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.securityInlineHead h3{font-size:var(--fleet-type-subtitle);margin:0 0 5px}
.securityInlineHead p{color:var(--ui-muted);font-size:var(--fleet-type-small);margin:0}
.securityInlineActions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.securityInlinePanel label{display:block;color:var(--ui-muted);font-size:var(--fleet-type-small);margin-bottom:6px}
.securityInlinePanel select{width:100%;max-width:580px;min-height:40px}
.securityPlanList{display:grid;gap:10px;max-height:440px;overflow:auto}
.securityPlanStep{padding:12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);display:grid;gap:7px}
.securityPlanStep>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.securityPlanStep small{font-size:var(--fleet-type-small);line-height:1.4;overflow-wrap:anywhere}
.securityProfiles{margin-top:14px;padding:16px}
.securityProfiles h3{margin:0 0 12px;font-size:var(--fleet-type-subtitle)}
.securityProfiles p{font-size:var(--fleet-type-small);color:var(--ui-muted);margin:12px 0 0;line-height:1.5}
.accessTableWrap table{min-width:1100px}
@media(max-width:1150px){.securityOverview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
 .securityOverview{gap:9px}.securitySummaryItem{padding:12px;min-height:93px}
 .securitySummaryItem>strong{font-size:var(--fleet-type-card-title)}
 .securityWorkflow{align-items:flex-start;flex-direction:column}
 .securityToolbar>label,.securityToolbar>label:first-child{flex:1 1 100%}
 .securityToolbar #securityMatchCount{margin-left:0}
 .securityRiskTable{display:block;min-width:0}
 .securityRiskTable thead{display:none}
 .securityRiskTable tbody{display:grid;gap:10px}
 .securityRiskTable tbody tr{display:block;border:1px solid var(--ui-border);border-radius:10px;padding:8px;background:var(--ui-panel)}
 .securityRiskTable tbody td{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:8px 5px;border:0}
 .securityRiskTable tbody td::before{content:attr(data-label);font-size:var(--fleet-type-small);color:var(--ui-muted)}
 .securityRiskTable tbody td[colspan]{display:block}
 .securityActions{justify-content:flex-start}
 .securityInlineHead{flex-direction:column}
}

.managedAccessGrid>div span,.managedAccessGrid>div small{display:block;color:var(--ui-muted);font-size:var(--ui-small)}
.managedPublicKey,.keyMaterial,.commandBox,.enrollCommand,.fullCommand{background:var(--ui-subtle);padding:15px;border:1px solid var(--ui-border);border-radius:10px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.sshMigrationInline,.accessRollout,.sshDryRunCard{border:1px solid var(--ui-border);border-radius:10px;padding:16px;margin-bottom:14px;background:var(--ui-panel)}
/* Secure Access: canonical section navigation and selection context. */
.accessOverviewNote{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;color:var(--ui-muted);font-size:var(--ui-small)}
.accessOverviewNote p{margin:0;max-width:72ch}
.accessSelectionCount{color:var(--ui-text);font-weight:700;font-variant-numeric:tabular-nums}
.accessNav{display:flex;align-items:stretch;gap:6px;overflow-x:auto;max-width:100%;border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:12px;padding:6px;margin:0 0 18px;scrollbar-color:var(--ui-border) var(--ui-panel)}
.accessNav .accessTab{min-height:40px;flex:0 0 auto;border-color:transparent;background:transparent;color:var(--ui-muted);padding:8px 15px}
.accessNav .accessTab[aria-selected="true"]{background:var(--sovereign-gold);border-color:var(--sovereign-gold);color:var(--ui-gold-contrast,#21190b);font-weight:750}
.accessNav .accessTab:focus-visible{outline:2px solid var(--sovereign-gold-light);outline-offset:1px}
.accessPane{min-width:0;animation:accessPaneAppear 140ms ease-out}
.accessPane .sectionHead{margin-bottom:12px}
.accessSelectionHint{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border:1px solid var(--ui-border);background:var(--ui-subtle);border-radius:10px;font-size:var(--ui-small);color:var(--ui-muted)}
.accessSelectionHint span{flex:1 1 250px}
.accessEditor{margin:0 0 14px}
.accessEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accessEditorGrid label{display:grid;gap:5px;min-width:0;font-size:var(--ui-small)}
.accessEditorWide{grid-column:1/-1}
.accessEditorGrid input,.accessEditorGrid select,.accessEditorGrid textarea{width:100%;max-width:100%}
.accessEditorMessage{margin:8px 0;color:var(--fleet-status-danger);font-size:var(--ui-small)}
.accessEditorMessage:empty{display:none}
.accessEditorActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.accessEditorGrid{grid-template-columns:1fr}}
@keyframes accessPaneAppear{from{opacity:.75}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.accessPane{animation:none}}
/* Firewall Policies — canonical page component, no shared-style overrides. */
.fleetFirewall{min-width:0;display:grid;gap:16px}
.fleetFirewallLead p{color:var(--ui-muted);font-size:var(--fleet-type-small);margin:7px 0 0;line-height:1.6;max-width:98ch}
.fleetFirewallSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fleetFirewallSummary .summaryCard{min-height:106px}
.fleetFirewallTabs{display:flex;gap:8px;padding:6px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px}
.fleetFirewallTabs button{flex:1 1 0;min-height:40px;border-color:transparent;background:transparent;color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:700}
.fleetFirewallTabs button[aria-selected="true"]{background:var(--sovereign-gold);color:var(--ui-gold-contrast,#21190b);border-color:var(--sovereign-gold)}
.fleetFirewallTabs button:focus-visible{outline:2px solid var(--sovereign-gold-light);outline-offset:2px}
.fleetFirewallPane[hidden],.fleetFirewallEditor[hidden],.fleetFirewallInline[hidden],.fleetFirewallNoResults[hidden]{display:none}
.fleetFirewallPane{min-width:0}
.fleetFirewallPane .sectionHead{margin-bottom:12px}
.fleetFirewallPane .sectionHead p{margin:5px 0 0}
.fleetFirewallPolicies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fleetFirewallPolicy{min-width:0;display:flex;flex-direction:column;gap:10px}
.fleetFirewallPolicyHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fleetFirewallPolicyHead>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fleetFirewallPolicyHead strong{font-size:var(--fleet-type-base);overflow-wrap:anywhere}
.fleetFirewallPolicy p{margin:0;line-height:1.5}
.fleetFirewallFacts{display:grid;gap:0;margin:0}
.fleetFirewallFacts>div{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:9px;border-top:1px solid var(--ui-border);padding:8px 0}
.fleetFirewallFacts dt,.fleetFirewallFacts dd{font-size:var(--fleet-type-small);margin:0;overflow-wrap:anywhere}
.fleetFirewallFacts dt{color:var(--ui-muted)}
.fleetFirewallFacts dd{text-align:left;font-weight:700}
.fleetFirewallActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.fleetFirewallActions button{min-height:35px}
.fleetFirewallInline{padding:12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-subtle);font-size:var(--fleet-type-small);overflow-wrap:anywhere}
.fleetFirewallInline ul{max-height:220px;overflow:auto;padding-inline-start:19px}
.fleetFirewallWarning{display:grid;gap:11px}
.fleetFirewallWarning p{margin:0;line-height:1.5}
.fleetFirewallWarning label{display:grid;gap:5px}
.fleetFirewallWarning input{width:100%;max-width:300px}
.fleetFirewallWarning [role="alert"]{color:var(--fleet-status-danger)}
.fleetFirewallEditor{margin-bottom:14px}
.fleetFirewallForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fleetFirewallForm label{display:grid;gap:6px;min-width:0;font-size:var(--fleet-type-small)}
.fleetFirewallForm input,.fleetFirewallForm select,.fleetFirewallForm textarea{width:100%;min-width:0;max-width:100%}
.fleetFirewallForm textarea{resize:vertical}
.fleetFirewallWide{grid-column:1/-1}
.fleetFirewallGuard{display:grid;gap:5px;padding:12px;border:1px solid var(--sovereign-gold-line);border-radius:9px;font-size:var(--fleet-type-small)}
.fleetFirewallGuard span{color:var(--ui-muted)}
.fleetFirewallError{color:var(--fleet-status-danger);font-size:var(--fleet-type-small)}
.fleetFirewallFilters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.fleetFirewallFilters label{display:grid;gap:4px;flex:1 1 220px;font-size:var(--fleet-type-meta)}
.fleetFirewallFilters input,.fleetFirewallFilters select{width:100%}
.fleetFirewallTable{width:100%;min-width:0}
.fleetFirewallTable [hidden]{display:none}
.fleetFirewallEmpty{grid-column:1/-1}
@media(max-width:900px){.fleetFirewallPolicies{grid-template-columns:1fr}.fleetFirewallSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .fleetFirewallForm{grid-template-columns:1fr}.fleetFirewallWide{grid-column:auto}
 .fleetFirewallSummary{gap:8px}
 .fleetFirewallSummary .summaryCard{min-height:85px}
 .fleetFirewallTabs{gap:4px;padding:4px}
 .fleetFirewallTabs button{font-size:var(--fleet-type-meta);padding:8px 5px}
 .fleetFirewallTable{display:block}
 .fleetFirewallTable thead{display:none}
 .fleetFirewallTable tbody,.fleetFirewallTable tr,.fleetFirewallTable td{display:block;width:100%;min-width:0}
 .fleetFirewallTable tr{border:1px solid var(--ui-border);border-radius:10px;margin:0 0 10px;padding:10px;background:var(--ui-panel)}
 .fleetFirewallTable td{border:0;padding:5px 0;overflow-wrap:anywhere}
 .fleetFirewallTable td::before{content:attr(data-label);display:block;color:var(--ui-muted);font-size:var(--fleet-type-meta);margin-bottom:3px}
}
.policyGrid .card dl{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1fr);gap:0;margin:12px 0 0}
.policyGrid .card dt,.policyGrid .card dd{margin:0;padding:8px 0;border-top:1px solid var(--ui-border);font-size:var(--ui-small)}
.policyGrid .card dt{color:var(--ui-muted)}
.policyGrid .card dd{text-align:right;font-weight:700}
.accessRolloutControls,.policyGrid,.sshResultMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.accessRolloutActions,.enrollCommandHead,.enrollInstallHead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.enrollFormRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* Notifications, account, theme studio dynamic content */
.notifSettings,.notificationsGrid{display:flex;flex-wrap:wrap;gap:12px}
.authForm,.authStateRow,.authPasswordCard{min-width:0}
.authForm{display:grid;gap:12px}.authForm label{display:grid;gap:5px}
.roleMatrix,.totpSetupGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}
/* RBAC roles are semantic div/strong/span, not cards: explicit internal stack avoids title-copy collision. */
.roleMatrix{margin:14px 0 18px}
.roleMatrix>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:var(--fleet-radius);padding:16px}
.roleMatrix>div>strong{display:block;color:var(--ui-text);font-size:var(--ui-base);line-height:1.4;font-weight:750}
.roleMatrix>div>span{display:block;color:var(--ui-muted);font-size:var(--ui-small);line-height:1.55;overflow-wrap:anywhere}
/* My Account (Phase 16): one canonical component definition within the Admin source. */
.fleetAccountPage{display:grid;gap:14px;min-width:0}
.fleetAccountIntro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:2px 0 4px}
.fleetAccountIntro p{margin:3px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.fleetAccountColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fleetAccountPage .fleetAccountCard{padding:18px;min-width:0}
.fleetAccountCard>.sectionHead{margin-bottom:12px}
.fleetAccountCard h3{margin:3px 0 0;font-size:var(--fleet-type-subtitle);line-height:1.3}
.fleetAccountEmail{display:block;margin-bottom:10px;font-size:var(--fleet-type-feature);line-height:1.3;overflow-wrap:anywhere}
.fleetAccountIdentity .authStateRow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 15px}
.fleetAccountFacts{display:grid;gap:0;margin:0}
.fleetAccountFacts>div{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,1.2fr);gap:10px;padding:9px 0;border-top:1px solid var(--ui-border)}
.fleetAccountFacts dt,.fleetAccountFacts dd{margin:0;font-size:var(--fleet-type-small);line-height:1.5}
.fleetAccountFacts dt{color:var(--ui-muted)}
.fleetAccountFacts dd{font-weight:650;overflow-wrap:anywhere}
.fleetAccountPassword .authForm{gap:11px}
.fleetAccountPassword .authForm label,.accountInlineForm label{display:grid;gap:5px;font-size:var(--fleet-type-small)}
.fleetAccountPage input{min-width:0;max-width:100%}
.fleetAccountPage .authFormActions{margin-top:4px}
.fleetAccountPage .authListItem{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border-top:1px solid var(--ui-border);padding:12px 0}
.fleetAccountPage .authListItem:first-child{border-top:0}
.fleetAccountPage .authListItem>button{flex:none}
.fleetAccountDeviceInfo{display:grid;gap:4px;min-width:0}
.fleetAccountDeviceInfo strong{font-size:var(--fleet-type-body)}
.fleetAccountDeviceInfo small{display:block;overflow-wrap:anywhere}
.fleetAccountSessions>.muted,.fleetAccountCard>.muted{margin-bottom:14px}
.fleetAccountSessions .fleetSessionInfo{min-width:0;flex:1}
.fleetAccountSessions .fleetSessionMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.fleetAccountSessions .fleetSessionMeta>span{display:grid;gap:4px;font-size:var(--fleet-type-small);min-width:0;overflow-wrap:anywhere}
.fleetAccountSessions .fleetSessionMeta b,.fleetAccountSessions .fleetSessionDevice b{color:var(--ui-muted);font-size:var(--fleet-type-meta);font-weight:600}
.fleetAccountSessions .fleetSessionDevice{display:grid;gap:4px;overflow-wrap:anywhere;font-size:var(--fleet-type-small)}
.accountSessionHead,.accountInlineHead,.accountInlineActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.accountSessionHead{justify-content:flex-start}
.accountInlineHead{justify-content:space-between}
.accountInlineHead h4{margin:4px 0 0;font-size:var(--fleet-type-base)}
.accountInlineActions{margin-top:12px}
.fleetAccountInline{min-width:0;margin-top:14px;padding:15px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.fleetAccountInline .accountInlineForm{display:grid;gap:10px}
.fleetAccountInline .totpSetupGrid{margin-top:5px}
.fleetAccountInline .totpQRCard img{max-width:100%;height:auto}
.fleetAccountInline .secretBox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fleetAccountInline .secretBox code{overflow-wrap:anywhere;min-width:0;flex:1}
.fleetAccountInline .accountFactorFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fleetAccountInline .recoveryCodes{overflow:auto;max-height:280px;padding:12px;border:1px solid var(--ui-border);border-radius:10px;font-family:var(--v3-ui-font);font-size:var(--fleet-type-small);background:var(--ui-panel)}
.fleetAccountPage [hidden]{display:none}
@media(max-width:900px){.fleetAccountColumns{grid-template-columns:1fr}}
@media(max-width:700px){.fleetAccountPage .fleetAccountCard{padding:14px}.fleetAccountSessions .fleetSessionMeta,.fleetAccountInline .accountFactorFields{grid-template-columns:1fr}.fleetAccountPage .authListItem{align-items:flex-start;flex-wrap:wrap}.fleetAccountPage .authListItem>button{margin-left:auto}.fleetAccountFacts>div{grid-template-columns:minmax(100px,1fr) minmax(0,1.2fr)}}
/* Backups & recovery (Phase 13): one canonical, scoped component definition. */
.backupPage{display:grid;gap:15px;min-width:0}
.backupIntro p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.55}
.backupMetrics{margin-bottom:0}
.backupMetrics .summaryCard{min-height:105px}
.backupSectionTabs{display:flex;gap:7px;flex-wrap:wrap;padding:7px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.backupSectionTabs button{min-height:38px;font-size:var(--fleet-type-small);border-color:transparent;background:transparent;color:var(--ui-muted)}
.backupSectionTabs button.selected{background:var(--ui-accent);color:var(--fleet-accent-ink);border-color:var(--ui-accent);font-weight:750}
.backupPage [role="tabpanel"][hidden],.backupPage [hidden]{display:none}
.backupOverviewGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}
.backupFeature,.backupGuidance,.backupSchedulePanel,.backupArchivesPanel{min-height:0}
.backupFeatureActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}
.backupSensitive,.backupRetentionNotice{padding:13px 15px;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-subtle);line-height:1.5}
.backupSensitive strong,.backupRetentionNotice strong{color:var(--ui-text);font-size:var(--fleet-type-small)}
.backupSensitive p,.backupRetentionNotice p,.backupGuidance p{color:var(--ui-muted);margin:5px 0 0;font-size:var(--fleet-type-small);line-height:1.55}
.backupGuidanceSteps{display:grid;gap:12px;margin:15px 0}
.backupGuidanceSteps>div{display:flex;align-items:flex-start;gap:11px}
.backupGuidanceSteps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ui-border);border-radius:9px;color:var(--ui-accent);flex:none}
.backupGuidanceSteps span{display:grid;gap:3px}
.backupGuidanceSteps strong{font-size:var(--fleet-type-small)}
.backupGuidanceSteps small{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.backupDisclaimer{border-top:1px solid var(--ui-border);padding-top:12px}
.backupSettings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding:0;margin:18px 0;border:0;background:none;box-shadow:none}
.backupSettings>label:not(.checkLine){display:flex;flex-direction:column;gap:6px;min-width:0}
.backupSettings>label:not(.checkLine)>input,.backupSettings>label:not(.checkLine)>select{margin:0;width:100%;min-width:0}
.backupSettings .backupEnabledField{min-height:42px;align-self:end;display:flex;align-items:center}
.backupStateBadge{padding:6px 11px;border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.backupRetentionNotice{border-left:3px solid var(--ui-accent);margin:14px 0}
.backupInlineAction,.backupInlineResult{margin:14px 0;padding:16px;border-radius:12px;border:1px solid var(--ui-border);background:var(--ui-subtle)}
.backupInlineAction>p,.backupInlineResult>p{margin:0 0 12px;font-size:var(--fleet-type-small);color:var(--ui-muted);line-height:1.55}
.backupInlineAction dl,.backupInlineResult dl{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:0;margin:8px 0 16px}
.backupInlineAction dt,.backupInlineAction dd,.backupInlineResult dt,.backupInlineResult dd{margin:0;padding:7px 0;border-bottom:1px solid var(--ui-border);font-size:var(--fleet-type-small)}
.backupInlineAction dt,.backupInlineResult dt{color:var(--ui-muted)}
.backupInlineAction dd,.backupInlineResult dd{overflow-wrap:anywhere}
.backupArchiveTable{min-width:790px}
.backupArchiveTable th,.backupArchiveTable td{padding:11px 12px}
.backupArchiveTable td:nth-child(2){max-width:220px;overflow-wrap:anywhere}
.backupArchiveActions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.backupArchiveActions .mini{white-space:nowrap}
.backupArchiveDisclosure td{padding:0 12px 12px}
.backupArchiveResult{min-width:0}
.backupResultHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.backupResultHead strong{color:var(--ui-accent)}
.backupFailure{border-left:3px solid var(--fleet-status-danger)}
.backupFailure>strong{color:var(--fleet-status-danger)}
.backupFailure label{display:grid;gap:7px;max-width:320px;margin-bottom:12px}
.backupEmpty{padding:24px;text-align:center;background:var(--ui-subtle);border-radius:12px}
.backupEmpty p{margin:6px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
@media(max-width:1000px){.backupOverviewGrid{grid-template-columns:1fr}.backupSettings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .backupSettings{grid-template-columns:1fr}
 .backupSectionTabs{display:grid;grid-template-columns:1fr}
 .backupMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .backupArchiveWrap{overflow:visible;border:0;background:transparent}
 .backupArchiveTable,.backupArchiveTable tbody,.backupArchiveTable tr,.backupArchiveTable td{display:block;min-width:0;width:100%}
 .backupArchiveTable thead{display:none}
 .backupArchiveTable tbody{display:grid;gap:12px}
 .backupArchiveTable tr:not(.backupArchiveDisclosure){padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel)}
 .backupArchiveTable td{display:grid;grid-template-columns:minmax(85px,30%) minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--ui-border);text-align:left;overflow-wrap:anywhere}
 .backupArchiveTable td::before{content:attr(data-label);font-size:var(--fleet-type-meta);color:var(--ui-muted);font-weight:750}
 .backupArchiveTable td:last-child{border-bottom:0}
 .backupArchiveTable td:nth-child(2){max-width:none}
 .backupArchiveDisclosure{margin-top:-12px}
 .backupArchiveDisclosure td{display:block;padding:0;border:0}
 .backupArchiveDisclosure td::before{content:none}
 .backupArchiveActions{display:flex}
}
@media(max-width:430px){.backupMetrics{grid-template-columns:1fr}}
.backupHash{font-size:var(--ui-small);overflow-wrap:anywhere}

/* ========== R3: Component contracts recovered from the real application DOM ========== */
/* Server header and resource cards: .metrics was not styled at all in R2. */
/* Server detail identity: compact two-row layout, network facts never stack into empty hero height. */
.serverHero{display:grid;gap:14px;padding:17px 19px;background:var(--ui-panel);border:1px solid var(--fleet-brand-gold-line);border-radius:var(--fleet-radius);margin-bottom:12px;box-shadow:0 8px 24px #0003}
.serverHeroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}
.serverHero .serverIdentity{flex:1 1 auto;min-width:0;align-items:center}
.serverHero .serverIdentityText{min-width:0}
.serverHeroFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));align-items:start;gap:8px;border-top:1px solid var(--ui-border);padding-top:11px;min-width:0}
.heroFact{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;padding:4px 8px 4px 0;overflow-wrap:anywhere;font-size:var(--fleet-type-small);line-height:1.4}
.heroFact[hidden]{display:none}
.heroFact>span:not(.heroFactLabel),.heroFact>code{font-size:var(--fleet-type-small);line-height:1.5}
.heroFact code,.heroIPValue{overflow-wrap:anywhere;white-space:normal;color:var(--ui-text)}
.heroFactPrimary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.heroFactPrimary code{font-size:var(--fleet-type-body);font-weight:750;line-height:1.4}
.heroFactPrimary .heroCopy{min-height:31px;min-width:31px;padding:5px}
.heroIPFlag{order:0}.heroIPValue{order:1}.heroCopy{order:2}
.geoFlag img{display:block;width:24px;height:18px;object-fit:contain}
.heroStatus{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:0;max-width:100%;font-size:var(--ui-small)}
.heroStatus>span:not(.statusBadge){color:var(--ui-muted)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;margin:0 0 12px}
.metrics>.card{display:flex;flex-direction:column;justify-content:space-between;gap:4px;margin:0;min-width:0;min-height:100px;padding:15px;border:1px solid var(--fleet-brand-gold-line);background:var(--ui-panel)}
.metrics>.card .value{font-size:var(--fleet-type-responsive-heading);font-weight:750;line-height:1.25;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.metrics>.card>small,.metrics>.card>.muted{font-size:var(--ui-small);color:var(--ui-muted);overflow-wrap:anywhere}.serverMetricProgress{display:block;width:100%;height:5px;overflow:hidden;border:0;border-radius:999px;accent-color:var(--fleet-brand-gold);margin:5px 0 1px}.serverMetricProgress::-webkit-progress-bar{background:var(--ui-subtle);border-radius:999px}.serverMetricProgress::-webkit-progress-value{background:var(--fleet-brand-gold);border-radius:999px}.serverMetricProgress::-moz-progress-bar{background:var(--fleet-brand-gold);border-radius:999px}
.tabPanel{min-width:0}
.detailGrid>.detailCard{margin:0;min-width:0}
.serverDetailPage .detailGrid{align-items:stretch}
.serverDetailPage .detailCard .cardHead{flex-wrap:wrap}
.serverDetailPage .detailCard .cardHead button{min-height:36px}
.statusBadge{white-space:nowrap}
.statusBadge.online,.heroStatus .statusBadge.online{color:#12a875;background:color-mix(in srgb,#12a875 12%,var(--ui-panel));border-color:color-mix(in srgb,#12a875 48%,var(--ui-border))}
.statusBadge.offline,.heroStatus .statusBadge.offline{color:#ed5567;background:color-mix(in srgb,#ed5567 11%,var(--ui-panel));border-color:color-mix(in srgb,#ed5567 49%,var(--ui-border))}
.statusBadge.online>i{display:inline-block;background:#19cd92;width:7px;height:7px;border-radius:50%}.statusBadge.offline>i{display:inline-block;background:#f05264;width:7px;height:7px;border-radius:50%}
/* Theme Studio: R2 lacked *all* of these selectors (not merely incorrect sizes). */
.themeStudio{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:1200px;margin:0 auto 22px}
.tsHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 2px}
.tsHead>div{min-width:0;flex:1}
.tsHead h2{margin:2px 0 8px}
.tsHead .muted{margin:0}
.tsHead>span{white-space:nowrap;font-size:var(--ui-small)}
.tsPanel{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:var(--fleet-radius);padding:20px;min-width:0}
.tsPanel h3{margin:0 0 14px}
.tsPanel h4{margin:8px 0 14px}
.tsTabs,.tsActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tsTabs button[aria-selected="true"]{border-color:var(--ui-text);color:var(--ui-text);background:var(--ui-subtle)}
.tsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;min-width:0}
.tsField{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin:0;font-size:var(--ui-small);line-height:1.35;color:var(--ui-text)}
.tsField>select,.tsField>input:not([type="color"]){width:100%;margin:0;min-width:0}
.tsField>input[type="range"]{display:block;width:100%;height:7px;min-height:7px;max-width:100%;margin:15px 0;appearance:none;-webkit-appearance:none;background:var(--ui-border);border:0;border-radius:999px;cursor:pointer}
.tsField>input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:3px solid var(--ui-panel);border-radius:50%;background:var(--ui-text);box-shadow:0 0 0 1px var(--ui-border)}
.tsField>input[type="range"]::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--ui-panel);border-radius:50%;background:var(--ui-text);box-shadow:0 0 0 1px var(--ui-border)}
.tsField output{display:inline-block;min-width:35px;color:var(--ui-muted);font-variant-numeric:tabular-nums}
.tsGrid .tsTableHint{grid-column:1/-1;margin:-8px 0 0;font-size:var(--ui-small)}
.tsColorRow{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;min-width:0;width:100%}
.tsColorRow input[type="color"]{display:block;width:42px;height:41px;min-width:42px;min-height:41px;padding:3px;margin:0;border-radius:8px;border:1px solid var(--ui-border);background:var(--ui-subtle);cursor:pointer}
.tsColorRow input[type="text"]{display:block;width:100%;min-width:0;max-width:100%;margin:0;font-family:var(--fleet-font-mono);font-size:var(--ui-table)}
.tsPreview{padding:14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg);margin:0 0 12px;overflow:hidden}
.tsPreviewCard{font-family:var(--ts-preview-family,inherit);background:var(--ts-preview-surface,var(--ui-panel));color:var(--ts-preview-text,var(--ui-text));border:1px solid var(--ts-preview-border,var(--ui-border));border-radius:9px;padding:16px;font-size:var(--ts-preview-font,var(--ui-regular))}
.tsPreviewCard h3{color:inherit;font-size:var(--fleet-type-theme-preview-heading);margin:0 0 7px}
.tsPreviewCard p{color:var(--ts-preview-muted,var(--ui-muted));font-size:inherit;margin:0 0 7px}
.tsPreviewDetail{padding:12px;margin-top:14px;border:1px solid var(--ts-preview-border,var(--ui-border));border-radius:8px;font-size:var(--ts-preview-detail,var(--ui-detail))}
.tsPreviewDetail strong{color:inherit}
.tsPreviewDetail p:last-child{margin-bottom:0}
.tsPanel .tsActions:last-child{margin-bottom:0}
.tsImport{display:inline-flex;align-items:center;gap:9px;min-height:38px}
.tsImport input[type="file"]{max-width:min(240px,100%);font-size:var(--ui-small)}
.tsStatus{min-height:20px;color:var(--ui-muted);font-size:var(--ui-small)}
.tsStatus[data-error="true"]{color:#fb7185}
/* Fleet + inventory component-specific alignment, no icon blowups. */
.serverCell{min-width:0}.serverCell strong{display:block}.serverCell small{display:block;margin-top:3px}
.inventoryOS .osLogo{flex-shrink:0}
/* Never let images in tables or dashboard decide their own width. */
.fleetTable td img:not(.fleetFlagSVG),.inventoryTable td img:not(.fleetFlagSVG){max-width:40px;max-height:40px;object-fit:contain}
.fleetTable td .osLogo img,.inventoryTable td .osLogo img{width:23px;height:23px}
/* Auth state is layout-isolated by body[data-auth-view]; no admin content is visible beneath login. */
.authLogin .authForm,.authLogin form{width:100%;max-width:100%;min-width:0}
/* Responsive behavior belongs to each component, not global element overrides. */
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .tsGrid{grid-template-columns:1fr}.tsPanel{padding:15px}
  .tsHead{flex-wrap:wrap;gap:8px}.tsHead>span{white-space:normal}
  .serverHero{padding:14px;gap:12px}.serverHeroTop{flex-wrap:wrap}.serverHero .serverIdentity{flex-wrap:nowrap}.serverHero .serverIdentityText{flex-basis:auto}.serverHero .heroStatus{justify-content:flex-start}
  .serverHeroFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .metrics>.card{min-height:100px;padding:13px}
  .tsImport{flex-wrap:wrap}
}
@media(max-width:520px){.serverHeroFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.serverHeroFacts .heroIP{grid-column:1/-1}.serverHeroTop{gap:11px}.serverHero .heroStatus{width:100%}}
@media(max-width:410px){
  .metrics{grid-template-columns:1fr 1fr}
  .metrics>.card .value{font-size:var(--fleet-type-subtitle)}
  .serverHeroFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tsActions button{white-space:normal}
}

/* Dialogs are supported for legacy operations but normal workflows should be inline. */
dialog,.fleetDialog{width:min(96vw,760px);max-height:90vh;overflow:auto;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel);padding:20px;box-shadow:0 22px 100px #000a}
dialog::backdrop{background:#000b}.dialogHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
/* Independent, data-semantic series colours never derive from white accent. */
.chartSeriesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;margin:16px 0}
.chartSeries{padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel);min-width:0}
.chartSeriesHead{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:var(--ui-small);margin-bottom:12px}
.chartSeriesHead strong{font-size:var(--ui-regular)}.chartSeriesHead i{display:inline-block;width:10px;height:10px;border-radius:100%;margin-right:7px;background:var(--fleet-graph-a)}
.chartSeries-memory .chartSeriesHead i{background:var(--fleet-graph-b)}.chartSeries-disk .chartSeriesHead i{background:var(--fleet-graph-c)}
.chartSeries canvas{display:block;width:100%;height:auto;min-height:155px;max-height:260px;image-rendering:auto}
.monitoringPanel .range{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.monitoringPanel .legend{color:var(--ui-muted);font-size:var(--ui-small)}
/* Larger pages: robust content bounds, never horizontal page-level overflow. */
#app>*,main>*{max-width:100%}
#app .summaryGrid+section,#app .summaryGrid+div{margin-top:14px}
#app .sectionHead{min-width:0}.muted,.detailPair,.notices{overflow-wrap:anywhere}
/* Layout adaptation */
@media(max-width:1180px){:root{--ui-sidebar:220px}.summaryGrid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}}
@media(max-width:900px){
  .detailGrid,.twoCols,.insightsColumns,.accountGrid,.jobDataGrid,.sshResultCols{grid-template-columns:1fr}
  .fleetTaxFilterGrid,.taxonomyCatalog{grid-template-columns:1fr 1fr}
  .account{gap:7px}
}
@media(max-width:800px){
  :root{--ui-sidebar:0px}
  #sidebar{width:min(86vw,310px);transform:translateX(-105%);padding-top:62px;box-shadow:18px 0 60px #000a}
  body[data-sidebar="expanded"] #sidebar{transform:translateX(0)}
  body[data-sidebar="collapsed"] #sidebar,body[data-sidebar="hidden"] #sidebar{transform:translateX(-105%)}
  body[data-sidebar="expanded"] #sidebar .navLabel,body[data-sidebar="expanded"] #sidebar .brandText{display:block}
  body[data-sidebar="expanded"] .sidebarScrim{display:block;position:fixed;inset:0;background:#000b;z-index:50}
  .sidebarToggle,body[data-sidebar="expanded"] .sidebarToggle{top:13px;left:12px}
  main{margin:0;padding:0;min-height:0;height:100dvh}
  #app{padding:16px 15px 10px}
  main>header{align-items:center;flex-direction:row;justify-content:flex-end;gap:10px;min-height:58px;margin:0;padding:10px 15px 10px 58px;flex-wrap:wrap}
  main:has(.sovereignHero,.sovereignPageIntro)>header>div:first-child{display:none}
  .account{justify-content:flex-end;width:auto;margin-left:auto;gap:7px}
  .account #who{display:none}
  .account button{min-height:36px;padding:7px 10px;font-size:var(--fleet-type-meta)}
  .summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summaryCard{padding:13px;min-height:95px}
  .detailGrid,.twoCols,.accountGrid,.insightsColumns,.jobDataGrid,.formGrid,.fleetTaxFilterGrid,.taxonomyCatalog{grid-template-columns:1fr}
  .toolbar,.fleetTools{align-items:stretch}.fleetSearch{min-width:100%;max-width:none}
  .fleetTools select{flex:1;min-width:110px}
  .enrollFormRow,.accessRolloutControls,.policyGrid{grid-template-columns:1fr}
  .card,.detailCard,.monitoringPanel,.managedAccessCard{padding:15px}
  .authStage{padding:12px 16px}
}
@media(max-width:700px){.fleetTableWrap{display:none}.fleetMobileList{display:grid;gap:10px}}
@media(max-width:420px){
  #app{padding-inline:12px}.summaryCard{padding:12px}.summaryCard>strong{font-size:var(--fleet-type-heading-md)}
  .authLogin,.login{padding:20px 16px}
  .detailPair{grid-template-columns:1fr;gap:3px}
  .chartSeriesGrid{grid-template-columns:1fr}
  .account #who{font-size:var(--fleet-type-small)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms;scroll-behavior:auto}}

html[data-fleet-effective-theme="light"]{color-scheme:light;--fleet-marble-veil:linear-gradient(90deg,#f6f4effa,#f7f5f1f7)}
/* P3: render already-labeled dense tables as cards through tablet widths;
   the real JS attaches this class only when table cannot fit the available container.
   Keep dedicated fleetTable server presentation on its 700px contract. */
@media(max-width:900px){
  table.fleet3gCardTable{display:block;width:100%;min-width:0;background:transparent;border:0}
  table.fleet3gCardTable thead{display:none}
  table.fleet3gCardTable tbody{display:grid;gap:10px;padding:10px}
  table.fleet3gCardTable tbody tr{display:block;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);overflow:hidden;min-width:0}
  table.fleet3gCardTable tbody td{display:grid;grid-template-columns:minmax(88px,34%) minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;border-bottom:1px solid var(--ui-border);padding:9px 11px;white-space:normal;text-align:left;overflow-wrap:anywhere}
  table.fleet3gCardTable tbody td:last-child{border-bottom:0}
  table.fleet3gCardTable tbody td[data-label]::before{content:attr(data-label);display:block;color:var(--ui-muted);font-weight:650;font-size:var(--fleet-type-small);line-height:1.4}
  table.fleet3gCardTable tbody td[colspan]{display:block}
  table.fleet3gCardTable tbody td[colspan]::before{display:none}
  table.fleet3gCardTable button{justify-self:start}
  table.fleet3gCardTable .pill,table.fleet3gCardTable .badge{width:fit-content}
}
#app{overflow-x:visible} /* Component table wrappers own overflow; page content retains its natural height. */
/* Phase 10 — Inventory. Each component has one canonical definition; no appended overrides. */
.inventorySummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:14px;margin:0 0 14px}
/* Provider APIs: canonical page components. */
.providerPage{display:grid;gap:var(--fleet-space-4,16px)}
.providerSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.providerSummary .card{display:grid;gap:6px;padding:14px}
.providerSummary .card span{font-size:var(--ui-small);color:var(--ui-muted)}
.providerSummary .card strong{font-size:var(--fleet-type-h2);font-weight:700}
.providerSection{padding:16px;min-width:0}
.providerSection .sectionHead{margin-bottom:16px}
.providerSection h2{font-size:var(--fleet-type-section);margin:0}
.providerSection p{color:var(--ui-muted);font-size:var(--ui-small);margin:4px 0 0}
.providerTable{width:100%}
.providerTable td small{display:block;color:var(--ui-muted);font-size:var(--ui-small);overflow-wrap:anywhere}
.providerRowActions,.providerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.providerEditor{padding:16px}
.providerFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.providerFields label,#providerCleanupResults label{display:grid;gap:7px;font-size:var(--ui-small);color:var(--ui-muted)}
.providerFields input,.providerFields select,#providerCleanupResults input{width:100%;min-height:40px}
.providerActions{grid-column:1/-1}
.providerMessage{padding:10px 12px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);font-size:var(--ui-table)}
#providerCleanupResults ul{max-height:240px;overflow:auto;overflow-wrap:anywhere}
.providerTabs{margin-bottom:0}
@media(max-width:700px){.providerSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.providerFields{grid-template-columns:1fr}.providerTable thead{display:none}.providerTable,.providerTable tbody,.providerTable tr,.providerTable td{display:block;width:100%}.providerTable tr{padding:12px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);margin-bottom:9px}.providerTable td{padding:6px 0;overflow-wrap:anywhere}.providerTable td::before{content:attr(data-label);display:block;color:var(--ui-muted);font-size:var(--ui-small);margin-bottom:3px}.providerTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.providerTabs button{font-size:var(--ui-small);padding:8px 4px}.providerSummary .card{padding:10px}.providerSummary .card strong{font-size:var(--fleet-type-card)}}

.inventoryTabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:6px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.inventoryTabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-muted);font-size:var(--ui-table);font-weight:700;cursor:pointer}
.inventoryTabs button[aria-selected="true"]{background:var(--sovereign-gold);border-color:var(--sovereign-gold);color:var(--fleet-accent-ink)}
.inventoryTabs button:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:2px}
.inventoryTabs button span{font-size:var(--fleet-type-micro);font-weight:700;padding:1px 6px;border-radius:99px;border:1px solid var(--ui-border);color:inherit}
.inventoryServers{display:grid;gap:12px;min-width:0}
.inventoryServers>.sectionHead{margin-bottom:14px}
.inventoryFilterLayout{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(5,minmax(112px,1fr)) auto;gap:9px;align-items:end;margin:0 0 10px}
.inventoryFilterLayout label{display:grid;gap:5px;min-width:0;color:var(--ui-muted);font-size:var(--ui-small)}
.inventoryFilterLayout input,.inventoryFilterLayout select{width:100%;min-width:0;max-width:none;min-height:38px;font-size:var(--ui-table)}
.inventoryFilterLayout button{min-height:38px;white-space:nowrap;font-size:var(--ui-table)}
.inventoryResultLine{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--ui-muted);font-size:var(--ui-small)}
.inventoryResultLine strong{color:var(--ui-text);font-size:var(--ui-table)}
.inventoryTable{width:100%;min-width:900px;table-layout:fixed}
.inventoryTable th:nth-child(1){width:16%}.inventoryTable th:nth-child(2){width:20%}.inventoryTable th:nth-child(3){width:15%}.inventoryTable th:nth-child(4){width:18%}.inventoryTable th:nth-child(5){width:17%}.inventoryTable th:nth-child(6){width:14%}
.inventoryTable th,.inventoryTable td{white-space:normal;overflow-wrap:normal;word-break:normal;padding:10px 12px}
.inventoryTable tr[data-server]{cursor:pointer}
.inventoryTable tr[data-server]:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:-2px}
.inventoryServerIdentity,.inventoryResourceCell{display:grid;gap:3px;min-width:0}
.inventoryServerLink{color:var(--ui-text);font-weight:750;text-decoration:none}
.inventoryServerLink:hover{text-decoration:underline;color:var(--sovereign-gold)}
.inventoryTable td:first-child{min-width:155px}
.inventoryOS{display:flex;align-items:center;min-width:0;overflow-wrap:break-word}
.inventoryOS .osLogo{margin-right:8px;flex:none}
.inventoryIP{white-space:normal;overflow-wrap:anywhere}
.inventoryIP code{font-size:var(--fleet-type-meta)}
.scInventoryResources{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--ui-text);font-size:var(--fleet-type-meta)}
.scInlineDetails summary{cursor:pointer;color:var(--sovereign-gold);font-size:var(--fleet-type-small);margin-top:5px}
.scInlineDetails span{display:block;font-size:var(--fleet-type-small);color:var(--ui-muted);margin-top:4px}
.inventoryEmptyRow td{text-align:center;padding:25px;color:var(--ui-muted)}
.inventoryCatalog{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.inventoryCatalogIntro{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);padding:12px 15px;color:var(--ui-text)}
.inventoryCatalogIntro span{font-weight:750;font-size:var(--ui-table);color:var(--sovereign-gold)}
.inventoryCatalogIntro p{margin:0;color:var(--ui-muted);font-size:var(--ui-small)}
.inventoryCatalog>.taxonomyScope{width:100%;max-width:100%}
.inventoryCatalog .taxonomyInlineEditor{order:0}
.inventoryCatalog .taxonomyScope:not(.taxonomyInlineEditor){order:1}
@media(max-width:1300px){.inventoryFilterLayout{grid-template-columns:repeat(3,minmax(0,1fr))}.inventorySearchField{grid-column:span 2}}
@media(max-width:780px){
 .inventoryTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .inventoryTabs button{padding:8px 5px;font-size:var(--ui-small)}
 .inventoryFilterLayout{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inventorySearchField{grid-column:1/-1}
 .inventoryTableWrap{overflow:visible;border:0;background:transparent}
 .inventoryTable{display:block;min-width:0;table-layout:auto;border:0}
 .inventoryTable thead{display:none}
 .inventoryTable tbody{display:grid;gap:10px}
 .inventoryTable tr[data-server]{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
 .inventoryTable td,.inventoryTable td:first-child{display:grid;grid-template-columns:minmax(95px,35%) minmax(0,1fr);align-items:start;gap:10px;min-width:0;width:100%;padding:9px 11px;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
 .inventoryTable tr[data-server] td:last-child{border-bottom:0}
 .inventoryTable td[data-label]::before{content:attr(data-label);font-size:var(--ui-small);font-weight:650;color:var(--ui-muted)}
 .inventoryTable .inventoryIP{min-width:0}
 .inventoryTable .inventoryEmptyRow td{display:block}
}
@media(max-width:480px){
 .inventoryTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inventoryFilterLayout{grid-template-columns:minmax(0,1fr)}
 .inventorySearchField{grid-column:auto}
 .inventoryTable td,.inventoryTable td:first-child{grid-template-columns:minmax(90px,36%) minmax(0,1fr)}
}

/* REAL RUNTIME COMPONENT CONTRACT — new rules for previously missing classes.
   Every group lists exact class names, and role metadata is reported in CLASS_CONTRACT.json. */

/* grid: 16 runtime components */
.benchmarkGrid,
.capGrid,
.enrollInstallGrid,
.fleetBandwidthSummary,
.insightsHistoryGrid,
.jobInfoGrid,
.notificationChannelGrid,
.notificationGrid,
.publicFieldGrid,
.publicFields,
.renewalPlanningGrid,
.sshResultGrid,
.sshRuntimeGrid,
.webConsolePolicyGrid,
.webConsoleSessionWrap,
.webConsoleWorkspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}

/* row: 24 runtime components */
.agentActions,
.authListItem,
.bulkActions,
.copyRow,
.entityCatalogRow,
.eventChoices,
.insightsHistoryControls,
.insightsHistoryTileHead,
.insightsToolbar,
.jobDetailActions,
.jobToolbar,
.orgRows,
.recoveryActions,
.renewalAlertControls,
.row,
.secureNoteFooter,
.sshSafetyHead,
.tagCatalogRow,
.taxFilterSymbol,
.webConsoleLayoutTools,
.webSnippetActions,
.webSnippetTools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;}

/* stack: 7 runtime components */
.authList,
.jobTargets,
.lifecycleList,
.notifInboxList,
.notificationInbox,
.planList,
.webSnippetList{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;}

/* field: 8 runtime components */
.enrollForm,
.fleetInlineField,
.fleetInlineFields,
.secureNoteEditor,
.taxonomyInlineEditor,
.totpCodeField,
.webSnippetDraft,
.webSnippetDraftLabel{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;}

/* panel: 25 runtime components */
.agentManagementCard,
.authShell,
.benchmarkSummary,
.enrollCommandCard,
.heroCopy,
.insightsHistoryCard,
.insightsSummary,
.jobHeroID,
.jobHeroRight,
.notifInboxItem,
.notificationChannelCard,
.notificationSummary,
.renewalCard,
.renewalPlanningCard,
.repairBlock,
.secureNoteBody,
.sshBlocker,
.sshResultHero,
.sshSafetyPanel,
.totpQRCard,
.webConsolePage,
.yabsSection{min-width:0;max-width:100%;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);padding:14px;}

/* badge: 20 runtime components */
.authWarning,
.badPill,
.columnHint,
.dangerBadge,
.deliveryStatus,
.enrollStatus,
.notifSeverity,
.okBadge,
.recoveryPrintHint,
.renewalDue,
.renewalOverdue,
.renewalPlanningHint,
.renewalSoon,
.renewalStatus,
.secureNoteStatus,
.sshCheckState,
.sshSafetyBadge,
.taxFilterHint,
.webConsoleHint,
.webConsoleStatus{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:var(--ui-small);line-height:1.4;overflow-wrap:anywhere;}

/* text: 96 runtime components */
.accessRolloutMessage,
.accessRolloutPlan,
.actionLink,
.archiveMeta,
.back,
.backupWarning,
.benchmarkEnrich,
.cap,
.channelKind,
.columnChoice,
.columnMode,
.columnOrder,
.danger,
.enrollClipboardFallback,
.enrollKeepOpen,
.fleetCPUName,
.fleetDetailAction,
.fleetExpandButton,
.fleetMobileExtra,
.fleetPrice,
.insightsArchive,
.insightsFootnote,
.insightsHistoryAxis,
.insightsHistoryEmpty,
.insightsHistoryNote,
.insightsHistorySVG,
.insightsHistoryStats,
.insightsHistoryTile,
.insightsIntro,
.insightsPeak,
.insightsResource,
.insightsResources,
.insightsTopGroup,
.insightsTotals,
.inventoryCount,
.jobError,
.jobID,
.jobOpenCell,
.jobProgressText,
.lifecycleAction,
.mobileIP,
.mobileTaxonomy,
.mutedFact,
.netDown,
.netUp,
.notes,
.notificationPermission,
.notificationRules,
.planStep,
.privacyNote,
.publicURLBox,
.renewalAlertDays,
.renewalStats,
.repairLabel,
.repairLine,
.restoreValid,
.secureNoteError,
.secureNoteText,
.securityCompact,
.securityUnknown,
.selectCol,
.sensitiveLine,
.serverTaxonomyMeta,
.sshDiff,
.sshManagedFact,
.sshManagedFacts,
.sshSafetyCheck,
.sshSafetyChecks,
.tagKey,
.tagValue,
.taxFilterCount,
.taxManageLink,
.taxMini,
.taxonomyAdd,
.taxonomyCreate,
.taxonomyDelete,
.taxonomyEdit,
.taxonomyInlineConfirm,
.taxonomyScope,
.themeStudioPrimary,
.totpManual,
.truncateWide,
.tsChartTitle,
.two,
.updateActive,
.updateCell,
.updateRelease,
.webConsoleInline,
.webConsoleMain,
.webConsoleSide,
.webConsoleSnippets,
.webSnippetCaution,
.webSnippetItem,
.yabsEmpty,
.yabsFacts,
.yabsProfile{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.5;}

/* code: 3 runtime components */
.ipText,
.wrapCode{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-family:var(--fleet-font-mono);}

/* scroll: 3 runtime components */
.fleet3gCardTable,
.webConsoleTerminal,
.yabsTable{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}

/* icon: 6 runtime components */
.dot,
.entityDot,
.fleetCountryFlag,
.heroIPFlag,
.iconButton,
.statusRing{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:100%;}

/* actions: 5 runtime components */
.actions,
.authFormActions,
.columnPickerActions,
.passkeyButton,
.tsInherit{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}

/* metric: 11 runtime components */
.benchmarkScore,
.bulkBar,
.chartSeries-cpu,
.compactMetrics,
.fleetMetricNumber,
.insightMeter,
.insightsHistoryCharts,
.insightsHistoryLine,
.insightsHistoryPoint,
.insightsMoneyLine,
.jobProgress{min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}

/* Browser regression guard: author CSS must honor the real app's hidden table rows. */
tr.fleetDetailRow[hidden],tr[id^="more-"][hidden]{display:none}
tr.fleetDetailRow:not([hidden]){display:table-row}
/* Honor native hidden state even for author-level display: grid/flex components. */
[hidden],#authPending[hidden],.authPending[hidden]{display:none}
/* Verified high-impact DOM structure */
.authShell{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;border:0;background:var(--ui-bg);padding:0;border-radius:0}
.authList{padding:0;list-style:none}
.authListItem{padding:10px 0;border-bottom:1px solid var(--ui-border)}
.fleetMobileExtra,.fleetInlineFields,.enrollInstallGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sshRuntimeGrid,.sshResultGrid,.notificationChannelGrid,.renewalPlanningGrid,.insightsHistoryGrid,.webConsolePolicyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* Phase 12 — Control Plane Updates. Single canonical component definitions. */
.updatesPage{display:grid;gap:14px;min-width:0}
.updatesIntro{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--ui-border)}
.updatesIntro>div{min-width:0;flex:1 1 260px}.updatesIntro p{color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:var(--fleet-leading-body);margin:0}
.updatesSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.updatesSummaryCard{min-height:106px;margin:0;padding:15px 16px;gap:5px}.updatesSummaryCard strong{font-size:var(--fleet-type-heading-md)}
.updatesSummaryCard.updatesAccent strong{color:var(--sovereign-gold)}.updatesSummaryCard.updatesCaution strong{color:#fbbf24}
.updatesNav{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.updatesNav button{border:1px solid transparent;background:transparent;color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:700;padding:9px 16px;min-height:38px}
.updatesNav button[aria-selected="true"]{background:var(--sovereign-gold);border-color:var(--sovereign-gold-line);color:var(--fleet-accent-ink)}
.updatesNav button:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:2px}.updatesNav button span{margin-inline-start:6px;font-size:var(--fleet-type-micro)}
.updatesPane{gap:14px;min-width:0}.updatesPane:not([hidden]){display:grid}.updatesTwoColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.updatesReleaseCard,.updatesWorkflowCard{min-width:0}.updatesReleaseFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.updatesReleaseFacts>div{min-width:0;padding:11px 0;display:grid;gap:4px;border-bottom:1px solid var(--ui-border)}.updatesReleaseFacts .updatesWideFact{grid-column:1/-1}
.updatesReleaseFacts dt,.updatesConfirmFacts dt{color:var(--ui-muted);font-size:var(--fleet-type-small)}.updatesReleaseFacts dd,.updatesConfirmFacts dd{margin:0;color:var(--ui-text);font-size:var(--fleet-type-table);min-width:0;overflow-wrap:anywhere}
.updatesReleaseFacts code,.updatesConfirmFacts code,.updatesHistoryDetails code{font-family:var(--fleet-font-mono);font-size:var(--fleet-type-small);overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.updatesWorkflow{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:updates-step}
.updatesWorkflow li{counter-increment:updates-step;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:9px 0;border-bottom:1px solid var(--ui-border)}
.updatesWorkflow li:last-child{border-bottom:0}.updatesWorkflow li::before{content:counter(updates-step);width:30px;height:30px;border:1px solid var(--sovereign-gold-line);color:var(--sovereign-gold);border-radius:50%;display:grid;place-items:center;grid-row:1/3;font-size:var(--fleet-type-small);font-weight:800}
.updatesWorkflow strong{color:var(--ui-text);font-size:var(--fleet-type-table)}.updatesWorkflow small{display:block;color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.45;margin-top:4px}
.updatesNotice{display:grid;gap:7px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);padding:14px 16px;color:var(--ui-text);font-size:var(--fleet-type-table);overflow-wrap:anywhere}
.updatesNoticeWarning{border-color:color-mix(in srgb,#fbbf24 38%,var(--ui-border))}.updatesNotice p{margin:0;color:var(--ui-muted)}.updatesNotice code{display:block;overflow-wrap:anywhere;font-family:var(--fleet-font-mono)}
.updatesActionBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);padding:16px 18px}
.updatesActionBar strong{font-size:var(--fleet-type-subtitle)}.updatesActionBar p{margin:5px 0 0;font-size:var(--fleet-type-small);color:var(--ui-muted)}
.updatesConfirm{gap:13px;padding:17px 19px;border:1px solid var(--sovereign-gold-line);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.updatesConfirm:not([hidden]){display:grid}.updatesConfirm h3{margin:0;font-size:var(--fleet-type-subtitle)}.updatesConfirm p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-table);line-height:var(--fleet-leading-body)}
.updatesConfirmFacts,.updatesHistoryDetails dl{display:grid;gap:9px;margin:0}.updatesConfirmFacts>div,.updatesHistoryDetails dl>div{display:grid;grid-template-columns:minmax(95px,27%) minmax(0,1fr);gap:10px}
.updatesActive{padding:16px 18px;background:var(--ui-panel);border:1px solid var(--sovereign-gold-line);border-radius:var(--fleet-radius)}
.updatesActive progress{width:100%;height:9px;accent-color:var(--sovereign-gold)}.updatesActive p{margin:8px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.updatesError{color:var(--fleet-status-danger);overflow-wrap:anywhere}.updatesEmpty{padding:16px;border:1px dashed var(--ui-border);border-radius:var(--fleet-radius);color:var(--ui-muted);font-size:var(--fleet-type-table)}
.updatesStatus{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:26px;padding:4px 9px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-subtle);font-size:var(--fleet-type-small);font-weight:750;color:var(--ui-text)}
.updatesStatus-success{border-color:color-mix(in srgb,var(--fleet-status-success) 40%,var(--ui-border));color:var(--fleet-status-success)}
.updatesStatus-danger{border-color:color-mix(in srgb,var(--fleet-status-danger) 40%,var(--ui-border));color:var(--fleet-status-danger)}
.updatesStatus-warning{border-color:color-mix(in srgb,#fbbf24 40%,var(--ui-border));color:#fbbf24}
.updatesHistoryTable{min-width:760px}.updatesHistoryTable td{vertical-align:top}.updatesSubline{display:block;margin-top:4px;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.updatesHistoryDetails summary{color:var(--sovereign-gold);cursor:pointer;font-size:var(--fleet-type-small);font-weight:700;white-space:nowrap}.updatesHistoryDetails dl{padding-top:12px;min-width:220px}
.updatesHistoryDetails dt{color:var(--ui-muted);font-size:var(--fleet-type-small)}.updatesHistoryDetails dd{margin:0;font-size:var(--fleet-type-small);overflow-wrap:anywhere}
@media(max-width:1080px){.updatesSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.updatesTwoColumns{grid-template-columns:1fr}}
@media(max-width:700px){.updatesIntro>button,.updatesActionBar>button{width:100%}.updatesNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.updatesNav button{padding:8px}.updatesSummary{gap:9px}.updatesSummaryCard{min-height:90px;padding:12px}.updatesSummaryCard strong{font-size:var(--fleet-type-feature)}
 .updatesPane .tableWrap{overflow:visible}.updatesHistoryTable,.updatesHistoryTable tbody,.updatesHistoryTable tr,.updatesHistoryTable td{display:block;width:100%;min-width:0}.updatesHistoryTable thead{display:none}
 .updatesHistoryTable tbody{display:grid;gap:10px}.updatesHistoryTable tbody tr{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--fleet-radius);overflow:hidden;padding:8px}
 .updatesHistoryTable tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:0;padding:7px 8px;overflow-wrap:anywhere}
 .updatesHistoryTable tbody td::before{content:attr(data-label);color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:750;min-width:86px;flex-shrink:0}
 .updatesHistoryDetails{min-width:0;width:100%}.updatesHistoryDetails dl{min-width:0}.updatesHistoryDetails dl>div{grid-template-columns:1fr;gap:3px}
}

/* Insights / Phase 11 — one canonical section workspace, using shared FLEET tokens. */
.insightsPage{display:grid;gap:14px;min-width:0}
.insightsPageLead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--ui-border);padding:0 0 12px}
.insightsPageLead>div{min-width:0;flex:1 1 260px}
.insightsPageLead .eyebrow{margin:0 0 7px;font-size:var(--fleet-type-meta);color:var(--sovereign-bronze)}
.insightsPageLead p:not(.eyebrow){margin:0;font-size:var(--fleet-type-small);color:var(--ui-muted);line-height:1.5}
.insightsKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.insightsKpis .summaryCard{min-width:0;margin:0}
.insightsKpis .summaryCard strong{font-variant-numeric:tabular-nums}
.insightsNav,.automationNav{gap:6px;border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:var(--fleet-radius);padding:6px}
.insightsNav{display:flex;flex-wrap:wrap}
.automationNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.insightsNav button,.automationNav button{border:1px solid transparent;background:transparent;color:var(--ui-muted);border-radius:var(--fleet-radius);font:inherit;font-size:var(--fleet-type-small);font-weight:700;padding:10px 16px;min-height:38px;cursor:pointer}
.insightsNav button.active,.insightsNav button[aria-selected="true"],.automationNav button[aria-selected="true"]{background:var(--sovereign-gold);border-color:var(--sovereign-gold-line);color:var(--ui-bg)}
.insightsNav button:focus-visible,.automationNav button:focus-visible{outline:2px solid var(--sovereign-gold);outline-offset:2px}
.insightsPanel{min-width:0;display:grid;gap:14px}
.insightsPanel>.detailCard,.insightsPanel>.insightsColumns{margin:0}
.insightsPanel .insightsColumns>.detailCard{min-width:0}
.insightsTotals{display:grid;gap:10px}
.insightsMoneyLine{display:grid;grid-template-columns:65px minmax(0,1fr);gap:2px 12px;align-items:baseline;border-bottom:1px solid var(--ui-border);padding:8px 0;font-variant-numeric:tabular-nums}
.insightsMoneyLine:last-child{border-bottom:0}
.insightsMoneyLine>span{color:var(--ui-muted);font-size:var(--fleet-type-small)}
.insightsMoneyLine>strong{font-size:var(--fleet-type-subtitle);overflow-wrap:anywhere}
.insightsMoneyLine>small{grid-column:2;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.insightsEmpty{border:1px dashed var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);padding:22px;display:grid;gap:10px;justify-items:start}
.insightsEmpty strong{font-size:var(--fleet-type-subtitle)}
.insightsEmpty p,.insightsEmptyText{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-body);line-height:1.5}
.insightsNoSamples{color:var(--ui-muted);font-size:var(--fleet-type-small)}
@media(max-width:620px){
 .insightsPanel .tableWrap{max-width:100%;overflow:visible}
 .insightsDataTable,.insightsDataTable tbody,.insightsDataTable tr,.insightsDataTable td{display:block;width:100%;min-width:0}
 .insightsDataTable thead{display:none}
 .insightsDataTable tbody{display:grid;gap:10px}
 .insightsDataTable tbody>tr{border:1px solid var(--ui-border);border-radius:var(--fleet-radius);overflow:hidden;background:var(--ui-panel);padding:8px}
 .insightsDataTable tbody>tr>td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:0;padding:7px 8px;overflow-wrap:anywhere}
 .insightsDataTable tbody>tr>td::before{content:attr(data-label);font-size:var(--fleet-type-small);font-weight:700;color:var(--ui-muted);min-width:90px}
 .insightsDataTable tbody>tr.insightsRenewalEditRow>td{display:block;padding:10px}
 .insightsDataTable tbody>tr.insightsRenewalEditRow>td::before{content:none}
}
.insightsRenewalEditor{display:grid;gap:12px;padding:14px;border:1px solid var(--sovereign-gold-line);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.insightsRenewalEditorHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.insightsRenewalFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.insightsRenewalFields label{display:grid;gap:6px;font-size:var(--fleet-type-small);min-width:0}
.insightsRenewalFields input,.insightsRenewalFields select{min-width:0;width:100%}
.insightsRenewalEditorActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.insightsRenewalEditorActions [role="alert"]{color:var(--fleet-status-danger);overflow-wrap:anywhere}
@media(max-width:1050px){.insightsKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.insightsPageLead>button{width:auto}.insightsNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.insightsNav button{padding:10px 8px}.insightsKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.insightsRenewalFields{grid-template-columns:minmax(0,1fr)}}
.insightsResources{display:grid;gap:13px;min-width:0}
.insightsResource{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(140px,2fr) minmax(100px,auto);align-items:center;gap:14px;min-width:0}
.insightsResource>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.insightsResource>div strong{font-size:var(--fleet-type-small)}.insightsResource>div span{font-variant-numeric:tabular-nums;font-size:var(--fleet-type-small);font-weight:700}
.insightsResource small{justify-self:end;white-space:nowrap}
.insightsTopGroup{display:grid;gap:7px;min-width:0;margin:14px 0 18px}.insightsTopGroup h4{font-size:var(--fleet-type-table);margin:0 0 4px;color:var(--sovereign-bronze)}
.insightsPeak{display:grid;grid-template-columns:minmax(140px,1fr) 64px minmax(100px,1.65fr);align-items:center;gap:12px;min-width:0;padding:6px 0;border-bottom:1px solid var(--ui-border)}
.insightsPeak a{font-size:var(--fleet-type-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insightsPeak strong{font-size:var(--fleet-type-small);text-align:right;font-variant-numeric:tabular-nums}
.insightsPeak .insightMeter,.insightsResource .insightMeter{display:block;min-width:0;width:100%}.insightsPeak progress.meter,.insightsResource progress.meter{width:100%;max-width:none;height:7px}
@media(max-width:1100px){.insightsPeak{grid-template-columns:minmax(110px,1fr) 62px minmax(80px,1.3fr)}.insightsResource{grid-template-columns:1fr 1.3fr}.insightsResource small{grid-column:1/-1;justify-self:start}}
@media(max-width:540px){.insightsPeak{grid-template-columns:minmax(90px,1fr) 60px}.insightsPeak .insightMeter{grid-column:1/-1}.insightsResource{grid-template-columns:1fr}.insightsResource small{grid-column:auto}}
.insightsHistoryCharts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.insightsHistoryCard,.notificationChannelCard,.renewalPlanningCard{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--fleet-radius);padding:14px;min-width:0}
.insightsHistoryTile{min-width:0;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);padding:12px}
.insightsHistoryTileHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.insightsHistorySVG{width:100%;height:auto;min-height:150px;display:block}
.insightsHistoryAxis{font-size:var(--fleet-type-meta);fill:var(--ui-muted)}
.insightsHistoryPoint{stroke-width:1.5px}
.insightsHistoryLine{fill:none;stroke-width:2px}
.insightsHistoryStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.webConsoleWorkspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,310px);gap:12px}
.webConsoleTerminal{min-height:320px;max-height:650px;overflow:auto;background:#050505;color:var(--ui-text);border-radius:8px}
.webConsoleSide{min-width:0;overflow:auto}.webConsoleMain{min-width:0}
.sshSafetyPanel,.sshResultHero,.jobTargetPanel,.agentManagementCard{min-width:0}
/* Notifications / Phase 6 — canonical workspace styles, no appended overrides. */
.fleetNotifNav{display:flex;gap:6px;align-items:stretch;max-width:100%;overflow-x:auto;scrollbar-color:var(--ui-border) var(--ui-panel);border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:var(--fleet-radius);padding:6px;margin:14px 0 10px}
.fleetNotifNav button{flex:0 0 auto;min-height:42px;padding:8px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:700}
.fleetNotifNav button[aria-selected="true"]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--fleet-accent-ink)}
.fleetNotifNav button:focus-visible{outline:2px solid var(--fleet-brand-gold-light);outline-offset:1px}
.fleetNotifTabCount{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:2px 5px;border-radius:999px;background:var(--ui-subtle);color:var(--ui-text);font-size:var(--fleet-type-meta)}
.fleetNotifNav button[aria-selected="true"] .fleetNotifTabCount{background:var(--fleet-brand-gold-light);color:var(--fleet-accent-ink)}
.fleetNotifFeedback{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.fleetNotifFeedback:empty{display:none}
.fleetNotifFeedback[data-kind="error"],.fleetNotifFormError{color:var(--fleet-status-danger)}
.fleetNotifPanel{min-width:0;min-height:320px;padding:18px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.fleetNotifPanel[hidden]{display:none}
.fleetNotifHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.fleetNotifHead h2{margin:2px 0 4px;font-size:var(--fleet-type-responsive-small-heading)}
.fleetNotifHead p{margin:0;color:var(--ui-muted);font-size:var(--fleet-type-small)}
.fleetNotifCount{color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:750}
.fleetNotifInboxList{display:grid;gap:10px}
.fleetNotifInboxItem{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0;padding:14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-bg)}
.fleetNotifInboxItem.unread{border-color:var(--sovereign-gold-line)}
.fleetNotifInboxBody{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 310px}
.fleetNotifInboxBody>div{display:grid;gap:5px;min-width:0}
.fleetNotifInboxBody strong{font-size:var(--fleet-type-body);overflow-wrap:anywhere}
.fleetNotifInboxBody p,.fleetNotifInboxBody small{font-size:var(--fleet-type-small);color:var(--ui-muted);overflow-wrap:anywhere;margin:0}
.fleetNotifEmpty{padding:24px 18px;border:1px dashed var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-bg)}
.fleetNotifEmpty p{margin:6px 0 0;color:var(--ui-muted)}
.fleetNotifSettings{display:grid;gap:16px;max-width:1100px}
.fleetNotifPermission{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--fleet-radius)}
.fleetNotifPermission p{font-size:var(--fleet-type-small);color:var(--ui-muted);margin:4px 0 0}
.fleetNotifChoices{min-width:0;margin:0;padding:14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-bg)}
.fleetNotifChoices legend{padding:0 7px;color:var(--ui-text);font-size:var(--fleet-type-body);font-weight:700}
.fleetNotifChoices>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fleetNotifChoices .checkLine{display:flex;align-items:flex-start;gap:8px;min-width:0;line-height:1.4;overflow-wrap:anywhere}
.fleetNotifChoices .checkLine input{flex:none;margin-top:3px}
.fleetNotifActions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.fleetNotifChannelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fleetNotifChannelCard{display:flex;flex-direction:column;gap:12px;min-width:0}
.fleetNotifChannelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fleetNotifChannelHeader h3{margin:5px 0 0;font-size:var(--fleet-type-subtitle)}
.fleetNotifChannelCard>p{color:var(--ui-muted);overflow-wrap:anywhere}
.fleetNotifChannelCard .fleetNotifActions{margin-top:auto}
.fleetNotifEditor{display:grid;gap:14px;min-width:0;margin:0 0 16px;padding:18px;border:1px solid var(--sovereign-gold-line);border-radius:var(--fleet-radius);background:var(--ui-bg)}
.fleetNotifEditorHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.fleetNotifEditorHead h3{margin:4px 0 0;font-size:var(--fleet-type-subtitle)}
.fleetNotifEditor>label,.fleetNotifFormGrid>label{display:grid;gap:8px;min-width:0}
.fleetNotifEditor>.checkLine{display:flex;align-items:center}
.fleetNotifEditor input,.fleetNotifEditor select,.fleetNotifEditor textarea{width:100%;max-width:100%;min-width:0}
.fleetNotifEditor .checkLine input{width:auto}
.fleetNotifFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fleetNotifFormError:empty{display:none}
.fleetNotifTable{max-width:100%;overflow-x:auto}
.fleetNotifTable table{min-width:860px}
.fleetNotifTable .fleetNotifActions{min-width:130px}
.fleetNotifErrorText{max-width:260px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.fleetNotifChoices>div{grid-template-columns:repeat(2,minmax(0,1fr))}.fleetNotifChannelGrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.fleetNotifPanel{padding:12px;min-height:260px}.fleetNotifChoices>div,.fleetNotifFormGrid{grid-template-columns:minmax(0,1fr)}.fleetNotifHead{align-items:flex-start}.fleetNotifHead>.fleetNotifActions{width:100%}.fleetNotifInboxItem>button{width:100%}}
.fleetCPUName,.fleetMetricNumber{white-space:nowrap}
.fleetCountryFlag{font-size:var(--fleet-type-subtitle);line-height:1}
.statusRing{width:38px;height:38px;max-width:38px;border-radius:50%}

.truncateWide{min-width:0;white-space:normal;overflow-wrap:anywhere}
.archiveMeta,.backupWarning,.privacyNote{color:var(--ui-muted);line-height:1.5}
.tsChartTitle{margin:18px 0 10px;font-weight:750}
.tsInherit{justify-content:flex-start;width:fit-content}
@media(max-width:900px){
 .webConsoleWorkspace,.insightsHistoryCharts{grid-template-columns:minmax(0,1fr)}
 /* Do not squeeze action buttons into a few pixels beside long headings. */
 #app .sectionHead{flex-wrap:wrap}
 #app .sectionHead>div:first-child{flex:1 1 min(100%,320px)}
 #app .sectionHead>div:not(:first-child),#app .sectionHead>button{flex-shrink:0}
 .sshRuntimeGrid,.sshResultGrid,.renewalPlanningGrid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
 .fleetInlineFields,.enrollInstallGrid,.fleetMobileExtra,.insightsHistoryGrid,.insightsHistoryStats{grid-template-columns:minmax(0,1fr)}
}

/* Unified review: readable mobile controls & security-safe inline workflows. */
.fleetInlineWorkspace:empty{display:none}
.fleetInlineWorkspace{display:block;min-width:0;margin:0 0 14px}
.fleetInlineZone:empty{display:none}
.fleetInlineZone{display:grid;gap:10px}
.fleetInlineDecision,.fleetEmbeddedForm,.fleetRecoveryPrint{position:static;box-sizing:border-box;display:block;width:100%;max-width:none;max-height:none;min-width:0;margin:0 0 14px;padding:18px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--fleet-radius);background:var(--ui-panel);color:var(--ui-text);box-shadow:none;overflow:visible}
.fleetInlineDecisionLead>p{margin:6px 0 14px;color:var(--ui-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.fleetInlineDecision>label{display:grid;gap:8px;margin-bottom:12px}
.fleetInlineDecision>label>input{min-height:42px;width:100%}
.fleetInlineDecisionActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.fleetInlineNotice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 10px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:9px;background:var(--ui-panel);font-size:var(--ui-small);white-space:pre-wrap;overflow-wrap:anywhere}
.fleetInlineNotice>button{flex:0 0 auto}
.fleetEmbeddedForm .dialogHead{align-items:start}
.fleetEmbeddedForm .dialogActions{justify-content:flex-end}
.fleetSessionItem{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:17px 0}
.fleetSessionInfo{flex:1 1 280px;min-width:0;display:grid;gap:11px}
.fleetSessionInfo>strong{display:block;font-size:var(--ui-body);line-height:1.5}
.fleetSessionMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fleetSessionMeta>span,.fleetSessionDevice{display:grid;gap:4px;font-size:var(--ui-small);overflow-wrap:anywhere;min-width:0;line-height:1.5}
.fleetSessionMeta b,.fleetSessionDevice>b{font-size:var(--ui-small);font-weight:650;color:var(--ui-muted)}
.fleetSessionMeta code{white-space:normal;overflow-wrap:anywhere;color:var(--ui-text)}
.fleetSessionItem>button{flex:0 0 auto;align-self:start}
.fleetRecoveryPrint{border-left-color:var(--ui-accent)}
.fleetRecoveryPrint ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-family:var(--fleet-font-ui);font-weight:700;letter-spacing:.035em;overflow-wrap:anywhere}
.fleetPrintActions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){
 .fleetTools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}
 .fleetTools>.fleetSearch{grid-column:1/-1;width:100%;max-width:none;min-width:0}
 .fleetTools>select,.fleetTools>button,.fleetTools>.columnPicker{width:100%;min-width:0;max-width:none;align-self:stretch}
 .fleetTools>.columnPicker>summary{min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel)}
 .fleetTools>.liveRefresh,.fleetTools>.fleetCount{align-self:center;white-space:normal;overflow-wrap:anywhere}
 .fleetTools .columnPicker>div{grid-column:1/-1}
 .fleetSessionMeta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fleetSessionItem>button{margin-top:2px}
 .fleetEmbeddedForm,.fleetInlineDecision{padding:14px}
}
@media(max-width:420px){.fleetSessionMeta{grid-template-columns:minmax(0,1fr)}.fleetSessionItem>button{width:100%}}
@media print{body>*:not(main){display:none}main>*:not(#fleetInlineWorkspace){display:none}#fleetInlineWorkspace>:not(#fleetInlineForms){display:none}#fleetInlineForms>*:not(#fleetRecoveryPrint){display:none}.fleetRecoveryPrint{border:0;box-shadow:none;color:#111;background:#fff}.fleetPrintActions{display:none}}
/* Accessible details headers: disclosure glyph stays inside the clickable header. */
.fleetTools .columnPicker>summary,
.fleetTaxonomyFilters>summary{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:42px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.fleetTools .columnPicker>summary::-webkit-details-marker,
.fleetTaxonomyFilters>summary::-webkit-details-marker{display:none}
.fleetTaxonomyFilters>summary::before{content:'▸';display:inline-flex;flex:0 0 auto;font-size:var(--fleet-type-small);color:var(--ui-muted)}
.fleetTaxonomyFilters[open]>summary::before{content:'▾'}
.fleetTaxonomyFilters{display:block;margin:8px 0 14px;max-width:100%}
.fleetTaxonomyFilters>summary{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel)}
@media(max-width:700px){
 .fleetTools .columnPicker>summary{width:100%;justify-content:flex-start}
 .fleetTools .columnPicker>summary>small{flex:0 0 auto}
 .fleetTools .liveRefresh,.fleetTools .fleetCount{display:inline-flex;align-items:center}
}

/* Sovereign Assets R7 — native component rules in the ACTIVE admin stylesheet.
   This module is not loaded from app.css, so its definitions live here once. */
.asset2Intro { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; padding:10px 14px; border:1px solid var(--fleet-border); border-radius:12px; background:var(--fleet-panel-alt); }
.asset2Intro p { margin:0; }
.asset2IntroCount { white-space:nowrap; color:var(--ui-muted); font-size:var(--fleet-type-small); }
.asset2IntroCount strong { color:var(--fleet-accent); font-size:var(--fleet-type-large); font-variant-numeric:tabular-nums; margin-right:5px; }
.asset2Stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.asset2Stats>div { border: 1px solid var(--fleet-border,#303030); padding: 1rem; display: flex; flex-direction: column; border-radius: 13px; background: var(--fleet-panel-alt); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.asset2Stats strong { font-size: var(--fleet-type-large); font-variant-numeric: tabular-nums; color:var(--fleet-accent); }
.asset2Stats span { opacity: .7; font-size: var(--fleet-type-small); }
.asset2Tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:8px 0 16px; }
.asset2Tabs button { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:40px; padding:9px 8px; border-radius:10px; font:inherit; font-size:var(--fleet-type-small); }
.asset2Tabs button>span { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.asset2Tabs button.selected { border-color:var(--fleet-accent); color:var(--fleet-accent); background:var(--fleet-panel-alt); }
.asset2Tabs button:hover { border-color:var(--fleet-accent); }
.asset2Feedback { min-height: 1.3rem; margin: .4rem 0; }
.asset2Feedback.ok { color: var(--fleet-accent,#c4a66b); }
.asset2Feedback.bad { color: #fa7483; }
.asset2List { margin-bottom: 1rem; }
.asset2Editor { margin-bottom: 1rem; }
.asset2Toolbar { justify-content: space-between; flex-wrap: wrap; display: flex; align-items: center; gap: 12px; }
.asset2EditorHead { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.asset2Toolbar h3 { margin: 0; }
.asset2EditorHead h3 { margin: 0; }
.asset2Filters { display: grid; grid-template-columns: repeat(auto-fit,minmax(155px,1fr)); gap: .75rem; margin: 1rem 0; }
.asset2Filters .asset2SearchField { grid-column: span 2; }
.asset2Filters label { display: flex; flex-direction: column; gap: .35rem; }
.asset2Editor label { display: flex; flex-direction: column; gap: .35rem; }
.asset2Inline label { display: flex; flex-direction: column; gap: .35rem; flex: 1; min-width: 150px; }
.asset2Grid label { display: flex; flex-direction: column; gap: .35rem; }
.asset2Filters input { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Filters select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Editor input { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Editor select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Editor textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Inline input { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Inline select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Grid input { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Grid select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.asset2Editor form { display: flex; flex-direction: column; gap: .85rem; margin-top: 1rem; }
.asset2Grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; align-items: end; }
.asset2FieldsHeading { font-size: var(--fleet-type-small); letter-spacing: .04em; text-transform: uppercase; opacity: .65; margin: 1rem 0 .5rem; }
.asset2Actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; }
.asset2Inline { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; margin: 1rem 0; }
.asset2InlineEditor { margin: 1rem 0; border: 1px solid var(--fleet-border,#303030); border-radius: 10px; padding: .9rem; }
.asset2InlineEditor>summary { cursor: pointer; font-weight: 600; list-style: none; }
.asset2Inset { margin-top: 1rem; }
.asset2Segments { display: flex; gap: .4rem; flex-wrap: wrap; }
.asset2RowActions { display: flex; gap: .4rem; flex-wrap: wrap; }
.asset2Chip { padding: .35rem .65rem; border: 1px solid var(--fleet-border,#303030); border-radius: 30px; font-size: var(--fleet-type-small); }
.asset2DueDanger { color: #fa7483; }
.asset2DueWarning { color: #e9b55d; }
.asset2Description { display: block; opacity: .65; font-size: var(--fleet-type-small); }
.asset2Money { white-space: nowrap; font-variant-numeric: tabular-nums; }
.asset2ResultCount { margin: .7rem 0 0; }
/* Assets R13: native list pagination and read-only multi-asset comparison. */
.asset2SelectCell{width:60px;text-align:center}
.asset2CompareCheck{width:16px;height:16px;accent-color:var(--fleet-accent)}
.asset2MultiToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}
.asset2MultiToolbar #asset2SelectedCount{color:var(--fleet-accent);font-weight:700;font-variant-numeric:tabular-nums}
/* Assets R17: browser-local named filter presets, in the canonical Sovereign stylesheet. */
.asset2SavedViews{border:1px solid var(--fleet-border,#303030);border-radius:10px;padding:12px;margin:12px 0;background:var(--fleet-surface-alt,#191919)}
.asset2SavedViewsHeader{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.asset2SavedViewsHeader .muted{font-size:var(--fleet-type-small)}
.asset2SavedViewsControls{display:flex;gap:9px;align-items:end;flex-wrap:wrap}
.asset2SavedViewsControls label{display:flex;flex-direction:column;gap:5px;min-width:170px;flex:1 1 180px}
.asset2SavedViewsControls input,.asset2SavedViewsControls select{width:100%;min-width:0;box-sizing:border-box}
.asset2SavedViewsControls button{white-space:normal;min-height:36px}
.asset2SavedViewsControls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:650px){.asset2SavedViewsControls label{flex-basis:100%}.asset2SavedViewsControls button{flex:1 1 120px}}
.asset2ListFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.asset2Pagination{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:var(--fleet-type-small)}
.asset2Pagination label{display:flex;align-items:center;gap:7px}
.asset2Pagination select{width:auto;min-width:75px}
.asset2Pagination button:disabled{opacity:.4;cursor:not-allowed}
.asset2ComparePanel{min-width:0;margin-bottom:16px}
.asset2CompareScroll{max-height:440px;overflow:auto;margin-top:12px}
.asset2CompareTable{min-width:830px}
.asset2CompareTable th,.asset2CompareTable td{vertical-align:middle}
.asset2CompareTable td{overflow-wrap:anywhere}
.asset2CompareEmpty{margin:14px 0 3px}
.asset2Bind { margin: 1rem 0; }
.asset2List table { min-width: 650px; }
.asset2List .tableWrap { overflow-x: auto; }
.asset2Confirm { display: flex; flex-direction: column; gap: .35rem; min-width: 145px; }
.asset2Confirm .muted { font-size: var(--fleet-type-meta); }
.asset2V6Review { background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 14px; padding: 15px; margin: 12px 0; }
.asset2V6Stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 14px 0 22px; padding: 12px; border: 1px solid var(--fleet-border); border-radius: 12px; background: var(--fleet-panel-alt); }
.asset2V6Stats>div { display: flex; flex-direction: column; min-width: 0; gap: 7px; padding: 12px; border: 1px solid var(--fleet-border); border-radius: 10px; background: var(--fleet-panel); overflow-wrap: anywhere; }
.asset2V6Stats strong { display: block; color: var(--fleet-accent); font-size: var(--fleet-type-responsive-small-heading); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.asset2V6Stats span { display: block; color: var(--ui-muted); font-size: var(--fleet-type-small); line-height: 1.45; }
.asset2V8Finance { background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 14px; padding: 15px; }
.asset2V8Totals { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding: 15px; background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 14px; }
.asset2PageTitle { display: inline-flex; align-items: center; gap: 12px; min-width: 0; max-width: 100%; }
.asset2PageTitleIcon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; color: var(--fleet-accent); border: 1px solid var(--fleet-border); border-radius: 10px; padding: 8px; }
.asset2NativeIconSvg { display: block; flex: none; width: 18px; height: 18px; max-width: 18px; max-height: 18px; }
.asset2Icon { display: inline-flex; align-items: center; gap: 6px; }
.asset2V6Review form { margin-top: 12px; }
.asset2V6Review input { font: inherit; max-width: 100%; }
.asset2V6Review select { font: inherit; max-width: 100%; }
.asset2V6Review textarea { font: inherit; max-width: 100%; }
.asset2V6Review h3 { color: var(--fleet-accent); }
.asset2V6Review h4 { color: var(--fleet-accent); }
.asset2RowActions button { white-space: nowrap; }
.asset2Inline button { white-space: nowrap; }
.asset2TextAction { border: 0; background: transparent; padding: 0; text-decoration: underline; text-decoration-color: var(--fleet-accent); text-underline-offset: 4px; }
.asset2ServerLink,.asset2ServerDetailLink { color: var(--fleet-accent); text-decoration: none; font-weight: 650; text-underline-offset: 3px; }
.asset2ServerLink:hover,.asset2ServerDetailLink:hover { text-decoration: underline; }
.asset2ServerLink:focus-visible,.asset2ServerDetailLink:focus-visible { outline: 2px solid var(--fleet-accent); outline-offset: 3px; border-radius: 3px; }
.asset2ServerDetailLink { display: inline-flex; align-items: center; margin-top: 7px; }

.asset2State { border: 1px solid var(--fleet-border); border-radius: 9px; padding: 6px; }
.asset2SubscriptionTotal { display: grid; align-content: start; gap: 9px; min-width: 0; padding: 16px; background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 11px; }
.asset2SubscriptionTotal span,.asset2SubscriptionTotal small { color: var(--ui-muted); font-size: var(--fleet-type-small); }
.asset2SubscriptionTotal strong { color: var(--fleet-accent); font-size: var(--fleet-type-subtitle); font-variant-numeric: tabular-nums; }
.asset2V6Badge { border: 1px solid var(--fleet-border); border-radius: 9px; padding: 6px; }
/* Asset Management — complete native layout for the existing Costs, Contracts,
   Planner, Finance and Renewals renderers. All rules live in the active source CSS. */
#assets2Body { min-width: 0; }
#assets2Body>.detailCard { min-width: 0; }
#assets2Body .asset2Toolbar { margin-bottom: 14px; }
#assets2Body .asset2Toolbar h3,#assets2Body .asset2Toolbar h4 { margin: 0 0 4px; }
#assets2Body .asset2Toolbar .muted { margin: 0; line-height: 1.5; }
#assets2Body>.detailCard>h4,#assets2Body .asset2V6>h4 { margin: 23px 0 10px; }
#assets2Body>.detailCard>.tableWrap { margin-top: 12px; max-width: 100%; overflow-x: auto; }
.asset2KpiGrid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.asset2KpiGrid>div { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 15px; background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 11px; }
.asset2KpiGrid strong { display: block; color: var(--fleet-accent); font-size: var(--fleet-type-responsive-heading); font-variant-numeric: tabular-nums; }
.asset2KpiGrid span { display: block; color: var(--ui-muted); font-size: var(--fleet-type-small); line-height: 1.4; }
.asset2ReminderBand { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px; }
.asset2ReminderBand>span { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid var(--fleet-border); border-radius: 9px; background: var(--fleet-panel-alt); font-size: var(--fleet-type-small); }
.asset2ReminderBand b { color: var(--fleet-accent); font-variant-numeric: tabular-nums; }
.asset2SubscriptionSummary { margin: 18px 0 24px; padding: 16px; border: 1px solid var(--fleet-border); border-radius: 12px; background: var(--fleet-panel-alt); }
.asset2SubscriptionTotals { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(250px,100%),1fr)); gap: 12px; }
.asset2SubscriptionTotals>.muted { margin: 4px 0; }
.asset2PlannerFilter { display: grid; gap: 6px; min-width: min(220px,100%); font-size: var(--fleet-type-small); }
.asset2PlannerFilter select { width: 100%; }
.asset2SubscriptionPlanner { margin-top: 16px; padding: 16px; border: 1px solid var(--fleet-border); border-radius: 12px; background: var(--fleet-panel-alt); }
.asset2SubscriptionPlanner .asset2Grid { margin: 12px 0; }
.asset2Caution { margin: 13px 0; color: var(--ui-muted); font-size: var(--fleet-type-small); line-height: 1.6; }
.asset2FinanceOverview { margin: 16px 0; padding: 16px; border: 1px solid var(--fleet-border); border-radius: 13px; background: var(--fleet-panel-alt); }
.asset2FinanceGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(230px,100%),1fr)); gap: 12px; margin: 12px 0; }
.asset2FinanceCard { display: grid; gap: 9px; min-width: 0; padding: 15px; background: var(--fleet-panel); border: 1px solid var(--fleet-border); border-radius: 11px; }
.asset2FinanceCard>strong { color: var(--fleet-accent); font-size: var(--fleet-type-small); letter-spacing: .025em; }
.asset2FinanceCard>div { display: flex; align-items: baseline; gap: 7px; }
.asset2FinanceCard b { color: var(--ui-text); font-size: var(--fleet-type-card-title); font-variant-numeric: tabular-nums; }
.asset2FinanceCard span,.asset2FinanceCard small { color: var(--ui-muted); font-size: var(--fleet-type-small); }
.asset2Segments { margin: 14px 0; }
.asset2RenewalFilters { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 660px; }
.asset2V6 .asset2Toolbar+.asset2V6Stats { margin-top: 14px; }
.asset2V6 .asset2V6Review { margin: 16px 0; }
.asset2V6Review .asset2Grid { align-items: center; }
.asset2V6Review .asset2CheckLabel { display: flex; flex-direction: row; align-items: center; gap: 10px; min-width: 0; font-size: var(--fleet-type-small); line-height: 1.45; }
.asset2V6Review .asset2CheckLabel input[type="checkbox"] { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--fleet-accent); }
.asset2InlineActions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; grid-column: 1/-1; }
.asset2V6Review .asset2Grid>label:not(.asset2CheckLabel) { min-width: 0; }
.asset2V6Review .asset2Grid>label:not(.asset2CheckLabel) select { width: 100%; }
.asset2V6Reminders { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 14px; }
.asset2V6Reminder { display: inline-flex; padding: 9px 12px; border: 1px solid var(--fleet-border); border-radius: 9px; }
.asset2V6Feedback:not(:empty) { margin: 10px 0; }
.asset2V6Feedback.bad { color: #fa7483; }
.asset2V6Feedback.ok { color: var(--fleet-accent); }
.asset2ProviderGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); gap: 12px; margin: 14px 0; }
.asset2ProviderCard { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--fleet-border); border-radius: 11px; background: var(--fleet-panel-alt); }
.asset2ProviderCard span,.asset2ProviderCard small { color: var(--ui-muted); }
.asset2FactGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); gap: 12px; margin: 14px 0; }
.asset2FactGrid>div { min-width: 0; padding: 12px; border: 1px solid var(--fleet-border); border-radius: 10px; overflow-wrap: anywhere; }
.asset2FactGrid dt { color: var(--ui-muted); font-size: var(--fleet-type-small); }
.asset2FactGrid dd { margin: 7px 0 0; font-weight: 650; }
.asset2MiniCols { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.asset2MiniCols>div { min-width: 0; padding: 12px; background: var(--fleet-panel-alt); border: 1px solid var(--fleet-border); border-radius: 10px; }
/* Asset enrichment uses existing Sovereign palette / Theme Studio tokens. */
.asset2Enrichment { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--fleet-border); }
.asset2EnrichmentHead h4 { margin: 0 0 5px; color: var(--fleet-accent); }
.asset2EnrichmentHead p { margin: 0 0 10px; }
.asset2EnrichmentCards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: start; }
.asset2EnrichmentCards .asset2InlineEditor { margin: 0; min-width: 0; background: var(--fleet-panel-alt); }
.asset2EnrichmentCards .asset2InlineEditor[open] { border-color: var(--fleet-accent); }
.asset2EnrichmentCards .asset2InlineEditor>summary { color: var(--fleet-text,#f5f5f5); }
.asset2EnrichmentBody { margin-top: 12px; display: grid; gap: 10px; }
.asset2EnrichmentBody .asset2Grid { grid-template-columns: 1fr; min-width: 0; }
.asset2EnrichmentBody input,.asset2EnrichmentBody select { min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; }
.asset2EnrichmentBody .asset2Grid button { align-self: end; }
.asset2ProviderNew{border-top:1px solid var(--fleet-border);padding-top:10px;min-width:0}
.asset2ProviderNew>summary{cursor:pointer;color:var(--fleet-accent);font-weight:600}
.asset2ProviderNewBody{display:grid;gap:10px;padding:10px 0 0;min-width:0}
.asset2ProviderNewBody form{display:grid;gap:10px;min-width:0}
.asset2ProviderNewBody input{width:100%;min-width:0;box-sizing:border-box}
.asset2ProviderHelp{grid-column:1/-1;margin:0}
.asset2ProviderLinked{border-inline-start:2px solid var(--fleet-accent);padding-inline-start:10px;margin:0}
.asset2ProviderWarning{border:1px solid var(--fleet-border);border-inline-start:3px solid var(--fleet-accent);border-radius:8px;padding:10px;background:var(--fleet-panel-alt);margin:0}
/* Cost-to-renewal workflow: semantic notes and quick action in existing asset cards. */
.asset2CostLine{gap:12px;align-items:flex-start;flex-wrap:wrap}
.asset2CostRecord{display:flex;flex-direction:column;gap:4px;min-width:0}
.asset2CostRecord b{color:var(--fleet-text,#f5f5f5);font-weight:600}
.asset2CostRecord small{font-size:var(--fleet-type-small);color:var(--ui-muted)}
.asset2CostAction{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.asset2CostAction strong{color:var(--fleet-text,#f5f5f5)}
.asset2CostAction button{color:var(--fleet-accent);border:1px solid var(--fleet-border);white-space:nowrap}
.asset2RenewalCostHint{grid-column:1/-1;margin:0;border:1px solid var(--fleet-border);border-inline-start:2px solid var(--fleet-accent);padding:9px;border-radius:8px;overflow-wrap:anywhere}

/* Asset ledger R10: original register typography and semantic due-state indicators. */
.asset2LedgerTable{min-width:820px}
.asset2LedgerTable td{vertical-align:middle}
.asset2LedgerNote{margin:12px 0 9px;line-height:1.5}
.asset2LedgerProvider{color:var(--fleet-text,#f5f5f5);max-width:240px;overflow-wrap:anywhere}
.asset2LedgerAmount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;color:var(--fleet-text,#f5f5f5)}
.asset2LedgerTable .asset2Description{margin-top:4px}
.asset2DueMeta{font-variant-numeric:tabular-nums}
.asset2LedgerState{display:inline-flex;align-items:center;border:1px solid var(--fleet-border);border-radius:100px;padding:3px 9px;color:var(--fleet-text,#f5f5f5);font-size:var(--fleet-type-small);font-weight:650;white-space:nowrap}
.asset2LedgerState[data-state="upcoming"],.asset2LedgerState[data-state="invoiced"]{border-color:var(--fleet-accent);color:var(--fleet-accent)}
.asset2LedgerState[data-state="paid"]{color:#41cda1;border-color:#287e69}
.asset2LedgerState[data-state="cancelled"]{color:var(--ui-muted)}
.asset2RenewalLine{flex-wrap:wrap;align-items:flex-start}
.asset2RenewalDate{display:flex;flex-direction:column;gap:4px;min-width:0}
.asset2RenewalDate time{color:var(--fleet-text,#f5f5f5);font-weight:650;font-variant-numeric:tabular-nums}
.asset2RenewalDate small{font-size:var(--fleet-type-small)}
.asset2RenewalAmount{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0}
@media (max-width:650px){.asset2RenewalAmount{align-items:flex-start}.asset2LedgerTable{min-width:760px}}

@media (max-width: 960px) { .asset2EnrichmentCards { grid-template-columns: 1fr; } }
.asset2CompactList { margin: 8px 0; padding: 0; list-style: none; }
.asset2CompactList li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--fleet-border); }
.asset2CompactList li span { color: var(--ui-muted); }

/* R11: directional asset relationships — original Sovereign CSS, Theme Studio tokens. */
.asset2ConnectionEditor{margin:13px 0 0;background:var(--fleet-panel);min-width:0}
.asset2ConnectionEditor[open]{border-color:var(--fleet-accent)}
.asset2ConnectionEditor>summary{color:var(--fleet-accent);font-size:var(--fleet-type-small)}
.asset2ConnectionForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px;align-items:end}
.asset2ConnectionForm label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--fleet-type-small);color:var(--ui-muted)}
.asset2ConnectionForm select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.asset2ConnectionReview{grid-column:1/-1;padding:11px 12px;border:1px solid var(--fleet-border);border-radius:9px;background:var(--fleet-panel-alt);font-size:var(--fleet-type-small);line-height:1.5;overflow-wrap:anywhere;color:var(--ui-text)}
.asset2ConnectionReview[data-duplicate="true"]{color:var(--ui-muted)}
.asset2ConnectionFoot{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.asset2ConnectionFoot small{color:var(--ui-muted);line-height:1.5}
.asset2ConnectionJump{max-width:65%;text-align:right;overflow-wrap:anywhere;white-space:normal;color:var(--fleet-accent);background:transparent;border:0;padding:2px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}
.asset2ConnectionJump:focus-visible{outline:2px solid var(--fleet-accent);outline-offset:3px}
@media (max-width:650px){.asset2ConnectionForm{grid-template-columns:1fr}.asset2ConnectionJump{max-width:70%}}

@media (max-width:950px) {
 .asset2KpiGrid,.asset2V6Stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .asset2MiniCols { grid-template-columns: 1fr; }
}
@media (max-width:650px) {
 .asset2KpiGrid,.asset2V6Stats { gap: 8px; }
 .asset2V6Stats { padding: 8px; }
 .asset2KpiGrid>div,.asset2V6Stats>div { padding: 10px; }
 .asset2FinanceOverview,.asset2SubscriptionSummary { padding: 12px; }
 .asset2RenewalFilters { grid-template-columns: 1fr; }
 .asset2V6Review .asset2Grid { grid-template-columns: 1fr; }
 .asset2PlannerFilter { width: 100%; }
}
.asset2V8Finance table { min-width: 600px; }
.asset2V6Review table { min-width: 600px; }
.asset2V8Finance .tableWrap { overflow-x: auto; }
.asset2V6Review .tableWrap { overflow-x: auto; }
.asset2Feedback[role=status] { min-height: 1.35em; }
#app .asset2List { min-width: 0; }
#app .asset2List .tableWrap { max-width: 100%; overflow-x: auto; }
#app .asset2TextAction { text-align: start; color: inherit; }
@media (max-width:1200px) {
}
@media (max-width:950px) {
.asset2Stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.asset2Grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
.asset2Intro { flex-direction:column; align-items:flex-start; }
.asset2Tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.asset2Tabs button { min-height:44px; }
.asset2Filters { grid-template-columns: 1fr; }
.asset2Filters .asset2SearchField { grid-column: auto; }
.asset2Grid { grid-template-columns: 1fr; }
.asset2Stats { gap: .5rem; }
.asset2Toolbar button { width: 100%; }
}

/* FLEET Assets server import — canonical stylesheet (no overrides). */
.asset2ImportFilters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(145px,1fr));gap:12px;margin:12px 0}
.asset2ImportFilters label,.asset2ImportBulkKind{display:grid;gap:5px;min-width:0;font-size:var(--fleet-type-small)}
.asset2ImportFilters input,.asset2ImportFilters select{min-width:0;width:100%}
.asset2ImportMono{font-variant-numeric:tabular-nums;font-family:var(--fleet-font-ui);font-size:var(--fleet-type-small)}
.asset2ImportScroll tbody tr[hidden]{display:none}
.asset2ImportBulkKind{grid-template-columns:auto minmax(128px,1fr);align-items:center;gap:7px}
.asset2ImportBulkKind select{width:100%}
@media(max-width:760px){.asset2ImportFilters{grid-template-columns:1fr 1fr}.asset2ImportFilters label:first-child{grid-column:1/-1}}
@media(max-width:480px){.asset2ImportFilters{grid-template-columns:1fr}.asset2ImportFilters label:first-child{grid-column:auto}.asset2ImportBulkKind{width:100%}}
.asset2ServerImport{margin:14px 0 18px;padding:14px 16px;border:1px solid var(--line, #393939);border-radius:12px;background:var(--surface-2, rgba(255,255,255,.025))}
.asset2ServerImport h4{margin:0 0 5px;font-size:var(--fleet-type-table)}
.asset2ServerImport .asset2Toolbar{align-items:center;margin-bottom:8px}
.asset2ImportScroll{max-height:340px;overflow:auto}
.asset2ImportScroll table{width:100%}
.asset2ImportScroll td{vertical-align:middle}
.asset2ImportScroll input[type="checkbox"]{width:17px;height:17px;accent-color:var(--fleet-accent)}
.asset2ImportScroll select{min-width:132px;max-width:200px}
.asset2ImportActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.asset2ImportActions #asset2ImportCount{margin-right:auto;color:var(--text-secondary, #b9b9b9);font-size:var(--fleet-type-meta)}
.asset2ImportActions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.asset2ServerImport{padding:12px}.asset2ImportScroll{max-width:100%}.asset2ImportScroll table{min-width:760px}.asset2ImportActions #asset2ImportCount{width:100%}}

/* R12: unified asset snapshot. Original Sovereign stylesheet; all accents follow Theme Studio. */
.asset2UnifiedOverview{margin:18px 0 14px;min-width:0}
.asset2OverviewHead{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.asset2OverviewHead h4{margin:0;font-size:var(--fleet-type-control);color:var(--fleet-text,#f5f5f5)}
.asset2OverviewHead>span{color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.asset2OverviewGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.asset2OverviewCard{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:7px;min-width:0;min-height:120px;padding:14px 15px;border:1px solid var(--fleet-border);border-radius:11px;background:var(--fleet-panel-alt);color:var(--fleet-text,#f5f5f5);cursor:pointer;box-sizing:border-box;font:inherit}
.asset2OverviewCard:hover{border-color:var(--fleet-accent)}
.asset2OverviewCard:focus-visible{outline:2px solid var(--fleet-accent);outline-offset:2px}
.asset2OverviewLabel{font-size:var(--fleet-type-meta);color:var(--ui-muted);font-weight:650}
.asset2OverviewCard strong{max-width:100%;overflow-wrap:anywhere;font-size:var(--fleet-type-control);line-height:1.35}
.asset2OverviewCard small{max-width:100%;overflow-wrap:anywhere;color:var(--ui-muted);font-size:var(--fleet-type-meta);line-height:1.4;padding-inline-end:16px}
.asset2OverviewArrow{position:absolute;inset-inline-end:14px;inset-block-end:12px;color:var(--fleet-accent);font-size:var(--fleet-type-small)}
.asset2MiniCols>div[id]{scroll-margin-top:84px}
@media (max-width:1050px){.asset2OverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.asset2OverviewGrid{grid-template-columns:1fr}.asset2OverviewCard{min-height:96px;padding:12px 13px}}

/* Server details: compact, read-only uptime interval summary. */
.fleetDetailUptime{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel);font-size:var(--fleet-type-meta)}
.fleetUptimeDetailTitle{font-weight:700;color:var(--fleet-accent,#d9ae45)}
.fleetDetailUptime>span:not(:first-child){white-space:nowrap}
.fleetUptimeDetailValue.good{color:#76d99b}.fleetUptimeDetailValue.warning{color:#d7ae47}.fleetUptimeDetailValue.critical{color:#e16b72}.fleetUptimeDetailValue.unknown{color:#999}
.fleetDetailUptime small{opacity:.7;font-size:var(--fleet-type-micro)}


/* Monitoring coverage findings, inside the existing Alerts page (no modal/overlay). */
.fleetCoveragePanel{margin:0;padding:16px;min-width:0}
.fleetCoverageHead{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fleetCoverageHead h3{margin:0 0 4px;font-size:var(--fleet-type-control);color:var(--fleet-text,#fff)}
.fleetCoverageHead p{margin:0;font-size:var(--fleet-type-meta)}
.fleetCoverageCounts{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--fleet-type-meta);font-weight:650;font-variant-numeric:tabular-nums}
.fleetCoveragecritical{color:var(--fleet-status-danger)}.fleetCoveragewarning{color:var(--fleet-accent)}.fleetCoveragegood{color:var(--fleet-status-success)}.fleetCoverageunknown,.fleetCoverageNA{color:var(--ui-muted,#999)}
.fleetCoverageTable{margin-top:12px;min-width:0}
.fleetCoverageColumns,.fleetCoverageRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(95px,120px) minmax(95px,120px) 14px;gap:12px;align-items:center}
.fleetCoverageColumns{padding:6px 10px;color:var(--ui-muted,#999);font-size:var(--fleet-type-micro)}
.fleetCoverageRow{padding:10px;border-top:1px solid var(--fleet-border,#303030);color:inherit;text-decoration:none;min-height:56px}
.fleetCoverageRow:hover{background:var(--fleet-panel-alt,rgba(255,255,255,.035))}
.fleetCoverageRow:focus-visible{outline:2px solid var(--fleet-accent,#d7ac49);outline-offset:-2px}
.fleetCoverageRow>span:not(:first-child){font-size:var(--fleet-type-small);font-variant-numeric:tabular-nums}
.fleetCoverageRow small,.fleetCoverageIdentity small{display:block;margin-top:3px;color:var(--ui-muted,#999);font-size:var(--fleet-type-micro);font-weight:400}
.fleetCoverageIdentity strong{overflow-wrap:anywhere}
.fleetCoverageFoot{font-size:var(--fleet-type-meta);color:var(--ui-muted,#999);margin:12px 0 0}
@media(max-width:520px){.fleetCoveragePanel{padding:12px}.fleetCoverageColumns,.fleetCoverageRow{grid-template-columns:minmax(100px,1fr) minmax(70px,88px) minmax(70px,88px) 12px;gap:6px}.fleetCoverageRow{padding:9px 3px}.fleetCoverageRow>span:not(:first-child){font-size:var(--fleet-type-meta)}}

/* Monitoring coverage review preferences — original stylesheet, not an override. */
.fleetCoveragePrefs{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0;padding:10px;border:1px solid var(--border,#363636);border-radius:10px}
.fleetCoveragePrefs label{display:flex;gap:6px;flex-direction:column;font-size:var(--fleet-type-meta)}
.fleetCoveragePrefs input,.fleetCoveragePrefs select{min-height:34px;min-width:100px;max-width:190px;background:var(--surface,#171717);color:inherit;border:1px solid var(--ui-border);border-radius:6px;padding:5px}
.fleetCoverageOverride{margin:8px 0 12px;font-size:var(--fleet-type-meta)}.fleetCoverageOverride summary{cursor:pointer;color:var(--fleet-accent)}.fleetCoverageOverride .fleetCoveragePrefs{margin-top:8px}

/* Phase 19: Alerts workspaces. Canonical component styles; no cascade patches. */
.fleetAlertsPage{display:grid;gap:14px;min-width:0}
.fleetAlertsIntro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
.fleetAlertsIntro p{max-width:82ch;color:var(--ui-muted);font-size:var(--fleet-type-small);margin:4px 0 0}
.fleetAlertsSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fleetAlertsSummaryItem{min-width:0;display:grid;align-content:start;gap:4px;padding:15px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.fleetAlertsSummaryItem>span,.fleetAlertsSummaryItem small{font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.fleetAlertsSummaryItem>strong{font-size:var(--fleet-type-card-title);line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums}
.fleetAlertsTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--ui-border);border-radius:var(--fleet-radius);background:var(--ui-panel)}
.fleetAlertsTabs button{min-width:0;min-height:39px;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ui-muted);font-size:var(--fleet-type-small);font-weight:700}
.fleetAlertsTabs button.active{background:var(--fleet-accent);border-color:var(--fleet-accent);color:var(--fleet-accent-ink)}
.fleetAlertsPage [role="tabpanel"][hidden],.fleetAlertsPage form[hidden]{display:none}
.fleetAlertsPanel{padding:17px;min-width:0}
.fleetAlertsPanel .sectionHead h2{font-size:var(--fleet-type-subtitle);margin:0 0 4px}
.fleetAlertsNote{margin:13px 0 0;color:var(--ui-muted);font-size:var(--fleet-type-meta)}
.fleetAlertRuleList,.fleetAlertEventList{display:grid;gap:0;min-width:0}
.fleetAlertRule,.fleetAlertEvent{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:13px 4px;border-bottom:1px solid var(--ui-border)}
.fleetAlertRule:last-child,.fleetAlertEvent:last-child{border-bottom:0}
.fleetAlertRuleIdentity,.fleetAlertEventMain>div{min-width:0;display:grid;gap:5px}
.fleetAlertRuleIdentity strong,.fleetAlertEventMain strong{font-size:var(--fleet-type-table);overflow-wrap:anywhere}
.fleetAlertRuleIdentity small,.fleetAlertEventMain small,.fleetAlertEventDates{font-size:var(--fleet-type-meta);color:var(--ui-muted);overflow-wrap:anywhere}
.fleetAlertRuleMeta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.fleetAlertSeverity,.fleetAlertStatus{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--ui-border);border-radius:100px;font-size:var(--fleet-type-meta);font-weight:700;white-space:nowrap}
.fleetAlertStatus.is-open{color:var(--fleet-status-danger);border-color:color-mix(in srgb,var(--fleet-status-danger) 35%,transparent)}
.fleetAlertStatus.is-resolved{color:var(--fleet-status-success);border-color:color-mix(in srgb,var(--fleet-status-success) 35%,transparent)}
.fleetAlertStatus.is-neutral{color:var(--ui-muted)}
.fleetAlertEventMain{display:flex;align-items:center;gap:12px;min-width:0}
.fleetAlertEventMain a{color:var(--fleet-accent);text-decoration:underline;text-underline-offset:2px}
.fleetAlertEventDates{flex:0 0 auto;max-width:220px;text-align:right}
.fleetAlertEventDates small{display:block;margin-top:5px}
.fleetAlertsFilter{display:grid;gap:5px;font-size:var(--fleet-type-meta);color:var(--ui-muted)}
.fleetAlertsFilter select{min-height:36px;min-width:150px}
.fleetAlertRuleForm{display:grid;gap:12px;margin:0 0 14px;padding:16px;border:1px solid var(--fleet-border-strong);border-radius:var(--fleet-radius);background:var(--ui-subtle)}
.fleetAlertFormGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fleetAlertFormGrid label{display:grid;gap:6px;font-size:var(--fleet-type-meta);color:var(--ui-muted);min-width:0}
.fleetAlertFormGrid :is(input,select){width:100%;min-width:0;min-height:38px;padding:8px}
.fleetAlertFormActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fleetAlertFormActions span{font-size:var(--fleet-type-meta);overflow-wrap:anywhere}
.fleetAlertsPage .fleetCoverageTable{max-height:680px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:720px){
 .fleetAlertsSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .fleetAlertsSummaryItem{padding:10px}
 .fleetAlertsSummaryItem>strong{font-size:var(--fleet-type-feature)}
 .fleetAlertsTabs{gap:3px;padding:4px}
 .fleetAlertsTabs button{font-size:var(--fleet-type-meta);padding:7px 3px}
 .fleetAlertsPanel{padding:12px}
 .fleetAlertFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fleetAlertRule,.fleetAlertEvent{align-items:flex-start;flex-direction:column;gap:9px}
 .fleetAlertEventDates{max-width:none;text-align:left}
 .fleetAlertEventMain{flex-wrap:wrap}
 .fleetAlertRuleMeta{justify-content:flex-start}
}
@media(max-width:420px){.fleetAlertFormGrid{grid-template-columns:minmax(0,1fr)}.fleetAlertsSummaryItem>small{font-size:var(--fleet-type-micro)}}

/* Database Storage: one source-owned component. Primary buttons inherit FLEET's
   shared .primary; all secondary actions inherit the normal button contract. */
.fleetStoragePage{min-width:0}
.fleetStorageLead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:3px 0 16px}
.fleetStorageLead p{color:var(--ui-muted);font-size:var(--fleet-type-small);line-height:1.6;margin:0;max-width:78ch}
.fleetStorageLead button{flex:none}
.fleetStoragePage .storageMetrics{margin-bottom:14px}
.fleetStoragePage .storageMetrics .summaryCard{min-height:98px;padding:16px}
.fleetStoragePage .storageMetrics .summaryCard>strong{font-size:var(--fleet-type-heading-lg)}
.fleetStoragePage .fleetStorageTabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px;padding:6px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel)}
.fleetStoragePage .fleetStorageTab{background:transparent;color:var(--ui-muted);border:1px solid transparent;border-radius:8px;min-height:38px;padding:8px 13px;font-size:var(--fleet-type-meta);font-weight:700;cursor:pointer}
.fleetStoragePage .fleetStorageTab:hover:not(:disabled){background:var(--ui-subtle);color:var(--ui-text);border-color:var(--ui-border)}
.fleetStoragePage .fleetStorageTab[aria-selected="true"]{background:linear-gradient(125deg,var(--sovereign-gold-light),var(--sovereign-gold));border-color:var(--sovereign-gold);color:#21190b}
.fleetStoragePage .fleetStorageTab:focus-visible{outline:2px solid var(--sovereign-gold-light);outline-offset:2px}
.fleetStoragePage .fleetStoragePane[hidden]{display:none}
.fleetStoragePage .fleetStoragePane{min-width:0}
.fleetStoragePage .fleetStoragePane>.detailCard:first-child{margin-top:0}
.fleetStoragePage .fleetStoragePane .tableWrap{max-width:100%;overflow:auto}
.fleetStoragePage .fleetStoragePane .detailCard+.detailCard{margin-top:14px}
.fleetStoragePage .fleetStoragePane h3{margin:0 0 8px;font-size:var(--fleet-type-subtitle)}
.fleetStoragePage .fleetStoragePane p{line-height:1.6}
.fleetStoragePage .storageSectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.fleetStoragePage .storageSectionHead p{margin:0}
.fleetStoragePage .storageEstimateFlag{flex:none;border:1px solid var(--sovereign-gold-line);border-radius:999px;padding:5px 9px;font-weight:750;color:var(--sovereign-gold);font-size:var(--fleet-type-meta);letter-spacing:.07em}
.fleetStoragePage .storageForecastControls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:18px 0}
.fleetStoragePage .storageForecastControls label{min-width:min(100%,245px)}
.fleetStoragePage .storageForecastControls span{padding-bottom:9px}
.fleetStoragePage .storageScenarioCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.fleetStoragePage .storageScenarioCards .summaryCard{min-height:106px;padding:14px}
.fleetStoragePage .storageScenarioCards .summaryCard>strong{font-size:var(--fleet-type-heading-lg)}
.fleetStoragePage .storageAssumption{margin:15px 0 0;font-size:var(--fleet-type-small);color:var(--ui-muted);border-top:1px solid var(--ui-border);padding-top:12px}
.fleetStoragePage .storagePaneContext{font-size:var(--fleet-type-small);color:var(--ui-muted);margin:0 0 13px}
.fleetStoragePage .storageSafetyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fleetStoragePage .storageSafetyGrid>#storageSafetyDryRun{grid-column:1/-1}
.fleetStoragePage .storageResult{margin-top:14px;overflow-wrap:anywhere}
.fleetStoragePage .storageResult p{margin:8px 0}
.fleetStoragePage .storageAuditHistory{margin-top:16px;border-top:1px solid var(--ui-border);padding-top:12px}
.fleetStoragePage .storageAuditHistory summary{cursor:pointer;color:var(--sovereign-gold);font-weight:650;font-size:var(--fleet-type-small)}
.fleetStoragePage .storageSizeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.fleetStoragePage .storageSizeTable{min-width:0}
.fleetStoragePage .storageSizeTable code,.fleetStoragePage .storageIndexesTable code{white-space:normal;overflow-wrap:anywhere}
.fleetStoragePage .storagePolicyAction{display:flex;align-items:center;gap:8px;min-width:0}
.fleetStoragePage .storagePolicyAction select{margin:0;flex:1 1 auto}
.fleetStoragePage .storagePolicyAction button{flex:none}
.fleetStoragePage #retentionMessage{border-top:1px solid var(--ui-border);padding-top:12px}
.fleetStoragePage button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.fleetStoragePage .storageScenarioCards{grid-template-columns:repeat(2,minmax(0,1fr))}.fleetStoragePage .storageSafetyGrid,.fleetStoragePage .storageSizeGrid{grid-template-columns:1fr}.fleetStoragePage .storageSafetyGrid>#storageSafetyDryRun{grid-column:auto}}
@media(max-width:700px){
 .fleetStoragePage .fleetStorageLead{align-items:stretch;flex-direction:column}
 .fleetStoragePage .fleetStorageTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .fleetStoragePage .fleetStorageTab{min-width:0;padding:8px}
 .fleetStoragePage .storageScenarioCards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fleetStoragePage .storageMetrics{grid-template-columns:1fr}
 .fleetStoragePage .storageMetrics .summaryCard{min-height:80px}
 .fleetStoragePage .storageSectionHead{flex-wrap:wrap}
 .fleetStoragePage .storagePolicyAction{flex-wrap:wrap}
 .fleetStoragePage .storagePolicyAction button{width:100%}
 .fleetStoragePage .storageSizeTable{display:block;min-width:0}
 .fleetStoragePage .storageSizeTable thead{display:none}
 .fleetStoragePage .storageSizeTable tbody,.fleetStoragePage .storageSizeTable tr,.fleetStoragePage .storageSizeTable td{display:block;width:100%;min-width:0}
 .fleetStoragePage .storageSizeTable tr{padding:10px;border-bottom:1px solid var(--ui-border)}
 .fleetStoragePage .storageSizeTable td{border:0;padding:4px 0;overflow-wrap:anywhere}
 .fleetStoragePage .storageSizeTable td::before{content:attr(data-label);display:block;font-size:var(--fleet-type-meta);color:var(--ui-muted);margin-bottom:3px}
}
/* Pinned Servers: original component rules, now owned by the canonical Admin stylesheet. */
/* Pinned Servers v0.9.1 staging: original styles preserved. */
.fleetPinButton{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0 3px;border:0;background:transparent;color:var(--text-muted,#999);font-size:var(--fleet-type-subtitle);line-height:1;cursor:pointer;min-width:25px;min-height:25px}
.fleetPinButton.isPinned{color:#d4af37}
.fleetPinButton:hover,.fleetPinButton:focus-visible{color:#d4af37;outline-offset:2px}
.fleetPinButton:disabled{opacity:.5;cursor:wait}
.fleetPinStatus{padding:10px 12px;margin:8px 0;color:#db9b3b;border:1px solid #725626;border-radius:8px;font-size:var(--fleet-type-small)}