:root{--obsidian-950:#080C12;--obsidian-900:#0B0F14;--obsidian-850:#0D131D;--obsidian-800:#111827;--obsidian-750:#151E2B;--obsidian-700:#1F2937;--surface-base:#0B0F14;--surface-sidebar:#0D131D;--surface-header:#0D131D;--surface-card:#111827;--surface-raised:#172033;--surface-soft:#1F2937;--surface-hover:#202C3D;--surface:var(--surface-card);--surface-2:var(--surface-soft);--border:#263449;--border-soft:rgba(51,65,85,.65);--text:#F8FAFC;--text-soft:#CBD5E1;--muted:#94A3B8;--muted-2:#64748B;--primary:#14B8A6;--primary-hover:#2DD4BF;--primary-deep:#0F766E;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--info:#3B82F6;--violet:#8B5CF6;--cyan:#06B6D4;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--shadow-card:0 8px 24px rgba(0,0,0,.22);--shadow-raised:0 16px 40px rgba(0,0,0,.32);--shadow-focus:0 0 0 3px rgba(20,184,166,.18);--sidebar:248px;--topbar:64px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 83% -8%,rgba(20,184,166,.12),transparent 30%),radial-gradient(circle at 18% 12%,rgba(59,130,246,.06),transparent 28%),var(--surface-base);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.icon{display:block;flex:0 0 auto}h1,h2,h3,h4{margin:0;color:var(--text);letter-spacing:-.025em}h1{font-size:32px;line-height:1.08}h2{font-size:26px;line-height:1.14}h3{font-size:17px;line-height:1.25}.muted{color:var(--muted)}.text-soft{color:var(--text-soft)}.text-xs{font-size:12px}.text-sm{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wrap{max-width:1180px;margin:0 auto;padding:32px 20px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.logo,.brand-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2DD4BF 0%,#14B8A6 48%,#0F766E 100%);box-shadow:0 10px 30px rgba(20,184,166,.2),inset 0 1px 0 rgba(255,255,255,.22)}.brand-mark:after{content:"";width:16px;height:16px;border:2px solid rgba(5,18,20,.82);border-radius:50% 50% 50% 4px;transform:rotate(-35deg)}
/* reusable surfaces */.card,.panel{background:linear-gradient(180deg,rgba(23,32,51,.86),rgba(17,24,39,.96));border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-card)}.card:hover{border-color:rgba(71,85,105,.78)}.panel--flat{background:rgba(17,24,39,.72);box-shadow:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack{display:grid;gap:16px}.check{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(51,65,85,.45)}.check:last-child{border-bottom:0}.ok{color:var(--success)}.warn{color:var(--warning)}.bad{color:var(--danger)}.info{color:var(--info)}.status-badge{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:4px 9px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-badge--success{color:#86EFAC;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2)}.status-badge--info{color:#93C5FD;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.status-badge--muted{color:#CBD5E1;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18)}
/* forms */label{display:block;margin:14px 0 7px;color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.02em}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:44px;border:1px solid #334155;border-radius:var(--radius-md);background:#0C1421;color:var(--text);padding:0 13px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{padding:12px 13px;min-height:100px}input::placeholder,textarea::placeholder{color:#64748B}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#0E1826;box-shadow:var(--shadow-focus)}input[type=file]{padding:7px 10px}input[type=file]::file-selector-button{margin-right:12px;border:0;border-radius:8px;background:#1F2937;color:#F8FAFC;padding:8px 11px;cursor:pointer}.field{position:relative}.field__icon{position:absolute;left:13px;bottom:13px;color:#64748B}.field--icon input{padding-left:42px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:var(--radius-md);padding:0 16px;background:linear-gradient(180deg,var(--primary-hover),var(--primary));color:#061013;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .15s ease,filter .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px rgba(20,184,166,.14)}button:hover,.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary{background:#1F2937;color:var(--text);border-color:#334155;box-shadow:none}.btn-secondary:hover{background:#273449;border-color:#475569}.btn-ghost{background:transparent;color:var(--text-soft);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,.05);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 8px 20px rgba(239,68,68,.12)}.btn-sm{min-height:36px;padding:0 12px;font-size:12px}.btn-icon{width:40px;padding:0}.alert{position:relative;padding:14px 16px;border:1px solid;border-radius:var(--radius-lg);margin:16px 0}.alert-error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.38)}.alert-ok{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.32)}.alert-info{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3)}details{margin-top:10px;background:#0F172A;border:1px solid #263449;border-radius:var(--radius-md);padding:10px 12px}summary{cursor:pointer;color:#CBD5E1;font-weight:700}.technical{white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#CBD5E1}.progress{height:8px;border-radius:99px;background:#1F2937;overflow:hidden}.progress>i{display:block;height:100%;background:var(--primary)}
/* application shell */.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0D131D 0%,#0B111A 100%);border-right:1px solid rgba(51,65,85,.62);padding:18px 14px 14px;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;min-height:54px;padding:2px 8px 14px;border-bottom:1px solid rgba(51,65,85,.4)}.sidebar-brand .brand-mark{width:40px;height:40px;border-radius:13px}.sidebar-brand__title{font-size:14px;font-weight:850;line-height:1.15}.sidebar-brand__meta{margin-top:4px;color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:grid;gap:3px;margin-top:18px}.nav-section-label{padding:10px 10px 6px;color:#526078;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sidebar-nav__link{position:relative;display:flex;align-items:center;gap:11px;min-height:46px;padding:6px 9px;border:1px solid transparent;border-radius:12px;color:#9FB0C6;text-decoration:none;font-size:13px;font-weight:650;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}.sidebar-nav__link:hover{background:rgba(255,255,255,.04);color:#F8FAFC;transform:translateX(1px)}.sidebar-nav__link.is-active{background:linear-gradient(90deg,rgba(20,184,166,.16),rgba(20,184,166,.07));border-color:rgba(20,184,166,.16);color:#F8FAFC}.sidebar-nav__link.is-active:before{content:"";position:absolute;left:-9px;width:3px;height:24px;border-radius:0 4px 4px 0;background:#14B8A6;box-shadow:0 0 14px rgba(20,184,166,.5)}.sidebar-nav__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(148,163,184,.07);color:#94A3B8;transition:background .14s,color .14s}.sidebar-nav__link:hover .sidebar-nav__icon,.sidebar-nav__link.is-active .sidebar-nav__icon{background:rgba(20,184,166,.13);color:#2DD4BF}.sidebar-nav__icon--blue{color:#60A5FA;background:rgba(59,130,246,.1)}.sidebar-nav__icon--violet{color:#A78BFA;background:rgba(139,92,246,.1)}.sidebar-nav__icon--amber{color:#FBBF24;background:rgba(245,158,11,.1)}.sidebar-nav__icon--rose{color:#FB7185;background:rgba(244,63,94,.1)}.sidebar-nav__icon--cyan{color:#22D3EE;background:rgba(6,182,212,.1)}.sidebar-spacer{flex:1}.sidebar-user{margin-top:16px;padding:12px;border:1px solid rgba(51,65,85,.52);border-radius:14px;background:rgba(17,24,39,.72)}.sidebar-user__row{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,rgba(59,130,246,.2),rgba(20,184,166,.16));border:1px solid rgba(45,212,191,.18);color:#DDFCF8;font-size:12px;font-weight:900}.sidebar-user__name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.sidebar-user__role{margin-top:2px;color:#64748B;font-size:10px;font-weight:700;text-transform:uppercase}.sidebar-version{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(51,65,85,.35);color:#64748B;font-size:10px}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:15;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;background:rgba(13,19,29,.86);border-bottom:1px solid rgba(51,65,85,.58);backdrop-filter:blur(18px)}.topbar__context{min-width:0}.breadcrumb{display:flex;align-items:center;gap:7px;color:#64748B;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.breadcrumb .icon{color:#14B8A6}.topbar__title{margin-top:2px;font-size:16px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;align-items:center;gap:10px}.environment-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid rgba(34,197,94,.18);border-radius:10px;background:rgba(34,197,94,.06);color:#86EFAC;font-size:11px;font-weight:800}.environment-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 10px rgba(34,197,94,.7)}.page-content{padding:24px;max-width:1540px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading__eyebrow{color:#2DD4BF;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.page-heading__subtitle{margin-top:6px;color:var(--muted);font-size:13px}
/* dashboard */.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border:1px solid rgba(45,212,191,.18);border-radius:var(--radius-xl);background:radial-gradient(circle at 87% 12%,rgba(45,212,191,.16),transparent 28%),linear-gradient(115deg,rgba(23,32,51,.98),rgba(13,19,29,.96));box-shadow:var(--shadow-card)}.dashboard-hero:after{content:"";position:absolute;right:-70px;bottom:-100px;width:230px;height:230px;border:1px solid rgba(45,212,191,.14);border-radius:50%;box-shadow:0 0 0 38px rgba(45,212,191,.035),0 0 0 76px rgba(45,212,191,.02)}.dashboard-hero__copy{position:relative;z-index:1}.dashboard-hero__title{font-size:22px}.dashboard-hero__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.soft-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(148,163,184,.13);border-radius:9px;background:rgba(15,23,42,.6);color:#CBD5E1;font-size:11px;font-weight:700}.dashboard-hero__glyph{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;border-radius:22px;background:linear-gradient(145deg,rgba(20,184,166,.2),rgba(59,130,246,.1));border:1px solid rgba(45,212,191,.22);color:#5EEAD4;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi-card{position:relative;overflow:hidden;min-height:145px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(23,32,51,.88),rgba(17,24,39,.94));box-shadow:var(--shadow-card);transition:transform .15s ease,border-color .15s ease}.kpi-card:hover{transform:translateY(-2px);border-color:#3B4B63}.kpi-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#5EEAD4;background:rgba(20,184,166,.11);border:1px solid rgba(20,184,166,.12)}.kpi-icon--blue{color:#93C5FD;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.13)}.kpi-icon--violet{color:#C4B5FD;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.13)}.kpi-icon--amber{color:#FCD34D;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.13)}.kpi-icon--rose{color:#FDA4AF;background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.13)}.kpi-icon--cyan{color:#67E8F9;background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.13)}.kpi-label{margin-top:13px;color:#8291A7;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kpi-value{margin-top:3px;font-size:23px;font-weight:900;letter-spacing:-.035em}.kpi-caption{margin-top:5px;color:#7E8DA4;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;margin-top:16px}.section-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(23,32,51,.82),rgba(17,24,39,.94));box-shadow:var(--shadow-card);overflow:hidden}.section-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(51,65,85,.48)}.section-card__title{display:flex;align-items:center;gap:10px}.section-card__title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(20,184,166,.09);color:#5EEAD4}.section-card__body{padding:6px 18px 14px}.module-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(51,65,85,.36)}.module-row:last-child{border-bottom:0}.module-row__title{font-size:13px;font-weight:780}.module-row__meta{margin-top:2px;color:#64748B;font-size:10px}.quick-actions{display:grid;gap:9px;padding:14px}.quick-action{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:11px;border:1px solid rgba(51,65,85,.46);border-radius:12px;background:rgba(15,23,42,.48);text-decoration:none;transition:background .14s,border-color .14s,transform .14s}.quick-action:hover{background:rgba(31,41,55,.68);border-color:#3C4D65;transform:translateX(2px)}.quick-action__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(59,130,246,.09);color:#93C5FD}.quick-action__title{font-size:12px;font-weight:820}.quick-action__meta{margin-top:2px;color:#64748B;font-size:10px}.quick-action>.icon{color:#526078}
/* login */.login-page{min-height:100vh;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 82% 4%,rgba(20,184,166,.14),transparent 31%),radial-gradient(circle at 12% 88%,rgba(59,130,246,.08),transparent 28%),#080C12}.login-shell{width:min(1060px,100%);min-height:640px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);overflow:hidden;border:1px solid rgba(51,65,85,.62);border-radius:24px;background:#0D131D;box-shadow:0 30px 80px rgba(0,0,0,.45)}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:radial-gradient(circle at 20% 5%,rgba(45,212,191,.18),transparent 32%),linear-gradient(145deg,#101A27 0%,#0D131D 48%,#0A1018 100%);border-right:1px solid rgba(51,65,85,.5)}.login-visual:before{content:"";position:absolute;right:-110px;top:85px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(45,212,191,.13);box-shadow:0 0 0 52px rgba(45,212,191,.025),0 0 0 104px rgba(59,130,246,.018)}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.login-brand .brand-mark{width:48px;height:48px;border-radius:15px}.login-brand__name{font-size:16px;font-weight:900}.login-brand__tag{margin-top:3px;color:#71829A;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-visual__hero{position:relative;z-index:1;max-width:480px;margin:50px 0}.login-visual__eyebrow{display:inline-flex;align-items:center;gap:7px;color:#5EEAD4;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.login-visual__hero h1{margin-top:13px;font-size:40px;max-width:430px}.login-visual__hero p{max-width:440px;margin:14px 0 0;color:#9EB0C6;font-size:14px;line-height:1.65}.login-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.login-feature{padding:11px;border:1px solid rgba(51,65,85,.46);border-radius:12px;background:rgba(15,23,42,.38)}.login-feature__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(20,184,166,.1);color:#5EEAD4}.login-feature strong{display:block;margin-top:8px;font-size:11px}.login-feature span{display:block;margin-top:2px;color:#64748B;font-size:9px}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:46px 44px;background:linear-gradient(180deg,#111827,#0F172A)}.login-panel__head{margin-bottom:26px}.login-panel__eyebrow{color:#2DD4BF;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.login-panel__head h2{margin-top:7px;font-size:27px}.login-panel__head p{margin:7px 0 0;color:#8494AA;font-size:12px}.login-form .actions{margin-top:22px}.login-form .actions .btn,.login-form .actions button{flex:1}.turnstile-shell{margin-top:16px;padding:12px;border:1px solid rgba(51,65,85,.46);border-radius:12px;background:rgba(8,12,18,.46)}.captcha-card{margin-top:16px;padding:14px;border:1px solid rgba(59,130,246,.24);border-radius:12px;background:rgba(59,130,246,.06)}.login-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#5D6D83;font-size:10px}.login-security-note .icon{color:#22C55E}
/* generic core screen upgrades */.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:4px}.section-heading__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(20,184,166,.1);color:#5EEAD4}.empty-state{display:grid;place-items:center;min-height:150px;text-align:center;color:#64748B}.empty-state .icon{margin-bottom:10px;color:#475569}.danger-zone{border-color:rgba(239,68,68,.25);background:linear-gradient(180deg,rgba(127,29,29,.08),rgba(17,24,39,.94))}
@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-shell{max-width:960px}}@media(max-width:1050px){:root{--sidebar:76px}.sidebar{padding-left:10px;padding-right:10px}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-brand__copy,.sidebar-nav__link span:not(.sidebar-nav__icon),.nav-section-label,.sidebar-user__copy,.sidebar-version{display:none}.sidebar-nav__link{justify-content:center;padding:6px}.sidebar-nav__link.is-active:before{left:-10px}.sidebar-user{padding:8px}.sidebar-user__row{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr 420px}.login-visual{padding:32px}.login-features{grid-template-columns:1fr}}@media(max-width:820px){.grid{grid-template-columns:1fr}.wrap{padding:20px 14px}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;display:block;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border)}.sidebar-brand{display:flex;justify-content:flex-start;border-bottom:0;padding:2px 4px}.sidebar-brand__copy{display:block}.sidebar-nav{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:3px}.nav-section-label,.sidebar-user,.sidebar-spacer{display:none}.sidebar-nav__link{min-width:44px;height:44px;justify-content:center;padding:5px}.sidebar-nav__link span:not(.sidebar-nav__icon){display:none}.sidebar-nav__link.is-active:before{display:none}.topbar{position:relative;padding:0 14px}.environment-chip{display:none}.page-content{padding:16px 14px}.page-heading{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{padding:18px}.dashboard-hero__glyph{display:none}.login-page{padding:0}.login-shell{display:block;min-height:100vh;border:0;border-radius:0}.login-visual{min-height:230px;padding:26px}.login-visual__hero{margin:34px 0 16px}.login-visual__hero h1{font-size:30px}.login-visual__hero p{font-size:12px}.login-features{display:none}.login-panel{padding:32px 24px}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.topbar__title{max-width:190px}.topbar__actions .btn-secondary span{display:none}.dashboard-hero__meta{display:none}.login-panel{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 0.3.0 Theme Engine + Phase 1 Company Identity */
html[data-accent="teal"]{--primary:#14B8A6;--primary-hover:#2DD4BF;--primary-deep:#0F766E;--shadow-focus:0 0 0 3px rgba(20,184,166,.18)}html[data-accent="blue"]{--primary:#3B82F6;--primary-hover:#60A5FA;--primary-deep:#1D4ED8;--shadow-focus:0 0 0 3px rgba(59,130,246,.18)}html[data-accent="violet"]{--primary:#8B5CF6;--primary-hover:#A78BFA;--primary-deep:#6D28D9;--shadow-focus:0 0 0 3px rgba(139,92,246,.18)}html[data-accent="rose"]{--primary:#F43F5E;--primary-hover:#FB7185;--primary-deep:#BE123C;--shadow-focus:0 0 0 3px rgba(244,63,94,.18)}html[data-accent="amber"]{--primary:#F59E0B;--primary-hover:#FBBF24;--primary-deep:#B45309;--shadow-focus:0 0 0 3px rgba(245,158,11,.18)}html[data-accent="emerald"]{--primary:#10B981;--primary-hover:#34D399;--primary-deep:#047857;--shadow-focus:0 0 0 3px rgba(16,185,129,.18)}html[data-accent="corporate"]{--primary:var(--company-primary,#14B8A6);--primary-hover:var(--company-secondary,#2DD4BF);--primary-deep:var(--company-accent,#0F766E);--shadow-focus:0 0 0 3px color-mix(in srgb,var(--company-primary,#14B8A6) 22%,transparent)}
html[data-theme="light"],html[data-theme="system"][data-resolved-theme="light"]{color-scheme:light;--surface-base:#F4F7FB;--surface-sidebar:#FFFFFF;--surface-header:#FFFFFF;--surface-card:#FFFFFF;--surface-raised:#F8FAFC;--surface-soft:#EEF2F7;--surface-hover:#E8EEF5;--border:#D7E0EA;--border-soft:#E2E8F0;--text:#0F172A;--text-soft:#334155;--muted:#64748B;--muted-2:#94A3B8;--shadow-card:0 8px 24px rgba(15,23,42,.08);--shadow-raised:0 16px 40px rgba(15,23,42,.12)}
html[data-theme="light"] body,html[data-theme="system"][data-resolved-theme="light"] body{background:radial-gradient(circle at 83% -8%,rgba(20,184,166,.08),transparent 30%),#F4F7FB;color:var(--text)}html[data-theme="light"] .sidebar,html[data-theme="system"][data-resolved-theme="light"] .sidebar{background:linear-gradient(180deg,#FFFFFF,#F8FAFC);border-color:#D7E0EA}html[data-theme="light"] .topbar,html[data-theme="system"][data-resolved-theme="light"] .topbar{background:rgba(255,255,255,.9);border-color:#D7E0EA}html[data-theme="light"] .card,html[data-theme="light"] .panel,html[data-theme="light"] .section-card,html[data-theme="system"][data-resolved-theme="light"] .card,html[data-theme="system"][data-resolved-theme="light"] .panel,html[data-theme="system"][data-resolved-theme="light"] .section-card{background:#FFF;border-color:#D7E0EA}html[data-theme="light"] input:not([type=checkbox]):not([type=radio]),html[data-theme="light"] select,html[data-theme="light"] textarea,html[data-theme="system"][data-resolved-theme="light"] input:not([type=checkbox]):not([type=radio]),html[data-theme="system"][data-resolved-theme="light"] select,html[data-theme="system"][data-resolved-theme="light"] textarea{background:#FFF;color:#0F172A;border-color:#CBD5E1}html[data-theme="light"] .sidebar-nav__link,html[data-theme="system"][data-resolved-theme="light"] .sidebar-nav__link{color:#475569}html[data-theme="light"] .sidebar-user,html[data-theme="system"][data-resolved-theme="light"] .sidebar-user{background:#F8FAFC;border-color:#D7E0EA}
html[data-density="compact"]{font-size:13px}html[data-density="compact"] .sidebar-nav__link{min-height:40px}html[data-density="comfortable"]{font-size:15px}html[data-density="comfortable"] .sidebar-nav__link{min-height:50px}.sidebar-compact{--sidebar:82px}.sidebar-compact .sidebar-brand__copy,.sidebar-compact .sidebar-nav__link>span:last-child,.sidebar-compact .nav-section-label>span,.sidebar-compact .sidebar-user__copy,.sidebar-compact .sidebar-version,.sidebar-compact .sidebar-customize>span{display:none}.sidebar-compact .sidebar-nav__link,.sidebar-compact .sidebar-brand,.sidebar-compact .sidebar-customize{justify-content:center}.sidebar-company-logo,.login-company-logo{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:13px}.sidebar-company-logo{width:42px;height:42px}.login-company-logo{width:58px;height:58px;border-radius:16px}.sidebar-company-logo img,.login-company-logo img{max-width:88%;max-height:88%;object-fit:contain}.login-feature__icon--blue{color:#93C5FD!important;background:rgba(59,130,246,.1)!important}.login-feature__icon--violet{color:#C4B5FD!important;background:rgba(139,92,246,.1)!important}
.nav-group.is-collapsed .nav-group__items{display:none}.nav-section-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-section-label>span{display:flex;align-items:center;gap:7px}.nav-collapse,.mini-icon{min-height:28px;width:28px;padding:0;border:0;background:transparent;color:var(--muted);box-shadow:none}.nav-group.is-collapsed .nav-collapse{transform:rotate(-90deg)}.sidebar-customize{display:flex;align-items:center;gap:9px;width:100%;margin-top:12px;min-height:38px;padding:0 10px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--muted);box-shadow:none;font-size:11px}.sidebar-customize:hover{background:rgba(148,163,184,.06);color:var(--text)}
.sidebar-editor[hidden]{display:none}.sidebar-editor{position:fixed;inset:0;z-index:80}.sidebar-editor__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}.sidebar-editor__panel{position:absolute;right:0;top:0;height:100%;width:min(460px,94vw);overflow:auto;padding:24px;background:var(--surface-sidebar);border-left:1px solid var(--border);box-shadow:-24px 0 60px rgba(0,0,0,.28)}.sidebar-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-editor__groups{display:grid;gap:12px;margin:20px 0}.sidebar-editor__group{border:1px solid var(--border);border-radius:14px;overflow:hidden}.sidebar-editor__group-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:var(--surface-raised)}.sidebar-editor__item{display:grid;grid-template-columns:32px minmax(0,1fr) 28px 28px 28px;align-items:center;gap:7px;padding:8px 10px;border-top:1px solid var(--border-soft)}.sidebar-editor__item-label{font-size:12px}.mini-icon.is-active{color:#F59E0B;background:rgba(245,158,11,.08)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}.settings-layout>.section-card:nth-child(1),.settings-layout>.section-card:nth-child(2),.settings-layout>.section-card:nth-child(3){grid-column:1}.company-preview-card{grid-column:2;grid-row:1/span 3;position:sticky;top:84px}.section-card__content{padding:18px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised)}.asset-card p{margin:4px 0 10px;color:var(--muted);font-size:11px}.asset-preview{display:grid;place-items:center;min-height:100px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-base);overflow:hidden}.asset-preview img{max-width:88%;max-height:82px;object-fit:contain}.asset-preview--large img{max-height:96px}.asset-preview--watermark img{filter:grayscale(1)}.inline-check{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:10px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-field>div{display:grid;grid-template-columns:54px 1fr;gap:8px}.color-field input[type=color]{width:54px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface-base);padding:4px}.switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.switch-card{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised)}.switch-card input{margin-top:3px;accent-color:var(--primary)}.switch-card strong{display:block;font-size:12px}.switch-card small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}.brand-preview{display:grid;gap:12px}.brand-preview__sidebar,.brand-preview__login,.brand-preview__doc{border:1px solid var(--border);border-radius:13px;background:var(--surface-raised)}.brand-preview__sidebar{display:flex;align-items:center;gap:9px;padding:10px}.brand-preview__logo{width:42px;height:42px;display:grid;place-items:center}.brand-preview__logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-preview__sidebar small{display:block;color:var(--muted);font-size:9px}.brand-preview__login{padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--preview-primary) 10%,var(--surface-raised)),var(--surface-raised))}.brand-preview__login span{display:block;color:var(--primary);font-size:9px;font-weight:900;text-transform:uppercase}.brand-preview__login strong{display:block;margin:6px 0 12px}.brand-preview__login button{min-height:34px;font-size:10px}.brand-preview__doc{position:relative;min-height:210px;padding:16px;background:#FFF;color:#0F172A;overflow:hidden}.brand-preview__doc-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--preview-primary);padding-bottom:8px;font-size:9px}.brand-preview__doc-watermark{position:absolute;inset:72px 0 auto;text-align:center;font-size:42px;font-weight:900;color:#0F172A;opacity:.05}.brand-preview__lines{margin-top:25px;height:70px;background:repeating-linear-gradient(#CBD5E1 0 2px,transparent 2px 16px)}.sticky-savebar{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-card) 90%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow-raised)}.sticky-savebar span{display:block;margin-top:2px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-tile{position:relative;margin:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);cursor:pointer}.theme-tile input{position:absolute;right:12px;top:12px;accent-color:var(--primary)}.theme-tile__preview{display:block;height:82px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:#0B0F14;padding:10px}.theme-tile__preview i,.theme-tile__preview b{display:block;border-radius:5px}.theme-tile__preview i{width:30%;height:100%;float:left;background:#111827}.theme-tile__preview b{margin-left:36%;height:28%;background:#172033;box-shadow:0 18px 0 #172033,0 36px 0 #172033}.theme-tile__preview--light{background:#F4F7FB}.theme-tile__preview--light i{background:#FFF}.theme-tile__preview--light b{background:#FFF;box-shadow:0 18px 0 #FFF,0 36px 0 #FFF}.theme-tile__preview--system{background:linear-gradient(90deg,#0B0F14 0 50%,#F4F7FB 50%)}.theme-tile strong,.theme-tile small{display:block}.theme-tile small{margin-top:2px;color:var(--muted);font-size:10px}.accent-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.accent-chip{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);cursor:pointer}.accent-chip input{display:none}.accent-chip span{width:18px;height:18px;border-radius:6px;background:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 15%,transparent)}.accent-chip:has(input:checked){border-color:var(--primary);box-shadow:var(--shadow-focus)}.accent-chip strong{font-size:10px}
@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.settings-layout>.section-card,.company-preview-card{grid-column:1!important;grid-row:auto!important}.company-preview-card{position:static}.accent-options{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.form-grid-2,.form-grid-3,.asset-grid,.color-grid,.switch-grid,.theme-options{grid-template-columns:1fr}.asset-card{grid-template-columns:88px 1fr}.accent-options{grid-template-columns:repeat(2,1fr)}.sticky-savebar{bottom:8px}.sidebar-editor__panel{width:100%}}

/* v0.3.1 visual density + live theme corrections */
.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:var(--radius-md);padding:0 16px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .15s ease,filter .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn-secondary.btn-sm,.btn-ghost.btn-sm,.btn-danger.btn-sm{min-height:36px;padding:0 12px;font-size:12px}
button,.btn,.btn-secondary,.context-switcher__item.is-active{box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 16%,transparent)}
.page-heading__eyebrow,.breadcrumb .icon{color:var(--primary)}
.sidebar-nav__link.is-active:before{background:var(--primary);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 55%,transparent)}
.sidebar-nav__link:hover .sidebar-nav__icon,.sidebar-nav__link.is-active .sidebar-nav__icon{background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary-hover)}

.context-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-raised) 92%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.context-switcher__item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:9px;color:var(--text-soft);font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;transition:.15s ease}
.context-switcher__item:hover{background:var(--surface-hover);color:var(--text)}
.context-switcher__item.is-active{background:linear-gradient(180deg,var(--primary-hover),var(--primary));border-color:color-mix(in srgb,var(--primary) 72%,#fff 10%);color:#061013}

.collapsible-card{overflow:hidden}
.collapsible-card .section-card__head,.section-heading--toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}
.collapsible-card__body{display:block}
.collapsible-card.is-collapsed .collapsible-card__body{display:none}
.collapsible-card.is-collapsed .section-card__head{border-bottom:0}
.collapsible-card.is-collapsed{box-shadow:none}
.panel-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised);color:var(--muted);box-shadow:none;font-size:10px;font-weight:800}
.panel-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:color-mix(in srgb,var(--primary) 34%,var(--border))}
.panel-toggle .icon{transition:transform .16s ease}
.collapsible-card.is-collapsed .panel-toggle .icon{transform:rotate(180deg)}

.appearance-editor{display:grid;gap:12px}
.appearance-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:12px;align-items:start}
.appearance-grid .appearance-comfort{grid-column:1/-1}
.appearance-grid .section-card__content{padding:13px}
.theme-options--compact .theme-tile{padding:9px}
.theme-options--compact .theme-tile__preview{height:52px;margin-bottom:7px;padding:7px}
.theme-options--compact .theme-tile__preview b{box-shadow:0 12px 0 #172033,0 24px 0 #172033}
.theme-options--compact .theme-tile__preview--light b{box-shadow:0 12px 0 #FFF,0 24px 0 #FFF}
.accent-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.accent-chip{min-height:42px;padding:8px 10px}
.accent-chip span{width:20px;height:20px}
.accent-chip strong{font-size:11px}
.accent-chip:hover{border-color:color-mix(in srgb,var(--swatch) 55%,var(--border));transform:translateY(-1px)}
.accent-chip:has(input:checked){border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 10%,var(--surface-raised));box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 15%,transparent)}
.compact-fields label{margin-top:8px}
.compact-fields input:not([type=checkbox]):not([type=radio]),.compact-fields select{min-height:40px}
.compact-savebar{position:sticky;bottom:10px;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-card) 92%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow-raised)}
.compact-savebar span{display:block;margin-top:1px}

.company-editor .section-card__content{padding:14px 16px}
.company-editor .compact-fields label{margin-top:7px}
.company-editor .compact-fields input:not([type=checkbox]):not([type=radio]),.company-editor .compact-fields select{min-height:40px}
.company-editor .section-card__head{min-height:64px}
.recovery-snapshot{max-height:44vh;overflow:auto;margin:0;padding-top:8px}

html[data-theme="light"] .context-switcher,html[data-theme="system"][data-resolved-theme="light"] .context-switcher{background:#FFF}
html[data-theme="light"] .panel-toggle,html[data-theme="system"][data-resolved-theme="light"] .panel-toggle{background:#F8FAFC}

@media(min-width:1300px) and (min-height:760px){.page-content{padding-top:18px}.page-heading{margin-bottom:14px}.appearance-grid{grid-template-columns:minmax(430px,.95fr) minmax(620px,1.35fr)}.appearance-comfort .section-card__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}.appearance-comfort .span-2{grid-column:auto}.company-editor .settings-layout{gap:12px}.company-editor .form-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}.company-editor .form-grid-2 .span-2{grid-column:span 3}}
@media(max-width:1100px){.appearance-grid{grid-template-columns:1fr}.appearance-grid .appearance-comfort{grid-column:1}.context-switcher__item span{display:none}.accent-options{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.accent-options{grid-template-columns:repeat(2,1fr)}.panel-toggle span{display:none}.context-switcher{width:100%}.context-switcher__item{flex:1}.context-switcher__item span{display:inline}.compact-savebar{bottom:6px}.compact-savebar>div{display:none}}

/* v0.3.2 human UX + resilient accents + viewport compaction */
.context-switcher{padding:5px;gap:6px;border-color:color-mix(in srgb,var(--primary) 14%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-card) 96%,transparent))}
.context-switcher__item{min-height:40px;padding:0 12px;border-color:transparent;border-radius:10px;box-shadow:none!important}
.context-switcher__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-soft));color:var(--primary-hover);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))}
.context-switcher__item:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface-hover))}
.context-switcher__item.is-active{background:linear-gradient(135deg,var(--primary-hover),var(--primary));border-color:color-mix(in srgb,var(--primary) 68%,#fff 8%);color:#061013;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 19%,transparent)!important}
.context-switcher__item.is-active .context-switcher__icon{background:rgba(6,16,19,.16);border-color:rgba(6,16,19,.16);color:#061013}

/* CSS-only fallback: accent preview still works if JS is delayed or cached. */
html:has(input[name="accent"][value="teal"]:checked){--primary:#14B8A6;--primary-hover:#2DD4BF;--primary-deep:#0F766E}
html:has(input[name="accent"][value="blue"]:checked){--primary:#3B82F6;--primary-hover:#60A5FA;--primary-deep:#1D4ED8}
html:has(input[name="accent"][value="violet"]:checked){--primary:#8B5CF6;--primary-hover:#A78BFA;--primary-deep:#6D28D9}
html:has(input[name="accent"][value="rose"]:checked){--primary:#F43F5E;--primary-hover:#FB7185;--primary-deep:#BE123C}
html:has(input[name="accent"][value="amber"]:checked){--primary:#F59E0B;--primary-hover:#FBBF24;--primary-deep:#B45309}
html:has(input[name="accent"][value="emerald"]:checked){--primary:#10B981;--primary-hover:#34D399;--primary-deep:#047857}
html:has(input[name="accent"][value="corporate"]:checked){--primary:var(--company-primary,#14B8A6);--primary-hover:var(--company-secondary,#2DD4BF);--primary-deep:var(--company-accent,#0F766E)}

.compact-card-grid{display:grid;gap:10px;margin-bottom:12px}
.compact-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 85%,transparent),var(--surface-card));box-shadow:0 8px 22px rgba(0,0,0,.14)}
.metric-card__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-soft));color:var(--primary-hover);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))}
.metric-card>div{min-width:0;display:grid;gap:1px}.metric-card small{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{font-size:18px;line-height:1.1}.metric-card span:not(.metric-card__icon){color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-card--blue .metric-card__icon{color:#93C5FD;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.17)}
.metric-card--emerald .metric-card__icon{color:#6EE7B7;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.17)}
.metric-card--neutral .metric-card__icon{color:var(--muted);background:var(--surface-soft)}

.updates-workspace,.recovery-workspace{display:grid;gap:10px}
.updates-workspace .section-card__head,.recovery-workspace .section-card__head{padding:13px 15px;min-height:58px}
.updates-workspace .section-card__content,.recovery-workspace .section-card__content{padding:11px 15px 13px}
.compact-update-form label{margin-top:0}.file-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.file-action-row .actions{margin:0;align-self:end}

.human-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.human-status-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.human-status-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.human-status-grid>div{min-width:0;padding:9px 10px;border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 62%,transparent)}
.human-status-grid span{display:block;color:var(--muted);font-size:10px;font-weight:780}.human-status-grid strong{display:block;margin-top:2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-success{color:#6EE7B7!important}
.human-summary{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--surface-card));color:var(--text-soft);font-size:11px}.human-summary .icon{margin-top:1px;color:var(--primary-hover)}
.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.inline-actions form{margin:0}

.technical-details{margin-top:9px;padding:8px 10px;background:color-mix(in srgb,var(--surface-base) 75%,var(--surface-card));border-color:var(--border-soft)}
.technical-details summary{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}
.technical-details[open] summary{color:var(--text-soft);margin-bottom:8px}.technical-details .technical{max-height:34vh;overflow:auto;margin:0;padding:7px 0 0}
.compact-history{max-height:40vh;overflow:auto}.compact-history details{margin-top:6px}.compact-history details:first-child{margin-top:0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--warning);margin-right:4px}.status-dot--success{background:var(--success)}.status-dot--warning{background:var(--warning)}
.compact-empty{min-height:100px;padding:14px}.compact-empty span{color:var(--muted);font-size:11px}

/* More information, less scrolling: compact cards can be collapsed independently. */
.collapsible-card.is-collapsed{min-height:0}.collapsible-card.is-collapsed .section-card__head{min-height:52px;padding-top:10px;padding-bottom:10px}.collapsible-card.is-collapsed .section-card__title .muted{display:none}

@media(min-width:1180px) and (min-height:700px){
  .page-content{padding:16px 20px 22px}.page-heading{margin-bottom:11px}.page-heading__subtitle{margin-top:3px}
  .updates-workspace,.recovery-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .updates-workspace>[data-collapse-key="updates-upload"],.updates-workspace>[data-collapse-key="updates-status"]{grid-column:span 1}
  .updates-workspace>[data-collapse-key="updates-history"],.updates-workspace>[data-collapse-key="updates-policy"]{grid-column:span 1}
  .recovery-workspace>[data-collapse-key="recovery-release"],.recovery-workspace>[data-collapse-key="recovery-preupdate"]{grid-column:span 1}
  .recovery-workspace>[data-collapse-key="recovery-rollback"],.recovery-workspace>[data-collapse-key="recovery-external"]{grid-column:span 1}
}
@media(max-width:980px){.compact-card-grid--3{grid-template-columns:1fr}.file-action-row{grid-template-columns:1fr}.human-status-grid,.human-status-grid--3,.human-status-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.human-status-grid,.human-status-grid--3,.human-status-grid--4{grid-template-columns:1fr}.context-switcher__item{padding:0 9px}.context-switcher__icon{width:26px;height:26px}.compact-card-grid--3{gap:8px}.metric-card{min-height:72px}}