/* TIMEBURG Enterprise Design System 2026
   Central tokens and shared components for every workspace. */
:root,
:root[data-theme="light"]{
  color-scheme:light;
  --font-sans:"Segoe UI Variable Text","Segoe UI Variable",Inter,"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --font-size-10:.625rem;
  --font-size-11:.6875rem;
  --font-size-12:.75rem;
  --font-size-13:.8125rem;
  --font-size-14:.875rem;
  --font-size-16:1rem;
  --font-size-18:1.125rem;
  --font-size-20:1.25rem;
  --font-size-24:1.5rem;
  --font-size-32:2rem;
  --font-size-40:2.5rem;
  --line-height-tight:1.16;
  --line-height-ui:1.35;
  --line-height-copy:1.58;
  --weight-regular:400;
  --weight-medium:560;
  --weight-semibold:650;
  --weight-bold:740;
  --tracking-tight:-.025em;
  --tracking-caps:.095em;

  --space-0:0;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;

  --radius-2:4px;
  --radius-4:6px;
  --radius-6:8px;
  --radius-8:10px;
  --radius-10:12px;
  --radius-12:14px;
  --radius-16:18px;
  --radius-20:22px;
  --radius-round:999px;
  --border-width-1:1px;
  --border-width-2:2px;

  --control-xs:28px;
  --control-sm:32px;
  --control-md:38px;
  --control-lg:44px;
  --touch-target:44px;
  --icon-xs:14px;
  --icon-sm:16px;
  --icon-md:18px;
  --icon-lg:20px;
  --icon-xl:24px;

  --breakpoint-mobile:640px;
  --breakpoint-tablet:860px;
  --breakpoint-notebook:1180px;
  --breakpoint-desktop:1440px;

  --motion-instant:80ms;
  --motion-fast:120ms;
  --motion-normal:180ms;
  --motion-slow:260ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  --ease-emphasized:cubic-bezier(.16,1,.3,1);

  --blur-overlay:14px;
  --blur-header:18px;
  --z-base:0;
  --z-sticky:30;
  --z-sidebar:50;
  --z-dropdown:100;
  --z-overlay:200;
  --z-modal:220;
  --z-toast:300;
  --z-tooltip:320;

  --color-canvas:#f7f8fa;
  --color-canvas-subtle:#f2f4f7;
  --color-surface-1:#ffffff;
  --color-surface-2:#f7f8fa;
  --color-surface-3:#eef1f5;
  --color-surface-raised:#ffffff;
  --color-nav:#fbfcfd;
  --color-overlay:rgba(17,24,39,.42);
  --color-text:#17191d;
  --color-text-secondary:#5e6571;
  --color-text-tertiary:#7b8492;
  --color-text-disabled:#a8afb9;
  --color-border:rgba(23,25,29,.12);
  --color-border-subtle:rgba(23,25,29,.075);
  --color-border-strong:rgba(23,25,29,.19);
  --color-accent:#5b5bd6;
  --color-accent-hover:#4f4fc2;
  --color-accent-pressed:#4545ac;
  --color-accent-soft:#eeeeff;
  --color-accent-subtle:rgba(91,91,214,.09);
  --color-on-accent:#ffffff;
  --color-success:#13794a;
  --color-success-soft:#eaf8f1;
  --color-warning:#945000;
  --color-warning-soft:#fff5e3;
  --color-danger:#c13d37;
  --color-danger-soft:#fff0ef;
  --color-info:#2f6fd6;
  --color-info-soft:#edf4ff;
  --chart-1:#5b5bd6;
  --chart-2:#268bd2;
  --chart-3:#178b63;
  --chart-4:#c47719;
  --chart-5:#9a61d2;
  --chart-6:#d55454;
  --shadow-1:0 1px 2px rgba(15,23,42,.04),0 1px 4px rgba(15,23,42,.035);
  --shadow-2:0 8px 24px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04);
  --shadow-3:0 18px 48px rgba(15,23,42,.15),0 4px 14px rgba(15,23,42,.08);
  --shadow-dialog:0 28px 90px rgba(15,23,42,.25),0 8px 24px rgba(15,23,42,.12);
  --elevation-0:none;
  --elevation-1:var(--shadow-1);
  --elevation-2:var(--shadow-2);
  --elevation-3:var(--shadow-3);
  --elevation-overlay:var(--shadow-dialog);
  --focus-ring:0 0 0 3px rgba(91,91,214,.22);
  --inset-highlight:inset 0 1px 0 rgba(255,255,255,.72);

  --bg:var(--color-canvas);
  --surface:var(--color-surface-1);
  --surface2:var(--color-surface-2);
  --line:var(--color-border);
  --line2:var(--color-border-subtle);
  --text:var(--color-text);
  --muted:var(--color-text-secondary);
  --accent:var(--color-accent);
  --accent2:var(--color-accent-soft);
  --success:var(--color-success);
  --warning:var(--color-warning);
  --danger:var(--color-danger);
  --ok:var(--color-success);
  --shadow:var(--shadow-2);
  --radius:var(--radius-12);
  --radius-sm:var(--radius-8);
  --sidebar:264px;
  --top:64px;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --color-canvas:#0d0f12;
  --color-canvas-subtle:#101318;
  --color-surface-1:#14171c;
  --color-surface-2:#191d23;
  --color-surface-3:#20252d;
  --color-surface-raised:#1b1f26;
  --color-nav:#101216;
  --color-overlay:rgba(0,0,0,.68);
  --color-text:#f2f4f7;
  --color-text-secondary:#a8b0bc;
  --color-text-tertiary:#858e9b;
  --color-text-disabled:#5f6874;
  --color-border:rgba(232,237,244,.13);
  --color-border-subtle:rgba(232,237,244,.075);
  --color-border-strong:rgba(232,237,244,.21);
  --color-accent:#8c8cf2;
  --color-accent-hover:#9c9cf7;
  --color-accent-pressed:#7777dc;
  --color-accent-soft:#282846;
  --color-accent-subtle:rgba(140,140,242,.12);
  --color-on-accent:#101116;
  --color-success:#4bc88a;
  --color-success-soft:#152b22;
  --color-warning:#e2a653;
  --color-warning-soft:#322516;
  --color-danger:#ef7772;
  --color-danger-soft:#351d1f;
  --color-info:#75a7ef;
  --color-info-soft:#182942;
  --chart-1:#9696f3;
  --chart-2:#65b4ed;
  --chart-3:#55c995;
  --chart-4:#edb45f;
  --chart-5:#bd8be6;
  --chart-6:#ef8181;
  --shadow-1:0 1px 2px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
  --shadow-2:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
  --shadow-3:0 22px 58px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);
  --shadow-dialog:0 36px 100px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.04);
  --focus-ring:0 0 0 3px rgba(140,140,242,.3);
  --inset-highlight:inset 0 1px 0 rgba(255,255,255,.035);
  --bg:var(--color-canvas);--surface:var(--color-surface-1);--surface2:var(--color-surface-2);--line:var(--color-border);--line2:var(--color-border-subtle);--text:var(--color-text);--muted:var(--color-text-secondary);--accent:var(--color-accent);--accent2:var(--color-accent-soft);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--ok:var(--color-success);--shadow:var(--shadow-2)
}

@media(prefers-color-scheme:dark){
  :root[data-theme="system"]{
    color-scheme:dark;
    --color-canvas:#0d0f12;--color-canvas-subtle:#101318;--color-surface-1:#14171c;--color-surface-2:#191d23;--color-surface-3:#20252d;--color-surface-raised:#1b1f26;--color-nav:#101216;--color-overlay:rgba(0,0,0,.68);--color-text:#f2f4f7;--color-text-secondary:#a8b0bc;--color-text-tertiary:#858e9b;--color-text-disabled:#5f6874;--color-border:rgba(232,237,244,.13);--color-border-subtle:rgba(232,237,244,.075);--color-border-strong:rgba(232,237,244,.21);--color-accent:#8c8cf2;--color-accent-hover:#9c9cf7;--color-accent-pressed:#7777dc;--color-accent-soft:#282846;--color-accent-subtle:rgba(140,140,242,.12);--color-on-accent:#101116;--color-success:#4bc88a;--color-success-soft:#152b22;--color-warning:#e2a653;--color-warning-soft:#322516;--color-danger:#ef7772;--color-danger-soft:#351d1f;--color-info:#75a7ef;--color-info-soft:#182942;--chart-1:#9696f3;--chart-2:#65b4ed;--chart-3:#55c995;--chart-4:#edb45f;--chart-5:#bd8be6;--chart-6:#ef8181;--shadow-1:0 1px 2px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);--shadow-2:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);--shadow-3:0 22px 58px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);--shadow-dialog:0 36px 100px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.04);--focus-ring:0 0 0 3px rgba(140,140,242,.3);--inset-highlight:inset 0 1px 0 rgba(255,255,255,.035)
  }
}

:root[data-accent="blue"]{--color-accent:#256fd1;--color-accent-hover:#1e61ba;--color-accent-pressed:#18539f;--color-accent-soft:#eaf3ff;--color-accent-subtle:rgba(37,111,209,.09);--focus-ring:0 0 0 3px rgba(37,111,209,.22);--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-theme="dark"][data-accent="blue"]{--color-accent:#70a8ef;--color-accent-hover:#86b7f3;--color-accent-pressed:#5d94d9;--color-accent-soft:#1b2b41;--color-on-accent:#101419;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-accent="violet"]{--color-accent:#7b54c5;--color-accent-hover:#6d48b5;--color-accent-pressed:#5f3da0;--color-accent-soft:#f3edff;--color-accent-subtle:rgba(123,84,197,.09);--focus-ring:0 0 0 3px rgba(123,84,197,.22);--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-theme="dark"][data-accent="violet"]{--color-accent:#ae86e6;--color-accent-hover:#bd99eb;--color-accent-pressed:#9871cf;--color-accent-soft:#2c2340;--color-on-accent:#141018;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-accent="slate"]{--color-accent:#536273;--color-accent-hover:#445263;--color-accent-pressed:#354353;--color-accent-soft:#edf1f5;--color-accent-subtle:rgba(83,98,115,.09);--focus-ring:0 0 0 3px rgba(83,98,115,.22);--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-theme="dark"][data-accent="slate"]{--color-accent:#aab5c3;--color-accent-hover:#bac3cf;--color-accent-pressed:#929ead;--color-accent-soft:#262c34;--color-on-accent:#111418;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
@media(prefers-color-scheme:dark){
  :root[data-theme="system"][data-accent="blue"]{--color-accent:#70a8ef;--color-accent-hover:#86b7f3;--color-accent-pressed:#5d94d9;--color-accent-soft:#1b2b41;--color-on-accent:#101419;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
  :root[data-theme="system"][data-accent="violet"]{--color-accent:#ae86e6;--color-accent-hover:#bd99eb;--color-accent-pressed:#9871cf;--color-accent-soft:#2c2340;--color-on-accent:#141018;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
  :root[data-theme="system"][data-accent="slate"]{--color-accent:#aab5c3;--color-accent-hover:#bac3cf;--color-accent-pressed:#929ead;--color-accent-soft:#262c34;--color-on-accent:#111418;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
}

*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;background:var(--color-canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,#app{min-height:100%;margin:0}
body{overflow-x:hidden;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-14);line-height:var(--line-height-ui)}
body.overlay-open{overflow:hidden}
::selection{background:var(--color-accent-soft);color:var(--color-text)}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
a{color:inherit}
img{max-width:100%}
h1,h2,h3,p{overflow-wrap:anywhere}
svg.ui-icon{display:block;width:var(--icon-md);height:var(--icon-md);flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(button,a,input,select,textarea,[tabindex]):focus{outline:none}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent)!important}
*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid transparent;border-radius:var(--radius-round);background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}

/* Application shell and navigation */
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:var(--color-canvas)}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-sidebar);width:var(--sidebar);display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-nav);border-right:1px solid var(--color-border-subtle);box-shadow:none;overflow:hidden}
.brand{min-height:52px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}
.brand-logo{flex:0 0 auto}
.brand-logo img{display:block;max-width:34px;max-height:34px;object-fit:contain}
.brandmark{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-8);background:var(--color-text);color:var(--color-surface-1);font-size:var(--font-size-14);font-weight:var(--weight-bold);box-shadow:var(--shadow-1)}
.brand strong,.brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand strong{font-size:var(--font-size-13);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}
.brand small{margin-top:2px;color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}
.nav{min-height:0;display:flex;flex:1;flex-direction:column;gap:var(--space-4);padding:var(--space-3) 0;overflow-y:auto;overscroll-behavior:contain}
.nav-group{display:grid;gap:2px}
.nav-section-label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.nav button{position:relative;min-height:36px;width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:0;border-radius:var(--radius-6);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-13);font-weight:var(--weight-medium);text-align:left}
.nav button .icon{display:grid;place-items:center;color:var(--color-text-tertiary)}
.nav button .icon svg{width:var(--icon-sm);height:var(--icon-sm)}
.nav button:hover{background:var(--color-surface-3);color:var(--color-text)}
.nav button:hover .icon{color:var(--color-text)}
.nav button.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-semibold)}
.nav button.active::before{content:"";position:absolute;left:0;width:2px;height:18px;border-radius:var(--radius-round);background:var(--color-accent)}
.nav button.active .icon{color:var(--color-accent)}
.profile{width:100%;min-height:54px;margin-top:auto;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid transparent;border-top-color:var(--color-border-subtle);border-radius:var(--radius-8);background:transparent;color:var(--color-text);text-align:left}
.profile:hover{border-color:var(--color-border);background:var(--color-surface-2)}
.profile>div:not(.avatar){min-width:0}
.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile strong{font-size:var(--font-size-12);font-weight:var(--weight-semibold)}
.profile small{margin-top:2px;color:var(--color-text-tertiary);font-size:var(--font-size-10)}
.profile-chevron{color:var(--color-text-tertiary)}
.avatar,.avatar-mini,.avatar-large{display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-bold)}
.avatar{width:34px;height:34px;border-radius:var(--radius-round)}
.avatar img,.avatar-large img{width:100%;height:100%;object-fit:cover}
.main{grid-column:2;min-width:0;padding:0 clamp(var(--space-5),2.5vw,var(--space-10)) var(--space-12)}
.topbar{position:sticky;top:0;z-index:var(--z-sticky);height:var(--top);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-canvas) 88%,transparent);backdrop-filter:saturate(1.2) blur(var(--blur-header));-webkit-backdrop-filter:saturate(1.2) blur(var(--blur-header))}
.top-title{min-width:0;display:flex;align-items:center;gap:var(--space-3)}
.top-title-copy{min-width:0}
.top-title small,.top-title h1{display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title small{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.top-title h1{margin-top:1px;font-size:var(--font-size-16);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
.top-actions{display:flex;align-items:center;gap:var(--space-2)}
.mobile-only{display:none!important}
.nav-overlay{display:none}
.content{width:100%;max-width:1920px;margin:0 auto;padding-top:var(--space-8);opacity:1}
.content.content-ready{animation:content-enter var(--motion-normal) var(--ease-emphasized) both}

/* Page headers, toolbars and surfaces */
.page-head,.mcx-hero,.anx-hero,.lvx-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin:0 0 var(--space-6);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.page-head>div:first-child,.mcx-hero-copy{max-width:860px}
.page-head h2,.mcx-hero h2,.anx-hero h2,.lvx-hero h2{margin:var(--space-1) 0 var(--space-2);color:var(--color-text);font-size:clamp(var(--font-size-32),3vw,var(--font-size-40));font-weight:var(--weight-bold);line-height:var(--line-height-tight);letter-spacing:-.045em}
.page-head p,.mcx-hero p,.anx-hero p,.lvx-hero p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:var(--line-height-copy)}
.eyebrow,.lvx-kicker,.mcx-section-kicker{display:block;color:var(--color-accent);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.command,.toolbar,.command-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}
.surface,.anx-panel,.lvx-ledger,.lvx-rail-panel,.mcx-control-main,.mcx-export-panel,.mcx-ledger,.mcx-insight-card{margin:var(--space-4) 0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-12);background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.surface-head,.anx-panel-head,.lvx-section-head,.mcx-section-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1)}
.surface-head h3,.anx-panel-head h3,.lvx-section-head h3,.mcx-section-head h3{margin:0;color:var(--color-text);font-size:var(--font-size-14);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
.surface-body{padding:var(--space-5)}
.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:var(--space-4)}
.enterprise-grid,.profile-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 var(--space-5);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-12);background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.metric{min-width:0;padding:var(--space-5);border:0;border-right:1px solid var(--color-border-subtle);border-radius:0;background:transparent}
.metric:last-child{border-right:0}
.metric span,.metric strong,.metric em{display:block}
.metric span{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.metric strong{margin-top:var(--space-3);font-size:clamp(var(--font-size-24),2vw,var(--font-size-32));font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.metric em{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-11);font-style:normal}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-10);background:var(--color-border-subtle)}
.detail-grid>div{padding:var(--space-4);background:var(--color-surface-1);border:0}
.detail-grid span{display:block;margin-bottom:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}

/* Controls */
.btn,.icon-button,.icon-action,.compact-input,.compact-select,.mcx-icon-btn,.mcx-today,.lvx-secondary-action,.lvx-primary-action,.lvx-filter-reset{min-height:var(--control-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-1);color:var(--color-text);font-size:var(--font-size-12);font-weight:var(--weight-semibold);line-height:1;text-decoration:none;box-shadow:var(--shadow-1)}
.btn:hover,.icon-button:hover,.icon-action:hover,.compact-select:hover,.mcx-icon-btn:hover,.mcx-today:hover,.lvx-secondary-action:hover,.lvx-filter-reset:hover{border-color:var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text)}
.btn:active,.icon-button:active,.icon-action:active{transform:translateY(1px);box-shadow:none}
.btn.primary{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface-1)}
.btn.accent,.lvx-primary-action{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 1px 2px color-mix(in srgb,var(--color-accent) 22%,transparent)}
.btn.accent:hover,.lvx-primary-action:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-on-accent)}
.btn.danger{color:var(--color-danger)}
.btn.danger:hover{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border));background:var(--color-danger-soft)}
.btn:disabled,.btn.disabled,.icon-button:disabled,.icon-action:disabled{opacity:.46;box-shadow:none;pointer-events:none}
.icon-button,.icon-action,.mcx-icon-btn{width:var(--control-md);min-width:var(--control-md);padding:0}
.icon-action{height:var(--control-sm);min-height:var(--control-sm);width:var(--control-sm);min-width:var(--control-sm);border-radius:var(--radius-6);color:var(--color-text-secondary);box-shadow:none}
.icon-action svg{width:var(--icon-sm);height:var(--icon-sm)}
.command-trigger{min-width:210px;justify-content:flex-start;color:var(--color-text-secondary);font-weight:var(--weight-regular)}
.command-trigger .command-label{margin-right:auto}
kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;border:1px solid var(--color-border);border-bottom-color:var(--color-border-strong);border-radius:var(--radius-4);background:var(--color-surface-2);color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-10);font-weight:var(--weight-semibold);line-height:1;box-shadow:var(--inset-highlight)}
.field{display:grid;gap:var(--space-2);margin:var(--space-4) 0}
.field>span,.field>label{color:var(--color-text-secondary);font-size:var(--font-size-12);font-weight:var(--weight-semibold)}
input,select,textarea,.compact-input,.compact-select{width:100%;min-height:var(--control-lg);padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-1);color:var(--color-text);font-size:var(--font-size-13);outline:none;box-shadow:var(--inset-highlight)}
textarea{min-height:92px;resize:vertical;line-height:var(--line-height-copy)}
input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}
input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}
input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}
input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-2);color:var(--color-text-disabled);cursor:not-allowed}
input[type="checkbox"],input[type="radio"]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--color-accent);box-shadow:none}
input[type="file"]{padding:7px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--space-4)}
.form-grid .wide{grid-column:span 2}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}
.check{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-text);font-size:var(--font-size-13);font-weight:var(--weight-medium)}
.day-picks{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.day-picks label{margin:0}
.day-picks input{position:absolute;opacity:0;pointer-events:none}
.day-picks span{min-width:42px;height:var(--control-md);display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-12);font-weight:var(--weight-semibold);cursor:pointer}
.day-picks input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);box-shadow:var(--focus-ring)}

/* Data grid, statuses and structured content */
.table-wrap,.mcx-table-wrap,.lvx-table-wrap{position:relative;overflow:auto;overscroll-behavior:contain;border-radius:inherit}
.table-wrap:focus-visible,.mcx-table-wrap:focus-visible,.lvx-table-wrap:focus-visible{box-shadow:inset var(--focus-ring)}
.table,.mcx-table,.lvx-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:var(--color-surface-1)}
.table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{height:46px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);font-size:var(--font-size-12);line-height:var(--line-height-ui);text-align:left;vertical-align:middle}
.table th,.mcx-table th,.lvx-table th{position:sticky;top:0;z-index:2;height:38px;background:var(--color-surface-2);color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;box-shadow:inset 0 -1px var(--color-border)}
.table tbody tr,.mcx-table tbody tr,.lvx-table tbody tr{transition:background-color var(--motion-fast) var(--ease-standard)}
.table tbody tr:hover,.mcx-table tbody tr:hover,.lvx-table tbody tr:hover{background:var(--color-accent-subtle)}
.table tbody tr[aria-selected="true"]{background:var(--color-accent-soft)}
.table tbody tr:last-child td,.mcx-table tbody tr:last-child td,.lvx-table tbody tr:last-child td{border-bottom:0}
.table code,.secret-once code{font-family:var(--font-mono);font-size:var(--font-size-11);word-break:break-all}
.secret-code,.recovery-codes{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-12);line-height:var(--line-height-copy);word-break:break-all}
.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.row-actions,.lvx-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);flex-wrap:nowrap;opacity:.55;transition:opacity var(--motion-fast) var(--ease-standard)}
tr:hover .row-actions,tr:focus-within .row-actions,tr:hover .lvx-row-actions,tr:focus-within .lvx-row-actions{opacity:1}
.pill,.status-badge{min-height:24px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-10);font-weight:var(--weight-semibold);line-height:1.2;white-space:nowrap}
.pill::before,.status-badge::before{content:"";width:6px;height:6px;border-radius:var(--radius-round);background:currentColor;opacity:.65}
.pill.ok,.pill.success,.status-badge.success{border-color:color-mix(in srgb,var(--color-success) 26%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}
.pill.wait,.pill.warning,.status-badge.warning{border-color:color-mix(in srgb,var(--color-warning) 28%,var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}
.pill.bad,.status-badge.danger{border-color:color-mix(in srgb,var(--color-danger) 27%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}
.pill.neutral{background:var(--color-surface-2);color:var(--color-text-tertiary)}
.positive{color:var(--color-success)!important}.negative{color:var(--color-danger)!important}
.cell-sub,.muted,.sub{display:block;color:var(--color-text-secondary);font-size:var(--font-size-12);line-height:var(--line-height-copy)}
.live-row,.warning-row,.session-row,.revision{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}
.live-row:last-child,.warning-row:last-child,.session-row:last-child,.revision:last-child{border-bottom:0}
.live-row b,.live-row small,.session-device b,.session-device small,.session-device span{display:block}
.live-row small,.session-device small,.session-device span{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-11)}
.warning-row{align-items:flex-start}.warning-row p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-12);line-height:var(--line-height-copy)}
.empty,.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-secondary);text-align:center}
td.empty{min-height:0;display:table-cell;padding:var(--space-10)}
.empty-state-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-10);background:var(--color-surface-2);color:var(--color-text-tertiary)}
.empty-state strong{color:var(--color-text);font-size:var(--font-size-14)}
.empty-state p{max-width:420px;margin:0;font-size:var(--font-size-12);line-height:var(--line-height-copy)}
.error,.success,.warning,.notice{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-8);font-size:var(--font-size-12);line-height:var(--line-height-copy)}
.error{border-color:color-mix(in srgb,var(--color-danger) 30%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}
.success{border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}
.warning{border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}
.notice{background:var(--color-surface-2);color:var(--color-text-secondary)}
.bar{height:7px;overflow:hidden;border-radius:var(--radius-round);background:var(--color-surface-3)}
.bar>i{display:block;height:100%;border-radius:inherit;background:var(--color-accent);transition:width var(--motion-slow) var(--ease-emphasized)}

/* Dialog, side sheet, menu, tooltip and toast */
.dialog-backdrop,.side-sheet-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;padding:var(--space-5);background:var(--color-overlay);backdrop-filter:blur(var(--blur-overlay));-webkit-backdrop-filter:blur(var(--blur-overlay));opacity:0;transition:opacity var(--motion-normal) var(--ease-standard)}
.dialog-backdrop{place-items:center}
.dialog-backdrop.is-open,.side-sheet-backdrop.is-open{opacity:1}
.dialog-backdrop.is-closing,.side-sheet-backdrop.is-closing{opacity:0}
.dialog{width:min(720px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-16);background:var(--color-surface-raised);box-shadow:var(--shadow-dialog);transform:translateY(10px) scale(.985);transition:transform var(--motion-normal) var(--ease-emphasized)}
.is-open>.dialog{transform:none}.is-closing>.dialog{transform:translateY(6px) scale(.99)}
.dialog-compact{width:min(520px,100%)}.dialog-wide{width:min(960px,100%)}
.dialog-head,.side-sheet-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-raised)}
.dialog-head h3,.side-sheet-head h3{margin:1px 0 0;font-size:var(--font-size-16);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
.dialog-kicker{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps)}
.dialog-body,.side-sheet-body{min-height:0;padding:var(--space-5);overflow:auto;overscroll-behavior:contain}
.dialog-message{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-surface-2)}
.dialog-message>span{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-warning-soft);color:var(--color-warning)}
.dialog-message p{margin:6px 0;color:var(--color-text);font-size:var(--font-size-13);line-height:var(--line-height-copy)}
.side-sheet-backdrop{place-items:stretch end;padding:0}
.side-sheet{width:min(460px,100%);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-dialog);transform:translateX(100%);transition:transform var(--motion-slow) var(--ease-emphasized)}
.side-sheet-wide{width:min(680px,100%)}
.is-open>.side-sheet{transform:none}.is-closing>.side-sheet{transform:translateX(100%)}
.context-menu{position:fixed;z-index:var(--z-dropdown);min-width:220px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-raised);box-shadow:var(--shadow-3);animation:menu-enter var(--motion-fast) var(--ease-emphasized) both}
.context-menu button{width:100%;min-height:34px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-text);font-size:var(--font-size-12);text-align:left}
.context-menu button:hover,.context-menu button:focus-visible{background:var(--color-surface-2);box-shadow:none}
.context-menu button.danger{color:var(--color-danger)}
.context-separator{height:1px;margin:var(--space-1);background:var(--color-border-subtle)}
.ui-tooltip{position:fixed;z-index:var(--z-tooltip);max-width:260px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-4);background:#25282e;color:#fff;font-size:var(--font-size-10);line-height:1.35;box-shadow:var(--shadow-2);pointer-events:none;animation:tooltip-enter var(--motion-fast) var(--ease-standard) both}
.toast-area{position:fixed;right:max(var(--space-5),env(safe-area-inset-right));bottom:max(var(--space-5),env(safe-area-inset-bottom));z-index:var(--z-toast);width:min(420px,calc(100vw - 32px));display:grid;gap:var(--space-2);pointer-events:none}
.toast{min-height:50px;display:grid;grid-template-columns:22px minmax(0,1fr) auto 28px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-10);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-12);box-shadow:var(--shadow-3);opacity:0;transform:translateY(8px);pointer-events:auto}
.toast.is-visible{opacity:1;transform:none}.toast.is-leaving{opacity:0;transform:translateY(4px)}
.toast-icon{color:var(--color-info)}.toast-success .toast-icon{color:var(--color-success)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-danger .toast-icon{color:var(--color-danger)}
.toast-action,.toast-close{border:0;background:transparent;color:var(--color-accent);font-size:var(--font-size-11);font-weight:var(--weight-semibold)}
.toast-close{width:28px;height:28px;display:grid;place-items:center;padding:0;color:var(--color-text-tertiary)}
.toast-close svg{width:var(--icon-xs);height:var(--icon-xs)}

/* Command palette, tabs, dropdowns and reusable advanced components */
.command-palette{display:grid;gap:var(--space-3)}
.command-palette-search{position:relative}.command-palette-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}
.command-palette input{height:48px;padding-left:42px;background:var(--color-surface-2);font-size:var(--font-size-14)}
.command-results{max-height:420px;display:grid;gap:2px;overflow:auto}
.command-palette .command-results button{width:100%;min-height:54px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:none;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-6);background:transparent;color:var(--color-text);text-align:left}
.command-results button:hover,.command-results button[aria-selected="true"],.command-results button:focus-visible{background:var(--color-accent-soft);box-shadow:none}
.command-palette .command-results button>span{grid-area:auto;color:var(--color-text)}.command-palette .command-results button>span:first-child{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-1);color:var(--color-text-secondary)}
.command-palette .command-results b,.command-palette .command-results small{grid-area:auto;display:block}.command-palette .command-results b{font-size:var(--font-size-13)}.command-palette .command-results small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-11)}
.tabs{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border)}
.tab{min-height:var(--control-md);padding:0 var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-12);font-weight:var(--weight-semibold)}
.tab:hover{color:var(--color-text)}.tab[aria-selected="true"],.tab.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}
.dropdown{min-width:220px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-raised);box-shadow:var(--shadow-3)}
.drawer,.inspector{border-left:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-3)}
.skeleton-page{display:grid;gap:var(--space-4);padding-top:var(--space-2)}
.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-6);background:var(--color-surface-3)}
.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface-1) 68%,transparent),transparent);animation:skeleton-shimmer 1.4s infinite}
.skeleton-title{width:min(420px,70%);height:42px}.skeleton-copy{width:min(620px,86%);height:18px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-12);background:var(--color-border-subtle)}.skeleton-metric{height:112px;border-radius:0}.skeleton-panel{height:360px;border:1px solid var(--color-border);border-radius:var(--radius-12)}
.chart,.anx-chart{--chart-grid:var(--color-border-subtle);--chart-primary:var(--chart-1);--chart-secondary:var(--chart-2);color:var(--color-text)}

/* Login */
.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:var(--color-surface-1)}
.login-visual{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(var(--space-10),5vw,var(--space-16));background:linear-gradient(145deg,#171821 0%,#20213a 55%,#2b2b55 100%);color:#fff}
.login-visual::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 22%,rgba(139,139,242,.28),transparent 42%),linear-gradient(120deg,transparent 0 68%,rgba(255,255,255,.025) 68% 69%,transparent 69%)}
.wordmark{font-size:var(--font-size-18);font-weight:var(--weight-bold);letter-spacing:-.03em}
.hero{max-width:720px}.hero h1{margin:var(--space-4) 0;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:var(--weight-bold);line-height:.98;letter-spacing:-.06em}.hero p{max-width:600px;color:#cbd0dd;font-size:var(--font-size-16);line-height:1.65}.hero p:first-child{color:#aaaaf8;font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps)}
.login-form-wrap{display:grid;place-items:center;padding:clamp(var(--space-6),6vw,var(--space-16))}
.login-card{width:min(430px,100%)}.login-card h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--font-size-32);font-weight:var(--weight-bold);letter-spacing:-.04em}.login-card .btn{width:100%;min-height:var(--control-lg);margin-top:var(--space-2)}
.terminal-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 50% 0,var(--color-accent-subtle),transparent 42%),var(--color-canvas)}
.terminal-panel{width:min(720px,100%);padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-16);background:var(--color-surface-1);box-shadow:var(--shadow-2)}.terminal-panel h1{margin:var(--space-2) 0;font-size:clamp(var(--font-size-32),5vw,var(--font-size-40));letter-spacing:-.045em}.terminal-panel>p:not(.eyebrow){color:var(--color-text-secondary);line-height:var(--line-height-copy)}.terminal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-5)}.terminal-actions button{min-height:64px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-14);font-weight:var(--weight-semibold)}.terminal-actions button:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-1)}

/* Existing operational components normalized to the system */
.clock{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:var(--space-4)}
.clock-panel{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-12);background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.clock-time{margin:var(--space-5) 0 var(--space-2);font-size:clamp(2.8rem,6vw,4.5rem);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.065em}
.clock-state{color:var(--color-text-secondary)}.clock-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}
.team-toolbar{align-items:center}.team-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.compact-input{min-width:230px}.compact-select{max-width:260px}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--color-surface-1)}
.team-person{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}
.team-person:nth-child(odd){border-right:1px solid var(--color-border-subtle)}
.team-person-main{min-width:0;display:flex;align-items:center;gap:var(--space-3)}
.avatar-mini{width:36px;height:36px;border-radius:var(--radius-8);font-size:var(--font-size-11)}
.team-person-main b,.team-person-main small{display:block}.team-person-main small{margin-top:2px;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-11);text-overflow:ellipsis;white-space:nowrap}
.live-state{display:flex;align-items:center;gap:var(--space-2);text-align:right}.live-state>span,.health-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--color-text-tertiary)}.live-state b,.live-state small{display:block}.live-state small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.live-state.working>span{background:var(--color-success)}.live-state.break>span{background:var(--color-warning)}.live-state.absent>span{background:var(--color-text-tertiary)}.live-state.finished>span{background:var(--color-info)}
.saved-views{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}
.saved-view{min-height:30px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-11);font-weight:var(--weight-semibold)}.saved-view:hover,.saved-view.favorite{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}
.calendar-legend{display:flex;gap:var(--space-5);flex-wrap:wrap;margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-11)}.calendar-legend span{display:flex;align-items:center;gap:var(--space-2)}.calendar-legend i{width:8px;height:8px;border-radius:var(--radius-round);background:var(--color-text-tertiary)}.calendar-legend i.holiday{background:var(--chart-5)}.calendar-legend i.absence{background:var(--chart-2)}.calendar-legend i.closure{background:var(--chart-4)}.calendar-legend i.free{background:var(--chart-3)}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.calendar-weekdays>div{padding:var(--space-2) var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:140px;padding:var(--space-3);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1)}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.muted{background:var(--color-surface-2);opacity:.55}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--color-accent)}.calendar-date{margin-bottom:var(--space-2);font-size:var(--font-size-12);font-weight:var(--weight-bold)}.calendar-events{display:grid;gap:var(--space-1)}.calendar-event{overflow:hidden;padding:6px 7px;border-left:3px solid var(--color-text-tertiary);border-radius:var(--radius-4);background:var(--color-surface-2)}.calendar-event b,.calendar-event span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event b{font-size:var(--font-size-11)}.calendar-event span{margin-top:1px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.calendar-event.holiday{border-color:var(--chart-5)}.calendar-event.absence{border-color:var(--chart-2)}.calendar-event.closure{border-color:var(--chart-4)}.calendar-event.free{border-color:var(--chart-3)}
.session-device{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.device-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text-secondary)}.device-icon svg{width:var(--icon-lg);height:var(--icon-lg)}
.notification-list{display:flex;flex-direction:column}.notification-item{width:100%;min-height:72px;display:grid;grid-template-columns:8px minmax(0,1fr) 20px;align-items:start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:0;border-bottom:1px solid var(--color-border-subtle);background:transparent;color:inherit;text-align:left}.notification-item:hover{background:var(--color-accent-subtle)}.notification-dot{width:7px;height:7px;margin-top:6px;border-radius:var(--radius-round);background:var(--color-accent)}.notification-item.read .notification-dot{background:var(--color-border-strong)}.notification-copy b,.notification-copy span,.notification-copy small{display:block}.notification-copy span{margin-top:3px;color:var(--color-text-secondary);line-height:var(--line-height-copy)}.notification-copy small{margin-top:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-10)}.notification-chevron{display:grid;place-items:center;color:var(--color-text-tertiary)}
.revision-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.revision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-border-subtle)}.revision-grid>div{padding:var(--space-3);background:var(--color-surface-2)}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;margin:var(--space-2) 0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-10)}.timeline>div{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-right:1px solid var(--color-border-subtle);background:var(--color-surface-2)}.timeline>div:last-child{border-right:0}.timeline b{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface-1);color:var(--color-text-tertiary)}.timeline .done b{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}
.profile-hero{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.avatar-large{width:64px;height:64px;border-radius:var(--radius-12);font-size:var(--font-size-20)}.profile-hero b,.profile-hero span,.profile-hero small{display:block}.profile-hero span,.profile-hero small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-12)}
.view-grid,.role-grid,.permission-groups,.ops-checks{display:grid;gap:var(--space-2);padding:var(--space-4)}.view-row,.role-row,.permission-line,.ops-check{display:grid;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-surface-1)}.view-row{grid-template-columns:36px minmax(0,1fr) auto}.view-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent)}.view-actions{display:flex;gap:var(--space-2)}

/* Month close, analytics and absence workspaces use the same tokens */
.mcx-page,.anx-page,.lvx-page{display:grid;gap:var(--space-4);min-width:0;padding-bottom:var(--space-8);animation:content-enter var(--motion-normal) var(--ease-emphasized) both}
.mcx-page{--mcx-panel:var(--color-surface-1);--mcx-panel-2:var(--color-surface-2);--mcx-edge:var(--color-border);--mcx-soft:var(--color-accent-soft);--mcx-glow:transparent}
.anx-page{--anx-border:var(--color-border)}.lvx-page{--lvx-edge:var(--color-border)}
.mcx-hero,.anx-hero,.lvx-hero{margin-bottom:0}
:root[data-theme="dark"] .mcx-hero,:root[data-theme="dark"] .anx-hero,:root[data-theme="dark"] .lvx-hero{background:transparent;box-shadow:none}
:root[data-theme="dark"] .mcx-kpi,:root[data-theme="dark"] .anx-kpi,:root[data-theme="dark"] .lvx-kpi,:root[data-theme="dark"] .mcx-control-main,:root[data-theme="dark"] .mcx-export-panel,:root[data-theme="dark"] .mcx-ledger,:root[data-theme="dark"] .mcx-insight-card,:root[data-theme="dark"] .lvx-commandbar,:root[data-theme="dark"] .lvx-ledger,:root[data-theme="dark"] .lvx-rail-panel{background:var(--color-surface-1);box-shadow:none}
:root[data-theme="dark"] .mcx-table th,:root[data-theme="dark"] .anx-table th,:root[data-theme="dark"] .lvx-table th{background:var(--color-surface-2)}
.mcx-hero::after,.anx-hero::after,.lvx-hero::after,.mcx-kpi::after,.anx-kpi::after{display:none}
.mcx-period-control{display:flex;align-items:stretch;gap:var(--space-2)}.mcx-period-control label{min-width:210px;display:grid;gap:2px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-1)}.mcx-period-control label>span{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.mcx-period-control input{min-height:20px;padding:0;border:0;background:transparent;box-shadow:none;font-weight:var(--weight-semibold)}.mcx-today{min-width:62px;padding:0 var(--space-3)}
.mcx-kpis,.anx-kpis,.lvx-kpis{display:grid;gap:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-12);background:var(--color-surface-1);box-shadow:var(--shadow-1)}.mcx-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.anx-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.lvx-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.mcx-kpi,.anx-kpi,.lvx-kpi{position:relative;min-height:112px;margin:0;padding:var(--space-4);border:0;border-right:1px solid var(--color-border-subtle);border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.mcx-kpi:last-child,.anx-kpi:last-child,.lvx-kpi:last-child{border-right:0}
.mcx-kpi{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-3)}.mcx-kpi-icon,.lvx-kpi>span{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent)}.mcx-kpi-icon svg,.lvx-kpi>span svg{width:var(--icon-md);height:var(--icon-md)}
.mcx-kpi>div>span,.anx-kpi>span,.lvx-kpi small{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.mcx-kpi strong,.anx-kpi>strong,.lvx-kpi strong{display:block;margin:var(--space-3) 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-24);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.mcx-kpi small,.anx-kpi>small,.lvx-kpi em{display:block;color:var(--color-text-secondary);font-size:var(--font-size-10);font-style:normal;line-height:1.4}
.mcx-kpi.green,.mcx-mini-icon.success{color:var(--chart-3)}.mcx-kpi.blue{color:var(--chart-2)}.mcx-kpi.orange,.mcx-mini-icon.warning{color:var(--chart-4)}.mcx-kpi.red{color:var(--chart-6)}.mcx-kpi.violet{color:var(--chart-5)}.mcx-kpi.slate{color:var(--color-text-tertiary)}.mcx-kpi.status.open{color:var(--chart-2)}.mcx-kpi.status.signed{color:var(--chart-4)}.mcx-kpi.status.locked{color:var(--chart-3)}.mcx-kpi.status.reopened{color:var(--chart-5)}.mcx-kpi .mcx-kpi-icon{background:color-mix(in srgb,currentColor 12%,var(--color-surface-2));color:currentColor}.mcx-kpi strong.positive,.mcx-kpi strong.negative{color:currentColor!important}
.mcx-control-deck{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:var(--space-4)}.mcx-control-main,.mcx-export-panel,.mcx-ledger,.mcx-insight-card{margin:0}.mcx-control-main,.mcx-export-panel,.mcx-insight-card{padding:var(--space-4)}.mcx-person-card{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.mcx-avatar{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:var(--radius-8);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-bold)}.mcx-person-copy{min-width:0;flex:1}.mcx-person-copy>span,.mcx-employee-select>span{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.mcx-person-copy strong,.mcx-person-copy small{display:block}.mcx-person-copy strong{margin-top:var(--space-1)}.mcx-person-copy small{margin-top:2px;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-11);text-overflow:ellipsis;white-space:nowrap}.mcx-employee-select{min-width:220px;display:grid;gap:var(--space-1)}
.mcx-flow-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-4)}.mcx-action{min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text);text-align:left}.mcx-action:hover:not(.static):not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-1)}.mcx-action.primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.mcx-action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:color-mix(in srgb,currentColor 10%,transparent)}.mcx-action b,.mcx-action small{display:block}.mcx-action b{font-size:var(--font-size-11)}.mcx-action small{margin-top:3px;color:var(--color-text-secondary);font-size:var(--font-size-10)}
.mcx-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,.62fr);gap:var(--space-4);align-items:start}.mcx-insights{display:grid;gap:var(--space-3)}.mcx-table-wrap,.lvx-table-wrap{max-height:640px}.mcx-table{min-width:900px}.mcx-table td,.lvx-table td{font-variant-numeric:tabular-nums}.mcx-ledger-footer{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);background:var(--color-surface-2)}.mcx-ledger-footer>div{padding:var(--space-3) var(--space-4);border-right:1px solid var(--color-border-subtle)}.mcx-ledger-footer>div:last-child{border-right:0}.mcx-ledger-footer span,.mcx-ledger-footer strong{display:block}.mcx-ledger-footer span{color:var(--color-text-tertiary);font-size:var(--font-size-10);text-transform:uppercase}.mcx-ledger-footer strong{margin-top:var(--space-1);font-size:var(--font-size-16)}
.mcx-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-4) 0}.mcx-export,.anx-export{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.mcx-export:hover,.anx-export:hover{border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px)}.mcx-export.pdf span,.anx-export.pdf span{color:var(--chart-6)}.mcx-export.xlsx span,.anx-export.xlsx span{color:var(--chart-3)}.mcx-export.csv span,.anx-export.csv span{color:var(--chart-2)}
.mcx-insight-title,.mcx-panel-title{display:flex;align-items:center;gap:var(--space-2)}.mcx-mini-icon,.mcx-panel-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent)}.mcx-insight-title b,.mcx-insight-title small,.mcx-panel-title b,.mcx-panel-title small{display:block}.mcx-insight-title small,.mcx-panel-title small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.mcx-timeline,.mcx-insight-list,.mcx-check-list{display:grid;margin-top:var(--space-3)}.mcx-insight-row,.mcx-check-list>div{padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle)}
.anx-toolbar,.lvx-commandbar{display:grid;align-items:end;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-10);background:var(--color-surface-1);box-shadow:var(--shadow-1)}.anx-toolbar{grid-template-columns:150px minmax(220px,1fr) minmax(220px,1fr) auto}.lvx-commandbar{grid-template-columns:110px minmax(190px,1fr) minmax(170px,.8fr) 150px 170px minmax(190px,1fr) auto}.anx-toolbar label,.lvx-commandbar label{display:grid;gap:var(--space-1)}.anx-toolbar label>span,.lvx-commandbar label>span{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.anx-toolbar select,.lvx-commandbar select,.lvx-commandbar input{height:var(--control-md);min-height:var(--control-md);background:var(--color-surface-2);font-size:var(--font-size-11)}
.anx-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:var(--space-4)}.anx-panel{margin:0}.anx-chart{height:290px;display:grid;grid-template-columns:repeat(12,minmax(34px,1fr));align-items:end;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-4)}.anx-month{min-width:0;display:grid;grid-template-rows:210px auto auto;gap:var(--space-1);align-items:end;text-align:center}.anx-bar-track{height:210px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-6);background:var(--color-surface-2)}.anx-bar-track i{display:block;width:100%;min-height:3px;border-radius:var(--radius-4) var(--radius-4) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--chart-1) 74%,white),var(--chart-1));box-shadow:none;transform-origin:bottom;animation:bar-grow var(--motion-slow) var(--ease-emphasized) both}.anx-month b{font-size:var(--font-size-10);font-variant-numeric:tabular-nums}.anx-month>span{color:var(--color-text-tertiary);font-size:var(--font-size-10);text-transform:uppercase}.anx-export-actions{display:grid;gap:var(--space-2);padding:var(--space-4)}.anx-quality{margin:auto var(--space-4) var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-surface-2)}
.anx-chart-panel,.lvx-request-form{min-width:0}.lvx-search{min-width:190px}.emphasis{background:var(--color-accent-subtle)!important}
.lvx-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,.55fr);gap:var(--space-4);align-items:start}.lvx-ledger,.lvx-rail-panel{margin:0}.lvx-rail{display:grid;gap:var(--space-3)}.lvx-table{min-width:1050px}.lvx-actionline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0}.lvx-actionline>div{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-10)}.lvx-live-dot{width:7px;height:7px;border-radius:var(--radius-round);background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent)}.lvx-rail-panel{padding:var(--space-4)}.lvx-rail-title{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:var(--space-2)}.lvx-rail-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent)}.lvx-rail-title b,.lvx-rail-title small{display:block}.lvx-rail-title small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.lvx-person{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:var(--space-2)}.lvx-person>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-10);font-weight:var(--weight-bold)}.lvx-person b,.lvx-person small,.lvx-kind b,.lvx-kind small{display:block}.lvx-person small,.lvx-kind small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.lvx-kind{display:grid;grid-template-columns:7px 1fr;align-items:center;gap:var(--space-2)}.lvx-kind i,.lvx-detail-head>i{width:7px;height:32px;border-radius:var(--radius-round);background:var(--leave-color,var(--color-text-tertiary))}.lvx-row-actions button{width:var(--control-sm);height:var(--control-sm);display:grid;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-6);background:var(--color-surface-2);color:var(--color-text-secondary)}.lvx-row-actions button:hover{border-color:var(--color-accent);color:var(--color-accent)}.lvx-row-actions button.approve{color:var(--color-success)}.lvx-row-actions button.reject{color:var(--color-danger)}.lvx-row-actions svg{width:var(--icon-xs);height:var(--icon-xs)}
.lvx-queue{display:grid;margin-top:var(--space-3)}.lvx-queue button{display:grid;grid-template-columns:7px minmax(0,1fr) 18px;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border:0;border-top:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text);text-align:left}.lvx-queue button>span{width:7px;height:28px;border-radius:var(--radius-round);background:var(--leave-color,var(--color-text-tertiary))}.lvx-queue b,.lvx-queue small{display:block}.lvx-queue small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}.lvx-queue em{display:grid;place-items:center;color:var(--color-text-tertiary);font-style:normal}.lvx-balance{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:var(--space-3);overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-border-subtle)}.lvx-balance>div{padding:var(--space-3);background:var(--color-surface-2)}.lvx-balance span,.lvx-balance b{display:block}.lvx-balance span{color:var(--color-text-tertiary);font-size:var(--font-size-10);text-transform:uppercase}.lvx-balance b{margin-top:var(--space-1);font-size:var(--font-size-14);font-variant-numeric:tabular-nums}.lvx-balance .accent b{color:var(--color-accent)}

/* Shared component contracts for current and upcoming modules */
.search-control,.combobox,.date-picker{position:relative;display:flex;align-items:center}.search-control>svg,.combobox>svg,.date-picker>svg{position:absolute;left:11px;z-index:1;color:var(--color-text-tertiary);pointer-events:none}.search-control input,.combobox input,.date-picker input{padding-left:38px}
.filter-bar,.selection-bar,.bulk-bar{min-height:52px;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-1)}
.selection-bar,.bulk-bar{position:sticky;bottom:var(--space-3);z-index:var(--z-sticky);width:max-content;max-width:100%;margin:0 auto;box-shadow:var(--shadow-2)}
.inline-edit{min-width:96px;margin:-5px -7px;padding:5px 7px;border-color:transparent;background:transparent;box-shadow:none}.inline-edit:hover{border-color:var(--color-border)}.inline-edit:focus{border-color:var(--color-accent);background:var(--color-surface-1)}
.data-grid [aria-sort]{cursor:pointer}.data-grid [aria-sort]::after{content:"";display:inline-block;width:var(--icon-xs);height:var(--icon-xs);margin-left:var(--space-1);vertical-align:-2px;opacity:.45}.data-grid [aria-sort="ascending"]::after{border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(225deg)}.data-grid [aria-sort="descending"]::after{border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.is-pending{position:relative;opacity:.66;pointer-events:none}.is-pending::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-accent-subtle),transparent);animation:skeleton-shimmer 1.2s infinite}
.is-dragging{z-index:var(--z-dropdown);opacity:.76;transform:scale(1.01);box-shadow:var(--shadow-3)}.drop-target{box-shadow:inset 0 0 0 2px var(--color-accent);background:var(--color-accent-subtle)}
.error-state{padding:var(--space-8);border:1px dashed color-mix(in srgb,var(--color-danger) 38%,var(--color-border));border-radius:var(--radius-10);background:var(--color-danger-soft);color:var(--color-danger);text-align:center}
.chart-legend{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;color:var(--color-text-secondary);font-size:var(--font-size-11)}.chart-legend i{width:8px;height:8px;border-radius:var(--radius-round);background:var(--chart-color,var(--chart-1))}

/* Brand, roles, operations and saved-view details */
.profile-button{border-color:transparent;background:transparent}
.brand-preview{min-height:130px;display:grid;place-items:center;margin-bottom:var(--space-4);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-10);background:var(--color-surface-2)}.brand-preview img{max-width:240px;max-height:92px;object-fit:contain}.empty-logo{color:var(--color-text-secondary)}
.branding-preview{height:260px;display:grid;grid-template-columns:150px minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-10);background:var(--color-canvas)}.preview-rail{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-right:1px solid var(--color-border);background:var(--color-surface-1)}.preview-rail>span,.preview-rail>img{width:36px;height:36px;object-fit:contain}.preview-rail i,.preview-lines i{display:block;height:7px;border-radius:var(--radius-round);background:var(--color-border-strong)}.preview-canvas{padding:var(--space-8)}.preview-canvas small,.preview-canvas strong{display:block}.preview-canvas small{color:var(--color-text-secondary)}.preview-canvas strong{margin-top:var(--space-1);font-size:var(--font-size-24)}.preview-lines{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.preview-lines i:nth-child(1){width:80%}.preview-lines i:nth-child(2){width:62%}.preview-lines i:nth-child(3){width:72%}
.search-results{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-8)}.search-person{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-border-subtle)}.search-person:first-child{border-top:0}.search-person small{display:block;margin-top:2px;color:var(--color-text-secondary)}
.role-row{display:flex;justify-content:space-between}.role-row small,.permission-line small{display:block;margin-top:2px;color:var(--color-text-secondary)}.permission-groups fieldset{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8)}.permission-groups legend{padding:0 var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.permission-line{grid-template-columns:20px minmax(0,1fr);align-items:start}.permission-line input{margin-top:3px}
.module-switches{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0}.command-strip{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-1);box-shadow:var(--shadow-1)}.command-strip span{color:var(--color-text-secondary);font-size:var(--font-size-12)}.inline-form{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:end;gap:var(--space-2)}
.ops-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;overflow:hidden;background:var(--color-border-subtle)}.ops-check{grid-template-columns:auto minmax(0,1fr) auto;border:0;border-radius:0}.ops-check b,.ops-check small{display:block}.ops-check small{margin-top:2px;color:var(--color-text-secondary)}.ops-check em{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-style:normal;font-weight:var(--weight-bold)}.health-dot.warning{background:var(--color-warning)}.health-dot.critical{background:var(--color-danger)}.ops-log{max-height:420px;overflow:auto;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-10);line-height:var(--line-height-copy);white-space:pre-wrap;word-break:break-word}
.security-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.correction-compare{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2)}

/* Specialized workspace detail states */
.mcx-ledger-summary{display:flex;align-items:flex-start;gap:var(--space-5)}.mcx-ledger-summary span{display:grid;gap:2px}.mcx-ledger-summary small{color:var(--color-text-tertiary);font-size:var(--font-size-10)}.mcx-ledger-summary b{font-size:var(--font-size-12)}.mcx-date{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-4);background:var(--color-surface-2);font-weight:var(--weight-bold)}.mcx-day.negative td:first-child{box-shadow:inset 2px 0 var(--color-danger)}.mcx-day.positive td:first-child{box-shadow:inset 2px 0 var(--color-success)}.mcx-day.credit td:first-child{box-shadow:inset 2px 0 var(--color-info)}.mcx-note{display:inline-flex;max-width:240px;overflow:hidden;padding:3px 6px;border-radius:var(--radius-4);background:var(--color-surface-2);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.mcx-note.credit{background:var(--color-info-soft);color:var(--color-info)}.mcx-muted{color:var(--color-text-tertiary)}
.mcx-reopen-banner,.mcx-zero-state{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--chart-5) 28%,var(--color-border));border-radius:var(--radius-8);background:color-mix(in srgb,var(--chart-5) 8%,var(--color-surface-2));color:var(--chart-5)}.mcx-reopen-banner b,.mcx-reopen-banner p{display:block}.mcx-reopen-banner p,.mcx-zero-state p{margin:2px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-10);line-height:var(--line-height-copy)}.mcx-zero-state{display:flex;border-color:color-mix(in srgb,var(--color-success) 28%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}
.mcx-export-meta{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:auto;color:var(--color-text-secondary);font-size:var(--font-size-10);line-height:var(--line-height-copy)}.mcx-dialog-copy,.lvx-dialog-intro{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2)}.mcx-dialog-icon,.lvx-dialog-intro>span{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-success-soft);color:var(--color-success)}.mcx-dialog-icon.warning{background:color-mix(in srgb,var(--chart-5) 12%,var(--color-surface-2));color:var(--chart-5)}.mcx-dialog-copy b,.mcx-dialog-copy p,.lvx-dialog-intro b,.lvx-dialog-intro p{display:block}.mcx-dialog-copy p,.lvx-dialog-intro p{margin:3px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-11);line-height:var(--line-height-copy)}
.anx-export-panel{display:flex;flex-direction:column}.anx-export-note{display:grid;gap:var(--space-2);padding:var(--space-5)}.anx-export-note span{color:var(--color-text-secondary);font-size:var(--font-size-11);line-height:var(--line-height-copy)}.anx-dot{width:8px;height:8px;display:inline-block;margin-right:var(--space-2);border-radius:var(--radius-round)}.anx-dot.ok{background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent)}.anx-dot.warn{background:var(--color-warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-warning) 12%,transparent)}.anx-person{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--space-2)}.anx-person>span{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-6);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-10);font-weight:var(--weight-bold)}.anx-person b,.anx-person small{display:block}.anx-person small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}
.lvx-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:var(--space-2);color:var(--color-text-secondary)}.lvx-empty b{color:var(--color-text)}.lvx-zero{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-8);background:var(--color-success-soft);color:var(--color-success)}.lvx-zero p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-10);line-height:var(--line-height-copy)}.lvx-capacity{display:block;margin-top:var(--space-1);color:var(--color-warning);font-size:var(--font-size-10);font-weight:var(--weight-semibold)}.lvx-capacity.blocked{color:var(--color-danger)}.lvx-cell-sub{display:block;margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-10)}
.lvx-preview{min-height:68px;margin-top:var(--space-3)}.lvx-preview-loading,.lvx-preview>div{min-height:58px;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-11)}.lvx-preview>div>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-6)}.lvx-preview .ready{border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:var(--color-success-soft)}.lvx-preview .ready>span{color:var(--color-success)}.lvx-preview .blocked{border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-border));background:var(--color-warning-soft)}.lvx-preview .blocked>span{color:var(--color-warning)}.lvx-preview b,.lvx-preview small{display:block}.lvx-preview small{margin-top:3px;color:var(--color-text-secondary)}.lvx-preview ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--color-warning)}
.lvx-dialog-intro.success>span{background:var(--color-success-soft);color:var(--color-success)}.lvx-dialog-intro.danger>span{background:var(--color-danger-soft);color:var(--color-danger)}.lvx-dialog-warning{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-8);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--font-size-11)}.lvx-detail{display:grid;gap:var(--space-3)}.lvx-detail-head{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.lvx-detail-head>i{height:42px}.lvx-detail-head b,.lvx-detail-head span{display:block}.lvx-detail-head>div>span{margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-11)}.lvx-detail dl{display:grid;grid-template-columns:1fr 1fr;margin:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-8)}.lvx-detail dl>div{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.lvx-detail dl>div:nth-child(odd){border-right:1px solid var(--color-border-subtle)}.lvx-detail dl>div:nth-last-child(-n+2){border-bottom:0}.lvx-detail dt{color:var(--color-text-tertiary);font-size:var(--font-size-10);text-transform:uppercase}.lvx-detail dd{margin:var(--space-1) 0 0;font-size:var(--font-size-12)}.lvx-detail-note{padding:var(--space-3);border-radius:var(--radius-8);background:var(--color-surface-2)}.lvx-detail-note span{color:var(--color-text-tertiary);font-size:var(--font-size-10);font-weight:var(--weight-bold);text-transform:uppercase}.lvx-detail-note p{margin:var(--space-2) 0 0;font-size:var(--font-size-11);line-height:var(--line-height-copy)}.lvx-alerts{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.lvx-alerts>div{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-warning);border-radius:var(--radius-6);background:var(--color-warning-soft)}.lvx-alerts>div.blocked{border-color:var(--color-danger);background:var(--color-danger-soft)}

/* Density */
:root[data-density="compact"]{--control-md:34px;--control-lg:38px;--top:58px}
:root[data-density="compact"] .table th,:root[data-density="compact"] .table td,:root[data-density="compact"] .mcx-table th,:root[data-density="compact"] .mcx-table td,:root[data-density="compact"] .lvx-table th,:root[data-density="compact"] .lvx-table td{height:38px;padding:8px 12px}
:root[data-density="compact"] .surface-head{min-height:46px}:root[data-density="compact"] .surface-body{padding:var(--space-4)}

@keyframes content-enter{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@keyframes tooltip-enter{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
@keyframes skeleton-shimmer{to{transform:translateX(100%)}}
@keyframes bar-grow{from{transform:scaleY(.04);opacity:.45}to{transform:scaleY(1);opacity:1}}

@media(max-width:1280px){
  :root{--sidebar:82px}
  .brand{justify-content:center;padding-inline:0}.brand>div:last-child,.nav-section-label,.nav button span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:none}
  .nav{gap:var(--space-2)}.nav-group{gap:2px}.nav button{grid-template-columns:1fr;place-items:center;padding:0}.nav button .icon svg{width:var(--icon-md);height:var(--icon-md)}.nav button.active::before{left:2px}
  .profile{grid-template-columns:1fr;place-items:center;padding-inline:0}
  .mcx-kpis,.anx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mcx-kpi:nth-child(3),.anx-kpi:nth-child(3){border-right:0}.mcx-kpi:nth-child(-n+3),.anx-kpi:nth-child(-n+3){border-bottom:1px solid var(--color-border-subtle)}
  .lvx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.lvx-kpi:nth-child(3){border-right:0}.lvx-kpi:nth-child(-n+3){border-bottom:1px solid var(--color-border-subtle)}
  .lvx-commandbar{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1020px){
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--color-border-subtle)}
  .split,.clock,.enterprise-grid,.profile-workspace,.mcx-control-deck,.mcx-workspace,.anx-grid,.lvx-workspace{grid-template-columns:1fr}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mcx-insights,.lvx-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .anx-toolbar{grid-template-columns:1fr 1fr}
  .inline-form{grid-template-columns:1fr}.ops-checks{grid-template-columns:1fr}
}

@media(max-width:860px){
  :root{--sidebar:288px;--top:60px;--control-sm:40px;--control-md:44px;--control-lg:48px}
  .shell{display:block}.main{padding:0 var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom))}
  .sidebar{width:min(288px,calc(100vw - 48px));padding:var(--space-3);transform:translateX(-102%);transition:transform var(--motion-slow) var(--ease-emphasized);box-shadow:var(--shadow-3)}
  .nav-open .sidebar{transform:none}.nav-open .nav-overlay{position:fixed;inset:0;z-index:calc(var(--z-sidebar) - 1);display:block;border:0;background:var(--color-overlay);backdrop-filter:blur(4px)}
  .brand{justify-content:flex-start;padding-inline:var(--space-2)}.brand>div:last-child,.nav-section-label,.nav button span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:block}.nav{gap:var(--space-4)}.nav button{min-height:var(--touch-target);grid-template-columns:24px minmax(0,1fr);place-items:center start;padding:0 var(--space-3)}.profile{min-height:var(--touch-target);grid-template-columns:34px minmax(0,1fr) 18px;padding-inline:var(--space-2)}
  .icon-action,.lvx-row-actions button{width:var(--touch-target);min-width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target)}
  .mobile-only{display:inline-flex!important}.top-title{flex:1}.top-actions .button-label,.top-actions .command-label{display:none}.command-trigger{min-width:var(--control-md);width:var(--control-md);padding:0}.command-trigger kbd{display:none}
  .content{padding-top:var(--space-6)}
  .page-head,.mcx-hero,.anx-hero,.lvx-hero{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.page-head .command{width:100%;justify-content:flex-start}
  .mcx-period-control{width:100%}.mcx-period-control label{flex:1}.anx-scope,.lvx-hero-side{width:100%;min-width:0}
  .team-grid{grid-template-columns:1fr}.team-person:nth-child(odd){border-right:0}
  .calendar-weekdays{display:none}.calendar-grid{grid-template-columns:1fr}.calendar-cell{min-height:auto;border-right:0}.calendar-cell.muted{display:none}
  .mcx-insights,.lvx-rail{grid-template-columns:1fr}.lvx-actionline{align-items:flex-start;flex-direction:column}.lvx-actionline>div:last-child{width:100%;justify-content:flex-start;flex-wrap:wrap}
}

@media(max-width:640px){
  body{font-size:var(--font-size-13)}
  .main{padding-inline:var(--space-3)}.topbar{gap:var(--space-2)}.top-actions{gap:var(--space-1)}
  .top-title small{display:none}.top-title h1{font-size:var(--font-size-14)}
  .content{padding-top:var(--space-5)}
  .page-head h2,.mcx-hero h2,.anx-hero h2,.lvx-hero h2{font-size:var(--font-size-32)}
  .metrics,.mcx-kpis,.anx-kpis,.lvx-kpis{grid-template-columns:1fr}.metric,.mcx-kpi,.anx-kpi,.lvx-kpi{border-right:0;border-bottom:1px solid var(--color-border-subtle)!important}.metric:last-child,.mcx-kpi:last-child,.anx-kpi:last-child,.lvx-kpi:last-child{border-bottom:0!important}
  .form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .btn,.form-actions a{width:100%}
  .surface-head,.anx-panel-head,.lvx-section-head,.mcx-section-head{align-items:flex-start;flex-direction:column;padding:var(--space-3) var(--space-4)}.surface-body{padding:var(--space-4)}
  .team-filters,.compact-input,.compact-select{width:100%;max-width:none}.team-person{align-items:flex-start}.live-state{align-items:flex-start}
  .dialog-backdrop{padding:var(--space-2);place-items:end center}.dialog{width:100%;max-height:94vh;border-radius:var(--radius-16) var(--radius-16) var(--radius-4) var(--radius-4)}.dialog-head,.dialog-body,.side-sheet-head,.side-sheet-body{padding:var(--space-4)}
  .toast-area{right:var(--space-3);bottom:var(--space-3);width:calc(100vw - 24px)}
  .view-row{grid-template-columns:36px minmax(0,1fr)}.view-actions{grid-column:1/-1;flex-wrap:wrap}
  .timeline{grid-template-columns:1fr}.timeline>div{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.timeline>div:last-child{border-bottom:0}
  .revision-grid,.detail-grid{grid-template-columns:1fr}
  .security-actions,.recovery-codes,.lvx-detail dl{grid-template-columns:1fr}.lvx-detail dl>div,.lvx-detail dl>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--color-border-subtle)}.lvx-detail dl>div:last-child{border-bottom:0}
  .mcx-period-control{display:grid;grid-template-columns:var(--control-lg) minmax(0,1fr) var(--control-lg)}.mcx-period-control .mcx-today{grid-column:1/-1}.mcx-flow-actions,.mcx-export-grid,.mcx-ledger-footer,.anx-toolbar,.lvx-commandbar,.skeleton-grid{grid-template-columns:1fr}.mcx-ledger-footer>div{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.mcx-ledger-footer>div:last-child{border-bottom:0}
  .anx-chart{overflow-x:auto;grid-template-columns:repeat(12,54px)}
  .login{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{padding:var(--space-6) var(--space-5)}
  .terminal-shell{padding:var(--space-3)}.terminal-panel{padding:var(--space-5)}.terminal-actions{grid-template-columns:1fr}
}

@media(hover:none){.row-actions,.lvx-row-actions{opacity:1}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .content.content-ready{animation:none}.skeleton::after{animation:none;display:none}
}

@media(prefers-contrast:more){
  :root{--color-border:currentColor;--color-border-subtle:color-mix(in srgb,currentColor 38%,transparent);--focus-ring:0 0 0 3px var(--color-accent)}
}

@supports not (backdrop-filter:blur(1px)){
  .topbar{background:var(--color-canvas)}.dialog-backdrop,.side-sheet-backdrop{background:var(--color-overlay)}
}

/* Update 28 — Premium Enterprise Workspace
   One central refinement layer for shell, controls, data workspaces and access UI. */
:root,
:root[data-theme="light"]{
  --color-canvas:#f3f5f9;
  --color-canvas-subtle:#edf0f6;
  --color-surface-1:#ffffff;
  --color-surface-2:#f8f9fc;
  --color-surface-3:#eef1f7;
  --color-surface-raised:#ffffff;
  --color-nav:rgba(250,251,253,.94);
  --color-overlay:rgba(11,15,24,.48);
  --color-text:#141720;
  --color-text-secondary:#5d6472;
  --color-text-tertiary:#858d9c;
  --color-text-disabled:#a9b0bc;
  --color-border:rgba(20,23,32,.12);
  --color-border-subtle:rgba(20,23,32,.072);
  --color-border-strong:rgba(20,23,32,.2);
  --color-accent:#625bf6;
  --color-accent-hover:#554ee5;
  --color-accent-pressed:#4942cf;
  --color-accent-soft:#eeedff;
  --color-accent-subtle:rgba(98,91,246,.08);
  --color-on-accent:#ffffff;
  --chart-1:#625bf6;
  --chart-2:#3182e4;
  --chart-3:#15956f;
  --chart-4:#c77a17;
  --chart-5:#9959d6;
  --chart-6:#d95357;
  --shadow-1:0 1px 2px rgba(18,24,40,.045),0 2px 8px rgba(18,24,40,.035);
  --shadow-2:0 12px 36px rgba(18,24,40,.085),0 3px 10px rgba(18,24,40,.04);
  --shadow-3:0 24px 70px rgba(18,24,40,.16),0 8px 22px rgba(18,24,40,.08);
  --shadow-dialog:0 32px 100px rgba(14,18,30,.28),0 10px 30px rgba(14,18,30,.12);
  --shadow-workbench:0 18px 54px rgba(25,31,48,.07),0 2px 10px rgba(25,31,48,.035);
  --workspace-grid:rgba(77,86,110,.075);
  --workspace-glow:rgba(98,91,246,.11);
  --workspace-blue:rgba(49,130,228,.08);
  --sidebar:280px;
  --top:72px;
  --content-gutter:clamp(22px,3.15vw,54px);
}

:root[data-theme="dark"]{
  --color-canvas:#0b0e14;
  --color-canvas-subtle:#0f131b;
  --color-surface-1:#141922;
  --color-surface-2:#191f2a;
  --color-surface-3:#222a37;
  --color-surface-raised:#191f29;
  --color-nav:rgba(13,17,24,.95);
  --color-overlay:rgba(0,0,0,.72);
  --color-text:#f4f6fa;
  --color-text-secondary:#abb3c1;
  --color-text-tertiary:#7d8797;
  --color-text-disabled:#5e6877;
  --color-border:rgba(232,237,246,.14);
  --color-border-subtle:rgba(232,237,246,.078);
  --color-border-strong:rgba(232,237,246,.23);
  --color-accent:#9792ff;
  --color-accent-hover:#aaa6ff;
  --color-accent-pressed:#827cf1;
  --color-accent-soft:#292747;
  --color-accent-subtle:rgba(151,146,255,.105);
  --color-on-accent:#101118;
  --chart-1:#9792ff;
  --chart-2:#6ab5f4;
  --chart-3:#52cda0;
  --chart-4:#efb662;
  --chart-5:#c590ef;
  --chart-6:#f18386;
  --shadow-1:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025);
  --shadow-2:0 14px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.028);
  --shadow-3:0 28px 74px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035);
  --shadow-dialog:0 36px 110px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-workbench:0 20px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.022);
  --workspace-grid:rgba(198,207,224,.055);
  --workspace-glow:rgba(151,146,255,.12);
  --workspace-blue:rgba(106,181,244,.075);
}

@media(prefers-color-scheme:dark){
  :root[data-theme="system"]{
    --color-canvas:#0b0e14;--color-canvas-subtle:#0f131b;--color-surface-1:#141922;--color-surface-2:#191f2a;--color-surface-3:#222a37;--color-surface-raised:#191f29;--color-nav:rgba(13,17,24,.95);--color-overlay:rgba(0,0,0,.72);--color-text:#f4f6fa;--color-text-secondary:#abb3c1;--color-text-tertiary:#7d8797;--color-text-disabled:#5e6877;--color-border:rgba(232,237,246,.14);--color-border-subtle:rgba(232,237,246,.078);--color-border-strong:rgba(232,237,246,.23);--color-accent:#9792ff;--color-accent-hover:#aaa6ff;--color-accent-pressed:#827cf1;--color-accent-soft:#292747;--color-accent-subtle:rgba(151,146,255,.105);--color-on-accent:#101118;--chart-1:#9792ff;--chart-2:#6ab5f4;--chart-3:#52cda0;--chart-4:#efb662;--chart-5:#c590ef;--chart-6:#f18386;--shadow-1:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025);--shadow-2:0 14px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.028);--shadow-3:0 28px 74px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035);--shadow-dialog:0 36px 110px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);--shadow-workbench:0 20px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.022);--workspace-grid:rgba(198,207,224,.055);--workspace-glow:rgba(151,146,255,.12);--workspace-blue:rgba(106,181,244,.075)
  }
}

body{background:var(--color-canvas);letter-spacing:-.006em}
.skip-link{position:fixed;z-index:calc(var(--z-toast) + 20);left:16px;top:12px;padding:10px 13px;border:1px solid var(--color-accent);border-radius:8px;background:var(--color-surface-raised);color:var(--color-text);font-size:11px;font-weight:680;box-shadow:var(--shadow-2);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.shell{background:radial-gradient(circle at 94% 0,var(--workspace-glow),transparent 24rem),var(--color-canvas)}
.sidebar{padding:12px 11px 10px;background:var(--color-nav);border-right-color:var(--color-border);box-shadow:8px 0 32px rgba(26,32,48,.035);backdrop-filter:saturate(1.35) blur(20px);-webkit-backdrop-filter:saturate(1.35) blur(20px)}
.sidebar::after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(180deg,transparent 0,var(--color-accent) 18%,var(--color-border) 44%,transparent 100%);opacity:.38;pointer-events:none}
.brand{min-height:68px;gap:12px;padding:8px 9px 14px;border-bottom:0}
.brand-logo{width:40px;height:40px;display:grid;place-items:center}
.brand-logo img{max-width:38px;max-height:38px}
.brandmark{position:relative;width:38px;height:38px;isolation:isolate;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#171a22;color:#fff;box-shadow:0 7px 18px rgba(20,23,32,.16),inset 0 1px 0 rgba(255,255,255,.12)}
.brandmark::before{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid rgba(255,255,255,.11);border-radius:7px}
.brandmark span{font-size:13px;font-weight:780;letter-spacing:-.045em}
.brandmark i{position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#9d98ff;box-shadow:0 0 0 3px rgba(157,152,255,.18)}
.brand-copy{min-width:0}
.brand strong{font-size:13px;font-weight:720;letter-spacing:-.025em}
.brand small{margin-top:4px;font-size:9px;letter-spacing:.13em}
.nav{gap:17px;padding:5px 0 10px}
.nav-section-label{padding:5px 11px 6px;font-size:9px;letter-spacing:.15em}
.nav-group{gap:3px}
.nav button{min-height:39px;grid-template-columns:30px minmax(0,1fr);gap:7px;padding:0 10px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:570}
.nav button .icon{width:28px;height:28px;border-radius:7px;color:var(--color-text-tertiary);transition:inherit}
.nav button .icon svg{width:16px;height:16px}
.nav button:hover{border-color:var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-1) 68%,transparent);box-shadow:var(--shadow-1)}
.nav button.active{border-color:color-mix(in srgb,var(--color-accent) 16%,var(--color-border-subtle));background:var(--color-surface-1);color:var(--color-text);box-shadow:0 5px 16px rgba(22,28,44,.065),inset 0 1px 0 rgba(255,255,255,.55)}
.nav button.active::before{left:-1px;width:3px;height:22px;background:var(--color-accent);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 35%,transparent)}
.nav button.active .icon{background:var(--color-accent-soft);color:var(--color-accent)}
.sidebar-security{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin:3px 4px 5px;padding:9px 8px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary)}
.sidebar-security>svg{width:15px;height:15px;margin-left:6px;color:var(--color-success)}
.sidebar-security b,.sidebar-security small{display:block}
.sidebar-security b{color:var(--color-text-secondary);font-size:10px;font-weight:680}
.sidebar-security small{margin-top:2px;font-size:9px}
.profile{min-height:55px;margin:0;padding:7px 8px;border:1px solid transparent;border-radius:10px}
.profile:hover{border-color:var(--color-border);background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.avatar{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
.main{padding:0;min-height:100vh}
.topbar{height:var(--top);padding:0 var(--content-gutter);border-bottom-color:var(--color-border);background:color-mix(in srgb,var(--color-canvas) 82%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.32);backdrop-filter:saturate(1.4) blur(22px);-webkit-backdrop-filter:saturate(1.4) blur(22px)}
.top-title-copy>small{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.14em}
.top-title-copy>small span{color:var(--color-accent)}
.top-title-copy>small i{font-style:normal;color:var(--color-border-strong)}
.top-title-copy>div{display:flex;align-items:center;gap:9px;margin-top:2px}
.top-title h1{font-size:15px;font-weight:680}
.top-live{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-tertiary);font-size:8px;font-weight:760;letter-spacing:.12em}
.top-live i{width:5px;height:5px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 12%,transparent)}
.top-actions{gap:7px}
.command-trigger{min-width:238px;height:38px;justify-content:flex-start;border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 80%,transparent);color:var(--color-text-tertiary);font-size:11px;font-weight:520;box-shadow:0 1px 2px rgba(20,23,32,.03),inset 0 1px 0 rgba(255,255,255,.55)}
.command-trigger:hover{background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.utility-control{position:relative;width:38px;min-width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--color-surface-1) 72%,transparent);box-shadow:0 1px 2px rgba(20,23,32,.03)}
.utility-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--color-canvas);border-radius:999px;background:var(--color-accent);color:#fff;font-size:8px;font-weight:800;line-height:1}
.content{--content-gutter:clamp(22px,3.15vw,54px);width:100%;max-width:none;margin:0;padding:34px var(--content-gutter) 64px}
.content[data-page="dashboard"]{padding-top:0}

/* Enterprise page hierarchy */
.page-head.workspace-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--color-border);background:transparent}
.workspace-heading-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:12px;background:linear-gradient(145deg,var(--color-surface-1),var(--color-surface-2));color:var(--color-accent);box-shadow:var(--shadow-1),inset 0 1px 0 rgba(255,255,255,.55)}
.workspace-heading-symbol svg{width:20px;height:20px}
.page-head.workspace-heading>div:first-of-type{max-width:900px}
.page-head h2,.page-head.workspace-heading h2{margin:3px 0 4px;font-size:clamp(28px,2.6vw,36px);font-weight:720;letter-spacing:-.045em}
.page-head p{max-width:780px;font-size:13px}
.eyebrow,.lvx-kicker,.mcx-section-kicker{font-size:9px;letter-spacing:.15em}
.mcx-hero,.anx-hero,.lvx-hero{position:relative;padding:26px 0 28px;border-bottom:1px solid var(--color-border);overflow:hidden}
.mcx-hero::before,.anx-hero::before,.lvx-hero::before{content:"";position:absolute;right:-8%;bottom:-90%;width:420px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--workspace-glow),transparent 68%);pointer-events:none}
.surface,.anx-panel,.lvx-ledger,.lvx-rail-panel,.mcx-control-main,.mcx-export-panel,.mcx-ledger,.mcx-insight-card{border-color:var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench)}
.surface-head,.anx-panel-head,.lvx-section-head,.mcx-section-head{min-height:58px;padding:13px 18px;background:linear-gradient(180deg,var(--color-surface-1),color-mix(in srgb,var(--color-surface-2) 45%,var(--color-surface-1)))}
.surface-head h3,.anx-panel-head h3,.lvx-section-head h3,.mcx-section-head h3{font-size:13px;font-weight:680}
.surface-head::before,.anx-panel-head::before,.lvx-section-head::before,.mcx-section-head::before{content:"";width:3px;height:18px;border-radius:99px;background:var(--color-accent);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 24%,transparent)}
.surface-head>*:first-child:not(h3),.anx-panel-head>*:first-child:not(h3),.lvx-section-head>*:first-child:not(h3),.mcx-section-head>*:first-child:not(h3){margin-right:auto}
.surface-head h3:first-child,.anx-panel-head h3:first-child,.lvx-section-head h3:first-child,.mcx-section-head h3:first-child{margin-right:auto}
.metrics,.mcx-kpis,.anx-kpis,.lvx-kpis{border-radius:14px;border-color:var(--color-border);box-shadow:var(--shadow-workbench)}
.metric,.mcx-kpi,.anx-kpi,.lvx-kpi{background:linear-gradient(180deg,var(--color-surface-1),color-mix(in srgb,var(--color-surface-2) 42%,var(--color-surface-1)))}
.metric{position:relative;min-height:118px;padding:18px 20px}
.metric::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:.42}
.metric strong{font-size:clamp(25px,2vw,32px);font-weight:650}

/* Precision controls */
.btn,.icon-button,.icon-action,.compact-input,.compact-select,.mcx-icon-btn,.mcx-today,.lvx-secondary-action,.lvx-primary-action,.lvx-filter-reset{border-radius:8px;border-color:var(--color-border);background:linear-gradient(180deg,var(--color-surface-1),var(--color-surface-2));font-size:11px;font-weight:650;box-shadow:0 1px 2px rgba(17,24,39,.045),inset 0 1px 0 rgba(255,255,255,.55)}
.btn:hover,.icon-button:hover,.icon-action:hover,.compact-select:hover,.mcx-icon-btn:hover,.mcx-today:hover,.lvx-secondary-action:hover,.lvx-filter-reset:hover{border-color:var(--color-border-strong);background:var(--color-surface-1);box-shadow:0 5px 16px rgba(20,25,40,.07)}
.btn.primary{border-color:#181b23;background:linear-gradient(180deg,#242832,#151820);color:#fff;box-shadow:0 7px 18px rgba(13,17,25,.17),inset 0 1px 0 rgba(255,255,255,.12)}
.btn.accent,.lvx-primary-action{border-color:var(--color-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 86%,white),var(--color-accent));color:var(--color-on-accent);box-shadow:0 7px 18px color-mix(in srgb,var(--color-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.24)}
.btn .button-icon{display:grid;place-items:center}
.btn .button-icon svg{width:14px;height:14px}
input,select,textarea,.compact-input,.compact-select{border-radius:8px;border-color:var(--color-border);background:var(--color-surface-1);box-shadow:inset 0 1px 0 rgba(20,23,32,.018),0 1px 2px rgba(20,23,32,.025)}
input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong);box-shadow:0 4px 12px rgba(20,25,40,.045)}
input:focus,select:focus,textarea:focus{border-color:var(--color-accent);background:var(--color-surface-raised);box-shadow:var(--focus-ring),0 7px 20px rgba(25,30,48,.07)}
.filter-bar,.selection-bar,.bulk-bar,.lvx-commandbar,.anx-toolbar{border-color:var(--color-border);border-radius:12px;background:color-mix(in srgb,var(--color-surface-1) 91%,transparent);box-shadow:var(--shadow-1)}

/* High-density enterprise data grid */
.table-wrap,.mcx-table-wrap,.lvx-table-wrap{background:var(--color-surface-1)}
.data-grid{font-variant-numeric:tabular-nums}
.table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{height:48px;padding:11px 15px;border-bottom-color:var(--color-border-subtle);font-size:11px}
.table th,.mcx-table th,.lvx-table th{height:40px;background:color-mix(in srgb,var(--color-surface-2) 88%,var(--color-surface-1));font-size:9px;letter-spacing:.13em;box-shadow:inset 0 -1px var(--color-border),0 4px 10px rgba(18,24,40,.025)}
.table th+th,.table td+td,.mcx-table th+th,.mcx-table td+td,.lvx-table th+th,.lvx-table td+td{border-left:1px solid color-mix(in srgb,var(--color-border-subtle) 62%,transparent)}
.table tbody tr:hover,.mcx-table tbody tr:hover,.lvx-table tbody tr:hover{background:linear-gradient(90deg,var(--color-accent-subtle),color-mix(in srgb,var(--color-accent-subtle) 36%,transparent))}
.row-actions,.lvx-row-actions{opacity:.3}
.pill,.status-badge{min-height:23px;padding:3px 8px;border-radius:6px;font-size:9px;letter-spacing:.025em}
.pill::before,.status-badge::before{width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 9%,transparent)}
.dialog{border-color:var(--color-border-strong);border-radius:18px;box-shadow:var(--shadow-dialog)}
.dialog-head,.side-sheet-head{min-height:70px;background:linear-gradient(180deg,var(--color-surface-raised),var(--color-surface-2))}
.side-sheet{border-left-color:var(--color-border-strong);box-shadow:var(--shadow-dialog)}
.context-menu,.dropdown{border-color:var(--color-border-strong);border-radius:11px;box-shadow:var(--shadow-3)}
.toast{border-radius:12px;box-shadow:var(--shadow-3)}

/* Dashboard — connected operational workspace, no generic card grid */
.workspace-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:54px;margin:0 calc(var(--content-gutter) * -1);padding:44px var(--content-gutter) 38px;border-bottom:1px solid var(--color-border);overflow:hidden;background:linear-gradient(118deg,color-mix(in srgb,var(--color-surface-1) 72%,transparent),transparent 68%)}
.workspace-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px),radial-gradient(circle at 86% 22%,var(--workspace-glow),transparent 22rem),radial-gradient(circle at 68% 100%,var(--workspace-blue),transparent 26rem);background-size:32px 32px,32px 32px,auto,auto;mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 100%)}
.workspace-hero::after{content:"";position:absolute;z-index:-1;right:var(--content-gutter);top:0;width:180px;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--chart-2));opacity:.72}
.workspace-hero-copy h2{margin:8px 0 8px;font-size:clamp(36px,4.2vw,58px);font-weight:720;line-height:1.02;letter-spacing:-.06em}
.workspace-hero-copy>p:not(.eyebrow){max-width:720px;margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.65}
.workspace-hero-actions{display:flex;align-items:center;gap:2px;margin-top:24px}
.quick-command{min-height:42px;display:grid;grid-template-columns:28px auto 18px;align-items:center;gap:8px;padding:0 13px;border:0;border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:11px;text-align:left}
.quick-command:first-child{padding-left:0}
.quick-command:last-child{border-right:0}
.quick-command>span:first-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-1);color:var(--color-text-tertiary);box-shadow:var(--shadow-1)}
.quick-command>svg{width:13px;height:13px;color:var(--color-text-tertiary);transition:transform var(--motion-fast) var(--ease-standard)}
.quick-command:hover{color:var(--color-text)}
.quick-command:hover>span:first-child,.quick-command.accent>span:first-child{border-color:color-mix(in srgb,var(--color-accent) 26%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}
.quick-command:hover>svg{transform:translateX(3px)}
.workspace-scope{min-width:310px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;padding:18px 0 18px 24px;border-left:1px solid var(--color-border)}
.scope-orbit{--scope-value:0%;position:relative;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--color-accent) var(--scope-value),var(--color-surface-3) 0);box-shadow:0 12px 28px rgba(25,30,48,.07)}
.scope-orbit::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--color-surface-1);box-shadow:inset 0 0 0 1px var(--color-border)}
.scope-orbit span{position:relative;z-index:1;text-align:center}
.scope-orbit b,.scope-orbit small{display:block}
.scope-orbit b{font-size:22px;font-weight:680;letter-spacing:-.05em}
.scope-orbit small{color:var(--color-text-tertiary);font-size:9px;text-transform:uppercase}
.workspace-scope>div:last-child>span,.workspace-scope strong,.workspace-scope>div:last-child>small{display:block}
.workspace-scope>div:last-child>span{color:var(--color-accent);font-size:8px;font-weight:780;letter-spacing:.14em}
.workspace-scope strong{max-width:220px;margin:5px 0 3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.workspace-scope>div:last-child>small{color:var(--color-text-secondary);font-size:10px;line-height:1.45}
.signal-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 calc(var(--content-gutter) * -1) 30px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 88%,transparent);box-shadow:0 12px 32px rgba(22,28,43,.035)}
.signal-cell{position:relative;min-width:0;padding:21px var(--content-gutter);border-right:1px solid var(--color-border-subtle);overflow:hidden}
.signal-cell:last-child{border-right:0}
.signal-top{display:flex;align-items:center;gap:8px;color:var(--color-text-tertiary);font-size:9px;font-weight:740;letter-spacing:.1em;text-transform:uppercase}
.signal-index{color:var(--color-accent)}
.signal-state{width:17px;height:17px;display:grid;place-items:center;margin-left:auto;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:10px;opacity:.72}
.signal-cell>strong{display:block;margin:15px 0 8px;font-size:clamp(24px,2.25vw,34px);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.055em}
.signal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-tertiary);font-size:9px}
.signal-meta b{font-weight:680}
.signal-track{height:2px;margin-top:15px;overflow:hidden;background:var(--color-surface-3)}
.signal-track i{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--chart-2));transform-origin:left;animation:signal-enter var(--motion-slow) var(--ease-emphasized) both}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.55fr);gap:18px}
.workbench,.focus-rail{overflow:hidden;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench)}
.workbench-head{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface-1),color-mix(in srgb,var(--color-surface-2) 50%,var(--color-surface-1)))}
.section-code{display:block;color:var(--color-accent);font-size:8px;font-weight:800;letter-spacing:.15em}
.workbench-head h3,.focus-rail h3{margin:5px 0 2px;font-size:15px;font-weight:690;letter-spacing:-.025em}
.workbench-head p,.focus-rail header p{margin:0;color:var(--color-text-secondary);font-size:10px}
.text-command{display:inline-flex;align-items:center;gap:8px;padding:7px 0;border:0;border-bottom:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-secondary);font-size:10px;font-weight:650}
.text-command svg{width:13px;height:13px}
.text-command:hover{border-color:var(--color-accent);color:var(--color-accent)}
.workbench-ledger{min-height:320px}
.pulse-row{min-height:62px;display:grid;grid-template-columns:32px 36px minmax(140px,1fr) 110px minmax(145px,auto);align-items:center;gap:11px;padding:8px 20px;border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--motion-fast) var(--ease-standard)}
.pulse-row:last-child{border-bottom:0}
.pulse-row:hover{background:linear-gradient(90deg,var(--color-accent-subtle),transparent)}
.pulse-index{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:9px}
.pulse-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:9px;background:var(--color-accent-soft);color:var(--color-accent);font-size:9px;font-weight:780}
.pulse-person b,.pulse-person small{display:block}
.pulse-person b{font-size:11px;font-weight:680}
.pulse-person small{margin-top:3px;color:var(--color-text-secondary);font-size:9px}
.pulse-live{display:inline-flex;align-items:center;gap:7px;color:var(--color-success);font-size:8px;font-weight:780;letter-spacing:.09em}
.pulse-live i{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 10%,transparent)}
.pulse-row time{color:var(--color-text-secondary);font-size:9px;text-align:right}
.workbench-empty{min-height:320px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--color-text-secondary);text-align:center}
.workbench-empty>svg{width:26px;height:26px;color:var(--color-accent)}
.workbench-empty b{color:var(--color-text);font-size:12px}
.workbench-empty span{font-size:10px}
.focus-rail{display:flex;flex-direction:column}
.focus-rail>header{padding:21px 20px 18px;border-bottom:1px solid var(--color-border)}
.focus-list{display:flex;flex:1;flex-direction:column}
.focus-row{min-height:91px;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:13px 17px;border:0;border-bottom:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text);text-align:left}
.focus-row:hover{background:linear-gradient(90deg,var(--color-accent-subtle),transparent)}
.focus-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-2);color:var(--color-accent)}
.focus-icon svg{width:16px;height:16px}
.focus-row>span:nth-child(2) small,.focus-row>span:nth-child(2) b,.focus-row>span:nth-child(2) em{display:block}
.focus-row small{color:var(--color-text-tertiary);font-size:8px;font-weight:730;letter-spacing:.08em;text-transform:uppercase}
.focus-row b{margin:3px 0 2px;font-size:18px;font-weight:650;letter-spacing:-.04em}
.focus-row em{color:var(--color-text-secondary);font-size:9px;font-style:normal}
.focus-row>svg{width:13px;height:13px;color:var(--color-text-tertiary);transition:transform var(--motion-fast) var(--ease-standard)}
.focus-row:hover>svg{color:var(--color-accent);transform:translateX(3px)}
.focus-rail>footer{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:13px 18px;border-top:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-success)}
.focus-rail>footer svg{width:15px;height:15px}
.focus-rail>footer b,.focus-rail>footer small{display:block}
.focus-rail>footer b{font-size:9px}
.focus-rail>footer small{margin-top:2px;color:var(--color-text-tertiary);font-size:8px}

/* Always-light premium access workspace */
.login{--color-canvas:#f4f6fa;--color-surface-1:#ffffff;--color-surface-2:#f7f8fb;--color-surface-3:#e9edf4;--color-text:#151821;--color-text-secondary:#616979;--color-text-tertiary:#8a93a2;--color-border:rgba(21,24,33,.13);--color-border-subtle:rgba(21,24,33,.075);--color-border-strong:rgba(21,24,33,.22);--color-accent:#625bf6;--color-accent-hover:#554ee5;--color-accent-soft:#eeedff;--color-on-accent:#fff;min-height:100vh;grid-template-columns:minmax(0,1.22fr) minmax(430px,.78fr);background:#fff;color:#151821;color-scheme:light}
.login-visual{position:relative;isolation:isolate;padding:clamp(38px,5vw,76px);border-right:1px solid rgba(21,24,33,.1);background:#f4f6fa;color:#151821}
.login-visual::before{inset:0;z-index:-2;width:auto;height:auto;border-radius:0;background:radial-gradient(circle at 76% 30%,rgba(98,91,246,.115),transparent 26rem),radial-gradient(circle at 18% 78%,rgba(49,130,228,.08),transparent 25rem)}
.login-visual::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(67,75,96,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(67,75,96,.065) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(105deg,transparent 4%,#000 42%,#000 100%);opacity:.68}
.login-brand{display:flex;align-items:center;gap:13px}
.login-brandmark{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#171a22;color:#fff;box-shadow:0 10px 26px rgba(16,20,30,.17),inset 0 1px 0 rgba(255,255,255,.12)}
.login-brandmark::after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.12);border-radius:7px}
.login-brandmark i{font-size:14px;font-style:normal;font-weight:780}
.login-brand strong,.login-brand small{display:block}
.login-brand strong{font-size:13px;letter-spacing:.04em}
.login-brand small{margin-top:3px;color:#838b9b;font-size:8px;font-weight:720;letter-spacing:.14em}
.login .hero{max-width:820px;padding:80px 0 42px}
.login .hero>p:first-child{color:#625bf6;font-size:9px;letter-spacing:.16em}
.login .hero h1{margin:14px 0 20px;color:#151821;font-size:clamp(48px,6vw,84px);font-weight:720;line-height:.94;letter-spacing:-.07em}
.login .hero h1 span{color:#625bf6}
.login .hero>p:not(:first-child){max-width:630px;color:#5e6675;font-size:15px;line-height:1.7}
.login-capabilities{display:flex;align-items:center;gap:0;margin-top:34px;border-top:1px solid rgba(21,24,33,.12);border-bottom:1px solid rgba(21,24,33,.12)}
.login-capabilities>span{min-height:54px;display:flex;align-items:center;gap:9px;padding:0 24px;border-right:1px solid rgba(21,24,33,.1);color:#666e7d}
.login-capabilities>span:first-child{padding-left:0}
.login-capabilities>span:last-child{border-right:0}
.login-capabilities svg{width:15px;height:15px;color:#625bf6}
.login-capabilities b{font-size:10px;font-weight:680}
.login-systemline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(21,24,33,.1);color:#777f8e;font-size:9px;font-weight:620;letter-spacing:.04em}
.login-systemline>span{display:flex;align-items:center;gap:8px}
.login-systemline i{width:6px;height:6px;border-radius:50%;background:#15956f;box-shadow:0 0 0 4px rgba(21,149,111,.1)}
.login-systemline small{font-size:8px;letter-spacing:.14em}
.login-visual-grid{position:absolute;right:7%;bottom:13%;z-index:-1;width:280px;height:180px;display:flex;align-items:flex-end;gap:11px;opacity:.14;pointer-events:none}
.login-visual-grid i{width:30px;border:1px solid #625bf6;border-bottom-width:3px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(98,91,246,.25),transparent)}
.login-visual-grid i:nth-child(1){height:28%}.login-visual-grid i:nth-child(2){height:44%}.login-visual-grid i:nth-child(3){height:38%}.login-visual-grid i:nth-child(4){height:68%}.login-visual-grid i:nth-child(5){height:58%}.login-visual-grid i:nth-child(6){height:88%}
.login-form-wrap{position:relative;padding:clamp(34px,5vw,76px);background:#fff}
.login-form-wrap::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#625bf6,#3182e4)}
.login-stage{width:min(430px,100%)}
.login-access-state{display:inline-flex;align-items:center;gap:8px;margin-bottom:64px;padding:7px 10px;border:1px solid rgba(21,24,33,.11);border-radius:999px;background:#f8f9fc;color:#697181;font-size:9px;font-weight:680;letter-spacing:.06em;text-transform:uppercase}
.login-access-state svg{width:13px;height:13px;color:#15956f}
.login-card{width:100%}
.login-card h2{margin:6px 0 10px;color:#151821;font-size:37px;font-weight:720;letter-spacing:-.05em}
.login-card .sub{margin:0 0 28px;color:#697181;font-size:12px}
.login-card .sub b{color:#313642;font-weight:680}
.login-card .field{gap:8px;margin:16px 0}
.login-card .field>span{color:#616979;font-size:10px;letter-spacing:.025em}
.login-card input{height:48px;border-radius:9px;background:#fff;color:#151821;font-size:13px}
.login-submit{width:100%;min-height:48px;justify-content:space-between;margin-top:22px;padding:0 16px!important;border-radius:9px!important}
.login-submit>svg{transition:transform var(--motion-fast) var(--ease-standard)}
.login-submit:hover>svg{transform:translateX(4px)}
.login-security{display:flex;align-items:flex-start;gap:9px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(21,24,33,.09);color:#8a93a2;font-size:9px;line-height:1.5}
.login-security svg{width:14px;height:14px;flex:0 0 auto;color:#15956f}

/* Authorized time terminal */
.terminal-shell{position:relative;isolation:isolate;padding:clamp(18px,4vw,54px);background:radial-gradient(circle at 82% 12%,var(--workspace-glow),transparent 26rem),linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px),var(--color-canvas);background-size:auto,36px 36px,36px 36px,auto}
.terminal-panel{width:min(860px,100%);padding:0;border-color:var(--color-border-strong);border-radius:18px;background:var(--color-surface-1);box-shadow:var(--shadow-dialog);overflow:hidden}
.terminal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 22px;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface-1),var(--color-surface-2))}
.terminal-panel h1{margin:6px 0 0;font-size:clamp(30px,5vw,46px);font-weight:710;letter-spacing:-.055em}
.terminal-online{display:inline-flex;align-items:center;gap:7px;margin-top:4px;color:var(--color-success);font-size:8px;font-weight:780;letter-spacing:.12em}
.terminal-online i{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 11%,transparent)}
.terminal-copy{max-width:650px;margin:0;padding:20px 28px 2px;color:var(--color-text-secondary);font-size:11px;line-height:1.65}
.terminal-panel #terminalMessage{padding:0 28px}
.terminal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:4px 28px 21px}
.terminal-fields .field{margin:13px 0 0}
.terminal-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.terminal-actions button{min-height:78px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border:0;border-right:1px solid var(--color-border);border-radius:0;background:var(--color-surface-2);font-size:11px;font-weight:670;box-shadow:none}
.terminal-actions button:last-child{border-right:0}
.terminal-actions button svg{width:16px;height:16px;color:var(--color-accent)}
.terminal-actions button:hover{border-color:var(--color-border);background:var(--color-accent-soft);color:var(--color-accent);transform:none;box-shadow:inset 0 2px var(--color-accent)}
.terminal-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;color:var(--color-text-tertiary);font-size:8px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}

.skeleton-heading{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}
.skeleton-heading>div:last-child{display:grid;gap:9px}
.skeleton-symbol{width:48px;height:48px;border-radius:12px}
.skeleton-title{width:min(360px,68%);height:28px}
.skeleton-copy{width:min(560px,84%);height:12px}

@keyframes signal-enter{from{transform:scaleX(.04);opacity:.4}to{transform:scaleX(1);opacity:1}}

@media(max-width:1280px){
  :root{--sidebar:84px}
  .brand-copy,.sidebar-security,.nav-section-label,.nav button>span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:none}
  .brand{justify-content:center;padding-inline:0}.nav{gap:9px}.nav-group{gap:3px}.nav button{grid-template-columns:1fr;place-items:center;padding:0}.nav button .icon{width:30px;height:30px}.profile{grid-template-columns:1fr;place-items:center;padding-inline:0}
  .workspace-hero{gap:28px}.workspace-scope{min-width:270px}.signal-cell{padding-inline:26px}.pulse-row{grid-template-columns:26px 36px minmax(120px,1fr) 90px auto}
}

@media(max-width:1020px){
  .workspace-hero{grid-template-columns:1fr}.workspace-scope{min-width:0;padding:18px 0 0;border-top:1px solid var(--color-border);border-left:0}.signal-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-cell:nth-child(2){border-right:0}.signal-cell:nth-child(-n+2){border-bottom:1px solid var(--color-border-subtle)}
  .workspace-grid{grid-template-columns:1fr}.focus-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-row{border-right:1px solid var(--color-border-subtle);border-bottom:0}.focus-row:last-child{border-right:0}
}

@media(max-width:860px){
  :root{--sidebar:292px;--content-gutter:20px}
  .main{padding:0}.sidebar{width:min(292px,calc(100vw - 44px));padding:12px 11px 10px}.brand{justify-content:flex-start;padding-inline:9px}.brand-copy,.sidebar-security,.nav-section-label,.nav button>span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:block}.nav{gap:17px}.nav button{grid-template-columns:30px minmax(0,1fr);place-items:center start;padding:0 10px}.profile{grid-template-columns:36px minmax(0,1fr) 18px;place-items:center start;padding:7px 8px}
  .topbar{padding-inline:16px}.content{--content-gutter:20px;padding:28px var(--content-gutter) 54px}.content[data-page="dashboard"]{padding-top:0}
  .page-head.workspace-heading{grid-template-columns:42px minmax(0,1fr);align-items:start}.workspace-heading-symbol{width:42px;height:42px}.page-head.workspace-heading .command{grid-column:1/-1;width:100%;justify-content:flex-start;padding-top:4px}
  .workspace-hero{padding-top:34px;padding-bottom:30px}.workspace-hero-copy h2{font-size:clamp(34px,8vw,48px)}
  .pulse-row{grid-template-columns:28px 36px minmax(0,1fr) auto}.pulse-live{display:none}.pulse-row time{min-width:120px}
  .login{grid-template-columns:1fr}.login-visual{min-height:48vh;padding:34px 26px}.login .hero{padding:58px 0 38px}.login .hero h1{font-size:clamp(44px,10vw,68px)}.login-form-wrap{padding:48px 26px 60px}.login-access-state{margin-bottom:40px}.login-systemline{display:none}
}

@media(max-width:640px){
  .topbar{height:62px}.top-title-copy>small,.top-live{display:none}.top-title-copy>div{margin:0}.command-trigger{width:38px;min-width:38px;padding:0;justify-content:center}.command-trigger .command-label,.command-trigger kbd{display:none}.utility-control{width:38px;min-width:38px}
  .content{--content-gutter:15px;padding:23px var(--content-gutter) 48px}
  .page-head.workspace-heading{grid-template-columns:38px minmax(0,1fr);gap:12px;padding-bottom:19px}.workspace-heading-symbol{width:38px;height:38px;border-radius:10px}.workspace-heading-symbol svg{width:18px;height:18px}.page-head h2,.page-head.workspace-heading h2{font-size:27px}.page-head p{font-size:11px}
  .workspace-hero{gap:24px;padding-top:29px}.workspace-hero-copy h2{font-size:36px}.workspace-hero-copy>p:not(.eyebrow){font-size:12px}.workspace-hero-actions{width:100%;display:grid;grid-template-columns:1fr;margin-top:20px}.quick-command,.quick-command:first-child{padding:6px 0;border-right:0;border-bottom:1px solid var(--color-border-subtle)}.quick-command:last-child{border-bottom:0}
  .workspace-scope{grid-template-columns:68px minmax(0,1fr);gap:14px}.scope-orbit{width:64px;height:64px}.scope-orbit b{font-size:18px}
  .signal-ribbon{grid-template-columns:1fr}.signal-cell{padding:18px var(--content-gutter);border-right:0;border-bottom:1px solid var(--color-border-subtle)}.signal-cell:last-child{border-bottom:0}.signal-cell>strong{margin:10px 0 6px;font-size:28px}.signal-track{margin-top:11px}
  .workbench-head{align-items:flex-start;flex-direction:column;padding:17px}.pulse-row{grid-template-columns:25px 34px minmax(0,1fr);padding:9px 14px}.pulse-row time{grid-column:3;min-width:0;text-align:left}.focus-list{grid-template-columns:1fr}.focus-row{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.focus-row:last-child{border-bottom:0}
  .table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{padding:10px 12px}
  .login-visual{display:flex;min-height:390px;padding:28px 20px}.login .hero{padding:46px 0 24px}.login .hero h1{font-size:43px}.login .hero>p:not(:first-child){font-size:12px}.login-capabilities{display:grid;grid-template-columns:1fr}.login-capabilities>span,.login-capabilities>span:first-child{min-height:40px;padding:0;border-right:0;border-bottom:1px solid rgba(21,24,33,.09)}.login-capabilities>span:last-child{border-bottom:0}.login-form-wrap{padding:42px 20px 52px}.login-card h2{font-size:32px}
  .terminal-head{align-items:flex-start;flex-direction:column;padding:22px 20px}.terminal-copy{padding:18px 20px 2px}.terminal-panel #terminalMessage{padding-inline:20px}.terminal-fields{grid-template-columns:1fr;gap:0;padding:4px 20px 20px}.terminal-actions{grid-template-columns:1fr 1fr}.terminal-actions button:nth-child(2){border-right:0}.terminal-actions button:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.terminal-foot{align-items:flex-start;flex-direction:column;padding:14px 20px}
  .skeleton-heading{grid-template-columns:38px minmax(0,1fr);gap:12px}.skeleton-symbol{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){.signal-track i{animation:none}.quick-command>svg,.focus-row>svg,.login-submit>svg{transition:none}}

@supports not (backdrop-filter:blur(1px)){.sidebar{background:var(--color-nav)}.topbar{background:var(--color-canvas)}}

/* Update 29 — Precision Operations Workbench
   A continuous editor-like canvas: connected data rails, square ledgers and a
   full project inspector replace the generic rounded dashboard composition. */
:root,
:root[data-theme="light"]{
  --color-canvas:#eef1f6;
  --color-canvas-subtle:#e7ebf2;
  --color-surface-1:#ffffff;
  --color-surface-2:#f7f8fb;
  --color-surface-3:#eceff5;
  --color-surface-raised:#ffffff;
  --color-nav:#f8f9fc;
  --color-overlay:rgba(13,17,28,.5);
  --color-text:#11141b;
  --color-text-secondary:#555d6d;
  --color-text-tertiary:#818999;
  --color-text-disabled:#adb3bf;
  --color-border:rgba(17,20,27,.14);
  --color-border-subtle:rgba(17,20,27,.075);
  --color-border-strong:rgba(17,20,27,.24);
  --color-accent:#5147e5;
  --color-accent-hover:#443bd2;
  --color-accent-pressed:#382fb8;
  --color-accent-soft:#edecff;
  --color-accent-subtle:rgba(81,71,229,.075);
  --color-on-accent:#fff;
  --color-project-ink:#171b26;
  --color-project-ink-soft:#242a39;
  --color-project-cyan:#178bc0;
  --color-project-magenta:#9c4fb0;
  --chart-1:#5147e5;
  --chart-2:#197fb8;
  --chart-3:#16865f;
  --chart-4:#b66b12;
  --chart-5:#8b51bc;
  --chart-6:#cb4a52;
  --shadow-1:0 1px 2px rgba(17,20,27,.035);
  --shadow-2:0 12px 34px rgba(20,25,38,.07);
  --shadow-3:0 24px 70px rgba(15,19,30,.14);
  --shadow-dialog:0 30px 100px rgba(12,16,26,.3);
  --shadow-workbench:0 1px 2px rgba(17,20,27,.025);
  --radius-2:3px;
  --radius-4:4px;
  --radius-6:5px;
  --radius-8:6px;
  --radius-10:7px;
  --radius-12:8px;
  --radius-16:10px;
  --radius-20:12px;
  --sidebar:246px;
  --top:58px;
  --content-gutter:clamp(24px,2.65vw,48px);
  --control-sm:30px;
  --control-md:36px;
  --control-lg:42px;
  --workspace-grid:rgba(48,57,78,.055);
  --workspace-glow:rgba(81,71,229,.07);
}

:root[data-theme="dark"]{
  --color-canvas:#0d1016;
  --color-canvas-subtle:#11151d;
  --color-surface-1:#151922;
  --color-surface-2:#1a1f29;
  --color-surface-3:#232a36;
  --color-surface-raised:#181d27;
  --color-nav:#10141b;
  --color-overlay:rgba(0,0,0,.74);
  --color-text:#f2f4f8;
  --color-text-secondary:#adb4c1;
  --color-text-tertiary:#7e8796;
  --color-text-disabled:#5c6573;
  --color-border:rgba(235,239,247,.15);
  --color-border-subtle:rgba(235,239,247,.075);
  --color-border-strong:rgba(235,239,247,.25);
  --color-accent:#948cff;
  --color-accent-hover:#a69fff;
  --color-accent-pressed:#7f76ef;
  --color-accent-soft:#292743;
  --color-accent-subtle:rgba(148,140,255,.095);
  --color-on-accent:#101119;
  --color-project-ink:#07090d;
  --color-project-ink-soft:#111722;
  --color-project-cyan:#62bce5;
  --color-project-magenta:#d28adf;
  --chart-1:#948cff;
  --chart-2:#68b9e7;
  --chart-3:#50c794;
  --chart-4:#e7ad5a;
  --chart-5:#c28ce4;
  --chart-6:#ed7d84;
  --shadow-1:0 1px 2px rgba(0,0,0,.28);
  --shadow-2:0 14px 42px rgba(0,0,0,.3);
  --shadow-3:0 28px 80px rgba(0,0,0,.52);
  --shadow-dialog:0 34px 110px rgba(0,0,0,.72);
  --shadow-workbench:none;
  --workspace-grid:rgba(201,211,230,.045);
  --workspace-glow:rgba(148,140,255,.08);
}

@media(prefers-color-scheme:dark){
  :root[data-theme="system"]{
    --color-canvas:#0d1016;--color-canvas-subtle:#11151d;--color-surface-1:#151922;--color-surface-2:#1a1f29;--color-surface-3:#232a36;--color-surface-raised:#181d27;--color-nav:#10141b;--color-overlay:rgba(0,0,0,.74);--color-text:#f2f4f8;--color-text-secondary:#adb4c1;--color-text-tertiary:#7e8796;--color-text-disabled:#5c6573;--color-border:rgba(235,239,247,.15);--color-border-subtle:rgba(235,239,247,.075);--color-border-strong:rgba(235,239,247,.25);--color-accent:#948cff;--color-accent-hover:#a69fff;--color-accent-pressed:#7f76ef;--color-accent-soft:#292743;--color-accent-subtle:rgba(148,140,255,.095);--color-on-accent:#101119;--color-project-ink:#07090d;--color-project-ink-soft:#111722;--color-project-cyan:#62bce5;--color-project-magenta:#d28adf;--chart-1:#948cff;--chart-2:#68b9e7;--chart-3:#50c794;--chart-4:#e7ad5a;--chart-5:#c28ce4;--chart-6:#ed7d84;--shadow-1:0 1px 2px rgba(0,0,0,.28);--shadow-2:0 14px 42px rgba(0,0,0,.3);--shadow-3:0 28px 80px rgba(0,0,0,.52);--shadow-dialog:0 34px 110px rgba(0,0,0,.72);--shadow-workbench:none;--workspace-grid:rgba(201,211,230,.045);--workspace-glow:rgba(148,140,255,.08)
  }
}

body{background:var(--color-canvas);font-size:13px;letter-spacing:-.008em}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr);background:var(--color-canvas)}
.sidebar{padding:0 9px 9px;border-right:1px solid var(--color-border);background:var(--color-nav);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar::after{display:none}
.brand{min-height:58px;gap:10px;padding:8px 8px;border-bottom:1px solid var(--color-border-subtle)}
.brand-logo{width:34px;height:34px}.brandmark{width:32px;height:32px;border:0;border-radius:6px;background:var(--color-project-ink);box-shadow:none}.brandmark::before{inset:5px;border-radius:3px}.brandmark i{right:4px;top:4px;width:4px;height:4px;background:#958dff}.brand strong{font-size:12px}.brand small{margin-top:2px;font-size:7.5px;letter-spacing:.12em}
.nav{gap:11px;padding:10px 0;scrollbar-width:thin}
.nav-section-label{padding:3px 9px 4px;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:8px;font-weight:650;letter-spacing:.12em}
.nav-group{gap:1px}
.nav button{min-height:33px;grid-template-columns:27px minmax(0,1fr);gap:7px;padding:0 8px;border:0;border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-weight:570;box-shadow:none}
.nav button .icon{width:25px;height:25px;border-radius:4px;color:var(--color-text-tertiary)}.nav button .icon svg{width:15px;height:15px}
.nav button:hover{border:0;background:var(--color-surface-3);box-shadow:none;color:var(--color-text)}
.nav button.active{border:0;background:var(--color-project-ink);color:#fff;box-shadow:none}.nav button.active::before{left:-9px;width:2px;height:22px;border-radius:0;background:var(--color-accent);box-shadow:none}.nav button.active .icon{background:rgba(255,255,255,.08);color:#aaa5ff}
:root[data-theme="dark"] .nav button.active{background:var(--color-surface-3);color:var(--color-text)}
.sidebar-security{grid-template-columns:22px minmax(0,1fr);gap:7px;margin:0 4px;padding:8px 5px;border-top:1px solid var(--color-border-subtle)}.sidebar-security>svg{width:13px;height:13px;margin-left:3px}.sidebar-security b{font-size:9px}.sidebar-security small{font-size:8px}
.profile{min-height:46px;margin-top:2px;padding:5px 6px;border:0;border-radius:4px}.profile:hover{border:0;background:var(--color-surface-3);box-shadow:none}.avatar{width:30px;height:30px;border-radius:5px;box-shadow:none}.profile strong{font-size:10px}.profile small{font-size:8px}
.main{min-width:0;padding:0;background:var(--color-canvas)}
.topbar{height:var(--top);padding:0 var(--content-gutter);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 91%,transparent);box-shadow:none;backdrop-filter:saturate(1.2) blur(16px);-webkit-backdrop-filter:saturate(1.2) blur(16px)}
.top-title-copy>small{font-family:var(--font-mono);font-size:7.5px}.top-title-copy>div{margin-top:1px}.top-title h1{font-size:13px;font-weight:660}.top-live{font-size:7px}.top-actions{gap:5px}.command-trigger{min-width:220px;height:32px;border-radius:4px;background:var(--color-surface-2);box-shadow:none}.command-trigger:hover{background:var(--color-surface-3);transform:none}.utility-control{width:32px;min-width:32px;height:32px;border-radius:4px}
.content{width:100%;max-width:none;padding:30px var(--content-gutter) 64px;background-image:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}
.content>*{position:relative}
.content[data-page="dashboard"]{padding-top:0}
.page-head.workspace-heading{grid-template-columns:35px minmax(0,1fr) auto;gap:13px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--color-border-strong)}
.workspace-heading-symbol{width:34px;height:34px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-1);box-shadow:none}.workspace-heading-symbol svg{width:16px;height:16px}
.page-head h2,.page-head.workspace-heading h2{margin:2px 0 3px;font-size:clamp(24px,2.2vw,31px);font-weight:690;letter-spacing:-.045em}.page-head p{font-size:11px}.eyebrow{font-family:var(--font-mono);font-size:8px!important;letter-spacing:.14em!important}
.btn{min-height:var(--control-md);padding:0 12px;border-radius:4px;font-size:10px;font-weight:650;box-shadow:none}.btn:hover{transform:none;box-shadow:none}.btn.primary,.btn.accent{box-shadow:none}.icon-button,.icon-action{border-radius:4px}.field input,.field select,.field textarea,input,select,textarea{border-radius:4px;box-shadow:none}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{box-shadow:var(--focus-ring)}
.surface,.anx-panel,.lvx-ledger,.lvx-rail-panel,.mcx-control-main,.mcx-export-panel,.mcx-ledger,.mcx-insight-card{margin:13px 0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-1);box-shadow:none}
.surface-head,.anx-panel-head,.lvx-section-head,.mcx-section-head{min-height:45px;padding:9px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}
.surface-head::before,.anx-panel-head::before,.lvx-section-head::before,.mcx-section-head::before{width:2px;height:15px;border-radius:0;box-shadow:none}.surface-head h3,.anx-panel-head h3,.lvx-section-head h3,.mcx-section-head h3{font-size:11px}.surface-body{padding:16px}
.metrics{gap:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-1);overflow:hidden}.metric{min-height:86px;margin:0;padding:15px 17px;border:0;border-right:1px solid var(--color-border);border-radius:0;background:transparent;box-shadow:none}.metric:last-child{border-right:0}.metric strong{font-size:24px}.metric:hover{transform:none;background:var(--color-surface-2)}
.table-wrap{border-radius:0}.table th{height:34px;padding:7px 11px;border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-2);font-family:var(--font-mono);font-size:7.5px;letter-spacing:.08em}.table td{height:43px;padding:8px 11px;font-size:10px}.table tbody tr:hover td{background:var(--color-accent-subtle)}
.pill,.project-status{border-radius:3px;font-size:8px}.command-strip{border-radius:4px;box-shadow:none}.notice,.error,.warning,.empty{border-radius:4px}
.dialog{border-radius:7px}.dialog-head,.side-sheet-head{min-height:57px;padding:10px 16px;background:var(--color-surface-2)}.dialog-body,.side-sheet-body{padding:18px}.dialog-kicker{font-family:var(--font-mono);font-size:7px}.side-sheet-wide{width:min(1080px,100%)}.side-sheet{border-left:1px solid var(--color-border-strong);box-shadow:var(--shadow-dialog)}
.context-menu{border-radius:5px}.toast{border-radius:5px}

/* Dashboard becomes a connected operating canvas instead of a card grid. */
.workspace-hero{min-height:245px;margin:0 calc(var(--content-gutter) * -1) 0;padding:45px var(--content-gutter) 34px;border:0;border-bottom:1px solid var(--color-border-strong);border-radius:0;background:var(--color-surface-1);box-shadow:none}
.workspace-hero::before{right:0;top:0;width:45%;height:100%;border:0;border-radius:0;background:linear-gradient(135deg,transparent 0,var(--color-accent-subtle) 100%);transform:none}.workspace-hero::after{content:"";position:absolute;right:var(--content-gutter);bottom:0;width:38%;height:78%;background-image:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(135deg,transparent,#000);pointer-events:none}
.workspace-hero-copy h2{font-size:clamp(38px,4.6vw,66px);font-weight:690;letter-spacing:-.068em}.workspace-hero-copy h2::after{width:56px;height:3px;border-radius:0}.workspace-hero-copy>p:not(.eyebrow){font-size:12px}.workspace-hero-actions{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.quick-command{min-height:42px;padding:4px 17px;border-right:1px solid var(--color-border);border-radius:0}.quick-command:first-child{padding-left:0}.quick-command:hover{background:var(--color-surface-2);transform:none}.quick-command.accent{color:var(--color-accent)}
.workspace-scope{z-index:1;min-width:330px;padding:0 0 0 28px;border-left:1px solid var(--color-border)}.scope-orbit{border-radius:50%;box-shadow:none}
.signal-ribbon{margin:0 calc(var(--content-gutter) * -1) 22px;border:0;border-bottom:1px solid var(--color-border-strong);border-radius:0;background:var(--color-surface-1);box-shadow:none}.signal-cell{padding:19px var(--content-gutter);border-color:var(--color-border);background:transparent}.signal-cell:first-child{padding-left:var(--content-gutter)}.signal-cell>strong{font-size:29px}.signal-track{height:2px}
.workspace-grid{gap:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-1)}.workbench,.focus-rail{margin:0;border:0;border-radius:0;box-shadow:none}.focus-rail{border-left:1px solid var(--color-border)}.workbench-head,.focus-rail>header{background:var(--color-surface-2)}.pulse-row,.focus-row{border-color:var(--color-border-subtle)}.pulse-avatar,.focus-icon{border-radius:4px}.focus-rail>footer{background:var(--color-surface-2)}

/* Project portfolio — continuous project ledger and live timer rail. */
.project-workspace-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin:-30px calc(var(--content-gutter) * -1) 0;padding:44px var(--content-gutter) 38px;border-bottom:1px solid var(--color-border-strong);background:linear-gradient(105deg,var(--color-surface-1) 0,var(--color-surface-1) 72%,var(--color-accent-soft) 150%)}
.project-workspace-head::after{content:"";position:absolute;right:0;top:0;width:34%;height:100%;background-image:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.project-workspace-head>div{z-index:1}.project-workspace-head h2{margin:8px 0 12px;color:var(--color-text);font-size:clamp(39px,4.2vw,62px);font-weight:690;line-height:.98;letter-spacing:-.068em}.project-workspace-head h2 span{color:var(--color-accent)}.project-workspace-head>div>p:last-child{max-width:690px;margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.project-head-action{display:flex;align-items:center;gap:14px}.project-head-action>span{display:flex;align-items:center;gap:7px;color:var(--color-text-tertiary);font-size:8px}.project-head-action kbd{padding:3px 5px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface-2);font-family:var(--font-mono);font-size:8px}
.project-kpi-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 calc(var(--content-gutter) * -1);border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-1)}
.project-kpi-rail>div{min-height:105px;padding:20px var(--content-gutter);border-right:1px solid var(--color-border)}.project-kpi-rail>div:last-child{border-right:0}.project-kpi-rail span,.project-inspector-balance span,.project-budget-visual span{display:block;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:7.5px;font-weight:700;letter-spacing:.1em}.project-kpi-rail strong{display:block;margin:8px 0 4px;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.project-kpi-rail small{color:var(--color-text-secondary);font-size:8.5px}.project-kpi-rail .attention{box-shadow:inset 0 3px var(--color-warning)}.project-kpi-rail .attention strong{color:var(--color-warning)}
.project-active-timer{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:15px;margin:20px 0 0;padding:14px 16px;border:1px solid var(--color-project-ink);border-radius:4px;background:var(--color-project-ink);color:#fff;box-shadow:0 14px 34px rgba(10,13,20,.16)}
.project-active-pulse{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:rgba(255,255,255,.06);color:#aaa5ff}.project-active-pulse>i{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#52d39a;box-shadow:0 0 0 4px rgba(82,211,154,.13)}.project-active-pulse svg{width:16px;height:16px}.project-active-timer>div:nth-child(2) span,.project-active-timer>div:nth-child(2) b,.project-active-timer>div:nth-child(2) small{display:block}.project-active-timer>div:nth-child(2) span{color:#aaa5ff;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.13em}.project-active-timer>div:nth-child(2) b{margin:3px 0;font-size:11px}.project-active-timer>div:nth-child(2) small{color:#aeb5c3;font-size:8.5px}.project-active-timer>strong{font-family:var(--font-mono);font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.project-stop{border-color:rgba(255,255,255,.2)!important;background:#fff!important;color:#171b26!important}
.project-boundary-note{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:11px;margin:12px 0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--color-info) 24%,var(--color-border));border-radius:4px;background:color-mix(in srgb,var(--color-info-soft) 70%,var(--color-surface-1));color:var(--color-info)}.project-boundary-note>svg{width:16px;height:16px}.project-boundary-note b,.project-boundary-note span{display:block}.project-boundary-note b{font-size:9px}.project-boundary-note span{margin-top:2px;color:var(--color-text-secondary);font-size:8.5px;line-height:1.45}.project-boundary-note.compact{margin:0 0 18px}
.project-commandbar{min-height:46px;display:grid;grid-template-columns:minmax(230px,1fr) auto 32px;align-items:center;gap:15px;margin-top:18px;border:1px solid var(--color-border);border-bottom:0;border-radius:4px 4px 0 0;background:var(--color-surface-1)}
.project-commandbar form{height:45px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;border-right:1px solid var(--color-border)}.project-commandbar form>span{display:grid;place-items:center;color:var(--color-text-tertiary)}.project-commandbar form svg{width:14px;height:14px}.project-commandbar form input{height:44px;padding:0 12px 0 0;border:0;background:transparent;box-shadow:none;font-size:10px}.project-filter-tabs{height:45px;display:flex;align-items:center;gap:1px}.project-filter-tabs button{height:29px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:var(--color-text-secondary);font-size:8.5px;font-weight:620}.project-filter-tabs button:hover{background:var(--color-surface-2);color:var(--color-text)}.project-filter-tabs button.active{background:var(--color-project-ink);color:#fff}.project-commandbar>.icon-action{margin-right:7px}
.project-bulkbar{min-height:42px;display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));border-bottom:0;background:var(--color-accent-soft)}.project-bulkbar[hidden]{display:none}.project-bulkbar>span{margin-right:auto;color:var(--color-accent);font-size:9px}.project-bulkbar button{min-height:28px;padding:0 9px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface-1);color:var(--color-text-secondary);font-size:8px}.project-bulkbar button:hover{border-color:var(--color-accent);color:var(--color-accent)}
.project-ledger{overflow:hidden;border:1px solid var(--color-border);border-radius:0 0 4px 4px;background:var(--color-surface-1)}
.project-ledger-head,.project-line{display:grid;grid-template-columns:34px minmax(250px,1.6fr) minmax(150px,.82fr) 72px 90px 112px 96px 34px;align-items:center;column-gap:12px}
.project-ledger-head{min-height:33px;padding:0 10px;border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.project-line{position:relative;min-height:67px;padding:7px 10px;border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.project-line:last-child{border-bottom:0}.project-line:hover{z-index:1;background:linear-gradient(90deg,var(--color-accent-subtle),transparent 60%);box-shadow:inset 2px 0 var(--color-accent)}.project-line.is-selected{background:var(--color-accent-soft);box-shadow:inset 2px 0 var(--color-accent)}
.project-row-select{width:26px;height:32px;display:grid;place-items:center}.project-row-select input{width:14px;height:14px;accent-color:var(--color-accent)}.project-row-index{width:2px;height:20px;background:var(--color-border)}
.project-identity{min-width:0;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;padding:4px 0;border:0;background:transparent;color:var(--color-text);text-align:left}.project-identity:hover b{color:var(--color-accent)}.project-code{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:4px 6px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:7.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-identity b,.project-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-identity b{font-size:10.5px;font-weight:680}.project-identity small{margin-top:4px;color:var(--color-text-tertiary);font-size:8px}
.project-budget{display:grid;gap:7px}.project-budget>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.project-budget b{font-size:9px;font-variant-numeric:tabular-nums}.project-budget small{color:var(--color-text-tertiary);font-size:7.5px}.project-progress{height:3px;overflow:hidden;background:var(--color-surface-3)}.project-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-project-cyan));transform-origin:left;animation:project-progress-in var(--motion-slow) var(--ease-emphasized) both}.project-progress.is-over i{background:var(--color-danger)}
.project-scope-data b,.project-scope-data small{display:block}.project-scope-data b{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}.project-scope-data small{margin-top:3px;color:var(--color-text-tertiary);font-size:7.5px}.project-status{width:max-content;display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-secondary);font-weight:650}.project-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.project-status.status-active{border-color:color-mix(in srgb,var(--color-success) 25%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.project-status.status-paused,.project-status.status-draft{border-color:color-mix(in srgb,var(--color-warning) 23%,var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}.project-status.status-completed{border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}.project-status.status-archived{color:var(--color-text-tertiary)}
.project-more{opacity:0;transition:opacity var(--motion-fast)}.project-line:hover .project-more,.project-more:focus-visible{opacity:1}.project-empty{min-height:280px;display:grid;place-items:center;align-content:center;gap:9px;padding:30px;color:var(--color-text-secondary);text-align:center}.project-empty>svg{width:30px;height:30px;color:var(--color-accent)}.project-empty b{color:var(--color-text);font-size:12px}.project-empty span{font-size:9px}.project-empty .btn{margin-top:8px}

/* Full project inspector. */
.side-sheet-body:has(.project-inspector){padding:0;background:var(--color-surface-1)}
.project-inspector{min-height:100%;background:var(--color-surface-1)}
.project-inspector-hero{padding:25px 28px 20px;border-bottom:1px solid var(--color-border-strong);background:linear-gradient(115deg,var(--color-surface-1),var(--color-surface-2))}.project-inspector-meta{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--color-text-tertiary);font-size:8px}.project-inspector-meta>span:not(.project-status){padding-left:12px;border-left:1px solid var(--color-border)}.project-inspector-hero>div:nth-child(2)>.project-code{margin-bottom:8px}.project-inspector-hero h2{margin:0 0 8px;font-size:clamp(30px,4vw,48px);font-weight:690;letter-spacing:-.058em}.project-inspector-hero p{max-width:780px;margin:0;color:var(--color-text-secondary);font-size:10px;line-height:1.65;white-space:pre-wrap}.project-inspector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;padding-top:15px;border-top:1px solid var(--color-border)}
.project-inspector-timer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 28px;background:var(--color-project-ink);color:#fff}.project-inspector-timer>span{display:flex;align-items:center;gap:7px;color:#aaa5ff;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.1em}.project-inspector-timer svg{width:13px;height:13px}.project-inspector-timer strong{font-family:var(--font-mono);font-size:19px;font-weight:500}.project-inspector-timer small{color:#aeb5c3;font-size:8px}
.project-inspector-balance{display:grid;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(105px,.7fr));border-bottom:1px solid var(--color-border-strong)}.project-inspector-balance>div{min-height:93px;padding:17px 20px;border-right:1px solid var(--color-border)}.project-inspector-balance>div:last-child{border-right:0}.project-inspector-balance>div:not(.project-budget-visual)>b{display:block;margin-top:12px;font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.project-budget-visual>div:first-child{display:flex;justify-content:space-between;align-items:center}.project-budget-visual>div:first-child b{font-size:14px}.project-budget-visual .project-progress{margin:15px 0 8px}.project-budget-visual small{color:var(--color-text-secondary);font-size:8px}
.project-inspector>.project-boundary-note{margin:14px 28px}.project-inspector-nav{position:sticky;z-index:var(--z-sticky);top:-1px;display:flex;align-items:center;gap:0;min-height:40px;padding:0 28px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);backdrop-filter:blur(12px)}.project-inspector-nav a{height:39px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-left:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:8px;font-weight:650;text-decoration:none}.project-inspector-nav a:first-child{padding-left:0;border-left:0}.project-inspector-nav a:hover{color:var(--color-accent)}.project-inspector-nav span{flex:1}.project-inspector-nav svg{width:12px;height:12px}
.project-detail-section{scroll-margin-top:48px;padding:24px 28px 28px;border-bottom:1px solid var(--color-border-strong)}.project-detail-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.project-detail-section>header span{color:var(--color-accent);font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.12em}.project-detail-section>header h3{margin:5px 0 0;font-size:15px;font-weight:680}.project-detail-section>header>strong{font-family:var(--font-mono);font-size:14px}
.project-team-ledger{border-top:1px solid var(--color-border-strong)}.project-team-row{min-height:59px;display:grid;grid-template-columns:32px minmax(180px,1.4fr) minmax(76px,.6fr) minmax(76px,.6fr) minmax(76px,.6fr) 80px 30px;align-items:center;gap:10px;padding:8px 7px;border-bottom:1px solid var(--color-border-subtle)}.project-team-row:hover{background:var(--color-accent-subtle)}.project-team-row.is-inactive{opacity:.52}.project-person-avatar{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 24%,var(--color-border));border-radius:4px;background:var(--color-accent-soft);color:var(--color-accent);font-size:7.5px;font-weight:750}.project-person b,.project-person small,.project-team-row>span:not(.project-person):not(.project-person-avatar) b,.project-team-row>span:not(.project-person):not(.project-person-avatar) small{display:block}.project-person b,.project-team-row>span b{font-size:9px}.project-person small,.project-team-row>span small{margin-top:3px;color:var(--color-text-tertiary);font-size:7.5px}
.project-time-table td{vertical-align:top}.project-live-cell{display:inline-flex;align-items:center;gap:6px;color:var(--color-success);font-size:8px;font-weight:650}.project-live-cell i{width:5px;height:5px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 12%,transparent)}
.project-doc-timeline{position:relative;margin-left:14px;padding-left:30px;border-left:1px solid var(--color-border-strong)}.project-doc-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:14px;padding:0 0 27px}.project-doc-item:last-child{padding-bottom:0}.project-doc-marker{position:absolute;left:-45px;top:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-surface-1);color:var(--color-accent)}.project-doc-marker svg{width:13px;height:13px}.project-doc-marker.type-risk{color:var(--color-warning)}.project-doc-marker.type-result{color:var(--color-success)}.project-doc-item header{display:flex;align-items:center;gap:9px;color:var(--color-text-tertiary);font-size:7.5px}.project-doc-item header span{color:var(--color-accent);font-family:var(--font-mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-doc-item h4{margin:6px 0;font-size:11px}.project-doc-item p{margin:0;color:var(--color-text-secondary);font-size:9px;line-height:1.65;white-space:pre-wrap}.project-doc-item footer{margin-top:8px;color:var(--color-text-tertiary);font-size:7.5px}.project-section-empty{padding:28px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:9px;text-align:center}
.project-form{display:grid;gap:14px}.project-form-lead{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:11px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-2)}.project-form-lead>span{width:38px;height:38px;display:grid;place-items:center;border-radius:4px;background:var(--color-project-ink);color:#aaa5ff}.project-form-lead svg{width:18px;height:18px}.project-form-lead b,.project-form-lead small{display:block}.project-form-lead b{font-size:10px}.project-form-lead small{margin-top:3px;color:var(--color-text-secondary);font-size:8px}.project-separation-callout{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:10px 11px;border-left:2px solid var(--color-info);background:var(--color-info-soft);color:var(--color-info)}.project-separation-callout svg{width:14px;height:14px}.project-separation-callout span,.project-separation-callout b{display:block}.project-separation-callout span{color:var(--color-text-secondary);font-size:8.5px}.project-separation-callout b{margin-bottom:2px;color:var(--color-text);font-size:9px}
.is-pending{position:relative;pointer-events:none;opacity:.72}.is-pending::after{content:"";width:12px;height:12px;margin-left:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:project-spin .7s linear infinite}

/* Access view stays light but adopts the same editorial grid and square controls. */
.login{--color-accent:#5147e5;grid-template-columns:minmax(0,1.3fr) minmax(410px,.7fr);background:#fff}.login-visual{padding:clamp(34px,4.5vw,70px);background:#eef1f6}.login-visual::before{background:linear-gradient(125deg,transparent 20%,rgba(81,71,229,.13) 100%)}.login-visual::after{background-size:28px 28px}.login-brandmark{border-radius:6px;box-shadow:none}.login .hero{padding:clamp(66px,10vh,118px) 0 45px}.login .hero h1{font-size:clamp(52px,6.6vw,92px);font-weight:690;letter-spacing:-.075em}.login-capabilities>span{min-height:46px}.login-form-wrap::before{width:3px;height:100%;background:#5147e5}.login-access-state{margin-bottom:54px;border-radius:4px}.login-card h2{font-size:34px}.login-card input,.login-submit{border-radius:4px!important}.login-security{font-family:var(--font-mono)}

@keyframes project-progress-in{from{transform:scaleX(.03);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes project-spin{to{transform:rotate(360deg)}}

@media(max-width:1320px){
  :root{--sidebar:70px}
  .brand-copy,.sidebar-security,.nav-section-label,.nav button>span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:none}.brand{justify-content:center;padding-inline:0}.nav{gap:7px}.nav-group{gap:1px}.nav button{grid-template-columns:1fr;place-items:center;padding:0}.nav button .icon{width:27px;height:27px}.profile{grid-template-columns:1fr;place-items:center;padding-inline:0}.project-ledger-head,.project-line{grid-template-columns:30px minmax(230px,1.5fr) minmax(140px,.8fr) 65px 78px 105px 90px 32px}
}

@media(max-width:1100px){
  .project-kpi-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.project-kpi-rail>div{padding-inline:var(--content-gutter)}.project-kpi-rail>div:nth-child(3){border-right:0}.project-kpi-rail>div:nth-child(-n+3){border-bottom:1px solid var(--color-border)}
  .project-ledger-head{display:none}.project-line{grid-template-columns:30px minmax(220px,1.5fr) minmax(145px,.8fr) 70px 110px 90px 32px}.project-line>.project-scope-data:nth-of-type(2){display:none}.project-line .project-own{display:none}
  .project-commandbar{grid-template-columns:minmax(200px,1fr) auto 32px}.project-filter-tabs button{padding-inline:7px}
  .project-inspector-balance{grid-template-columns:2fr repeat(3,1fr)}
}

@media(max-width:860px){
  :root{--sidebar:286px;--content-gutter:18px;--top:56px}
  .sidebar{width:min(286px,calc(100vw - 42px));padding:0 9px 9px}.brand{justify-content:flex-start;padding-inline:8px}.brand-copy,.sidebar-security,.nav-section-label,.nav button>span:not(.icon),.profile>div:not(.avatar),.profile-chevron{display:block}.nav{gap:11px}.nav button{grid-template-columns:27px minmax(0,1fr);place-items:center start;padding:0 8px}.profile{grid-template-columns:30px minmax(0,1fr) 15px;place-items:center start;padding:5px 6px}
  .content{padding:24px var(--content-gutter) 50px}.content[data-page="dashboard"]{padding-top:0}
  .project-workspace-head{grid-template-columns:1fr;margin-top:-24px;padding-top:34px}.project-head-action{justify-content:space-between}.project-kpi-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kpi-rail>div{min-height:88px}.project-kpi-rail>div:nth-child(n){border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.project-kpi-rail>div:nth-child(even){border-right:0}.project-kpi-rail>div:last-child{grid-column:1/-1;border-bottom:0}
  .project-active-timer{grid-template-columns:36px minmax(0,1fr) auto}.project-active-timer>strong{grid-column:2;font-size:18px}.project-active-timer>.btn{grid-column:3;grid-row:1/3}
  .project-commandbar{grid-template-columns:minmax(0,1fr) 32px;gap:0}.project-commandbar form{grid-column:1}.project-filter-tabs{grid-column:1/-1;height:auto;padding:6px;border-top:1px solid var(--color-border);overflow:auto}.project-commandbar>.icon-action{grid-column:2;grid-row:1;margin:0}
  .project-ledger{overflow:visible}.project-line{grid-template-columns:28px minmax(0,1fr) 32px;gap:10px;padding:11px}.project-identity{grid-column:2}.project-budget{grid-column:2}.project-line>.project-scope-data,.project-line>.project-status{display:none}.project-more{grid-column:3;grid-row:1;opacity:1}.project-line>.project-budget{grid-column:2/4}
  .side-sheet-wide{width:100%}.project-inspector-hero{padding:21px 20px}.project-inspector-balance{grid-template-columns:1fr 1fr}.project-inspector-balance>div{border-bottom:1px solid var(--color-border)}.project-inspector>.project-boundary-note{margin:12px 20px}.project-inspector-nav{padding:0 20px;overflow:auto}.project-detail-section{padding:22px 20px}.project-team-row{grid-template-columns:30px minmax(160px,1fr) 75px 30px}.project-team-row>span:nth-child(3),.project-team-row>span:nth-child(4),.project-team-row>span:nth-child(5),.project-team-row>.project-status{display:none}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--color-border)}
}

@media(max-width:640px){
  :root{--content-gutter:14px}
  .topbar{height:54px}.content{padding-top:20px}.page-head.workspace-heading{grid-template-columns:31px minmax(0,1fr);gap:10px}.workspace-heading-symbol{width:30px;height:30px}.page-head h2,.page-head.workspace-heading h2{font-size:24px}
  .workspace-hero{min-height:0;padding-top:31px}.workspace-hero-copy h2{font-size:39px}.workspace-scope{min-width:0}.signal-ribbon{grid-template-columns:1fr}.signal-cell{padding-inline:var(--content-gutter)}
  .project-workspace-head{margin-top:-20px;padding-top:29px;padding-bottom:27px}.project-workspace-head h2{font-size:39px}.project-head-action{align-items:flex-start;flex-direction:column}.project-kpi-rail>div{padding:15px var(--content-gutter)}.project-kpi-rail strong{font-size:21px}
  .project-active-timer{grid-template-columns:32px minmax(0,1fr);padding:12px}.project-active-timer>strong{grid-column:2}.project-active-timer>.btn{grid-column:1/-1;grid-row:auto;width:100%}.project-boundary-note{align-items:start}
  .project-filter-tabs{gap:3px}.project-filter-tabs button{flex:0 0 auto}.project-bulkbar{align-items:flex-start;flex-wrap:wrap}.project-bulkbar>span{width:100%;margin:0 0 3px}
  .project-identity{grid-template-columns:58px minmax(0,1fr)}.project-code{font-size:6.8px}.project-line{min-height:82px}
  .project-inspector-meta{align-items:flex-start;flex-wrap:wrap}.project-inspector-meta>span:not(.project-status){padding-left:0;border-left:0}.project-inspector-hero h2{font-size:34px}.project-inspector-actions{display:grid;grid-template-columns:1fr 1fr}.project-inspector-actions .btn{justify-content:center}.project-inspector-timer{grid-template-columns:1fr auto;padding-inline:20px}.project-inspector-timer small{grid-column:1/-1}.project-inspector-balance{grid-template-columns:1fr 1fr}.project-inspector-balance>div{min-height:76px;padding:14px}.project-budget-visual{grid-column:1/-1}.project-inspector-nav a{flex:0 0 auto}.project-detail-section>header{align-items:flex-start;flex-direction:column}.project-team-row{grid-template-columns:28px minmax(130px,1fr) 28px}.project-team-row>span:nth-child(3),.project-team-row>span:nth-child(4),.project-team-row>span:nth-child(5),.project-team-row>.project-status{display:none}.project-doc-timeline{margin-left:11px;padding-left:24px}.project-doc-marker{left:-38px;width:27px;height:27px}
  .login{grid-template-columns:1fr}.login-visual{min-height:400px}.login .hero h1{font-size:45px}.login-form-wrap::before{width:100%;height:3px}.login-capabilities{display:grid}.login-capabilities>span{border-right:0}
}

@media(prefers-reduced-motion:reduce){.project-progress i,.is-pending::after{animation:none}.project-line,.project-more{transition:none}}
@media(forced-colors:active){.project-progress{border:1px solid CanvasText}.project-progress i{background:Highlight}.project-status,.project-code{border:1px solid CanvasText}.project-line:hover{outline:2px solid Highlight}}

/* Brand accent variants remain first-class after the workbench theme switch. */
:root[data-accent="blue"]{--color-accent:#176fba;--color-accent-hover:#115f9f;--color-accent-pressed:#0e4f86;--color-accent-soft:#e7f2fb;--color-accent-subtle:rgba(23,111,186,.075);--focus-ring:0 0 0 3px rgba(23,111,186,.22);--chart-1:#176fba;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-accent="violet"]{--color-accent:#7149bf;--color-accent-hover:#603ba8;--color-accent-pressed:#50318d;--color-accent-soft:#f0eafb;--color-accent-subtle:rgba(113,73,191,.075);--focus-ring:0 0 0 3px rgba(113,73,191,.22);--chart-1:#7149bf;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-accent="slate"]{--color-accent:#4f5d70;--color-accent-hover:#414e60;--color-accent-pressed:#343f4f;--color-accent-soft:#e9edf2;--color-accent-subtle:rgba(79,93,112,.075);--focus-ring:0 0 0 3px rgba(79,93,112,.22);--chart-1:#4f5d70;--accent:var(--color-accent);--accent2:var(--color-accent-soft)}
:root[data-theme="dark"][data-accent="blue"]{--color-accent:#6db8e8;--color-accent-hover:#81c4ee;--color-accent-pressed:#59a5d7;--color-accent-soft:#183046;--color-accent-subtle:rgba(109,184,232,.1);--color-on-accent:#0d1218;--focus-ring:0 0 0 3px rgba(109,184,232,.28);--chart-1:#6db8e8}
:root[data-theme="dark"][data-accent="violet"]{--color-accent:#bd91eb;--color-accent-hover:#c9a3ef;--color-accent-pressed:#aa7ed8;--color-accent-soft:#302641;--color-accent-subtle:rgba(189,145,235,.1);--color-on-accent:#121016;--focus-ring:0 0 0 3px rgba(189,145,235,.28);--chart-1:#bd91eb}
:root[data-theme="dark"][data-accent="slate"]{--color-accent:#b1bdca;--color-accent-hover:#c0cad5;--color-accent-pressed:#9ca9b7;--color-accent-soft:#252c35;--color-accent-subtle:rgba(177,189,202,.09);--color-on-accent:#101317;--focus-ring:0 0 0 3px rgba(177,189,202,.25);--chart-1:#b1bdca}
@media(prefers-color-scheme:dark){
  :root[data-theme="system"][data-accent="blue"]{--color-accent:#6db8e8;--color-accent-hover:#81c4ee;--color-accent-pressed:#59a5d7;--color-accent-soft:#183046;--color-accent-subtle:rgba(109,184,232,.1);--color-on-accent:#0d1218;--focus-ring:0 0 0 3px rgba(109,184,232,.28);--chart-1:#6db8e8}
  :root[data-theme="system"][data-accent="violet"]{--color-accent:#bd91eb;--color-accent-hover:#c9a3ef;--color-accent-pressed:#aa7ed8;--color-accent-soft:#302641;--color-accent-subtle:rgba(189,145,235,.1);--color-on-accent:#121016;--focus-ring:0 0 0 3px rgba(189,145,235,.28);--chart-1:#bd91eb}
  :root[data-theme="system"][data-accent="slate"]{--color-accent:#b1bdca;--color-accent-hover:#c0cad5;--color-accent-pressed:#9ca9b7;--color-accent-soft:#252c35;--color-accent-subtle:rgba(177,189,202,.09);--color-on-accent:#101317;--focus-ring:0 0 0 3px rgba(177,189,202,.25);--chart-1:#b1bdca}
}

/* Update 30 — Clarity Workspace
   Readability is a product feature: calm surfaces, useful density and a clear
   14–16px information scale replace the microscopic precision-workbench UI. */
:root{
  --font-size-10:.6875rem;
  --font-size-11:.75rem;
  --font-size-12:.8125rem;
  --font-size-13:.875rem;
  --font-size-14:.9375rem;
  --font-size-16:1rem;
  --font-size-18:1.125rem;
  --font-size-20:1.25rem;
  --font-size-24:1.5rem;
  --font-size-32:2rem;
  --font-size-40:2.5rem;
  --radius-2:5px;
  --radius-4:7px;
  --radius-6:9px;
  --radius-8:11px;
  --radius-10:13px;
  --radius-12:15px;
  --radius-16:18px;
  --radius-20:22px;
  --control-xs:32px;
  --control-sm:36px;
  --control-md:40px;
  --control-lg:44px;
  --touch-target:44px;
  --icon-xs:15px;
  --icon-sm:17px;
  --icon-md:19px;
  --icon-lg:21px;
  --sidebar:272px;
  --top:68px;
  --content-gutter:clamp(24px,2.8vw,48px);
}

:root,
:root[data-theme="light"]{
  --color-canvas:#f4f6fa;
  --color-canvas-subtle:#edf1f6;
  --color-surface-1:#ffffff;
  --color-surface-2:#f7f9fc;
  --color-surface-3:#edf1f6;
  --color-surface-raised:#ffffff;
  --color-nav:#fbfcfe;
  --color-overlay:rgba(14,21,35,.5);
  --color-text:#182033;
  --color-text-secondary:#536075;
  --color-text-tertiary:#68758a;
  --color-text-disabled:#a0a9b7;
  --color-border:rgba(24,32,51,.13);
  --color-border-subtle:rgba(24,32,51,.075);
  --color-border-strong:rgba(24,32,51,.22);
  --shadow-1:0 1px 2px rgba(18,27,45,.035),0 2px 8px rgba(18,27,45,.025);
  --shadow-2:0 10px 30px rgba(18,27,45,.075),0 2px 8px rgba(18,27,45,.035);
  --shadow-3:0 24px 64px rgba(15,23,42,.16),0 6px 18px rgba(15,23,42,.075);
  --shadow-dialog:0 32px 96px rgba(13,20,34,.28),0 10px 30px rgba(13,20,34,.12);
  --shadow-workbench:0 1px 2px rgba(18,27,45,.025),0 10px 28px rgba(18,27,45,.045);
}

:root[data-theme="dark"]{
  --color-canvas:#0c111a;
  --color-canvas-subtle:#101722;
  --color-surface-1:#141c28;
  --color-surface-2:#192332;
  --color-surface-3:#222e3f;
  --color-surface-raised:#182231;
  --color-nav:#101722;
  --color-overlay:rgba(0,0,0,.72);
  --color-text:#f5f7fb;
  --color-text-secondary:#b5c0d0;
  --color-text-tertiary:#8d9aac;
  --color-text-disabled:#667386;
  --color-border:rgba(231,237,247,.15);
  --color-border-subtle:rgba(231,237,247,.085);
  --color-border-strong:rgba(231,237,247,.25);
  --shadow-1:0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);
  --shadow-2:0 14px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);
  --shadow-3:0 28px 72px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035);
  --shadow-dialog:0 36px 110px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.04);
  --shadow-workbench:0 1px rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.2);
}

@media(prefers-color-scheme:dark){
  :root[data-theme="system"]{
    --color-canvas:#0c111a;--color-canvas-subtle:#101722;--color-surface-1:#141c28;--color-surface-2:#192332;--color-surface-3:#222e3f;--color-surface-raised:#182231;--color-nav:#101722;--color-overlay:rgba(0,0,0,.72);--color-text:#f5f7fb;--color-text-secondary:#b5c0d0;--color-text-tertiary:#8d9aac;--color-text-disabled:#667386;--color-border:rgba(231,237,247,.15);--color-border-subtle:rgba(231,237,247,.085);--color-border-strong:rgba(231,237,247,.25);--shadow-1:0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);--shadow-2:0 14px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);--shadow-3:0 28px 72px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035);--shadow-dialog:0 36px 110px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.04);--shadow-workbench:0 1px rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.2)
  }
}

body{background:var(--color-canvas);font-size:15px;line-height:1.45;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{letter-spacing:inherit}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr);background:var(--color-canvas)}
.main{min-width:0;padding:0;background:var(--color-canvas)}

/* Navigation is compact enough for a large product, but never microscopic. */
.sidebar{width:var(--sidebar);padding:0 12px 10px;border-right:1px solid var(--color-border);background:var(--color-nav);box-shadow:1px 0 0 rgba(255,255,255,.38);backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar::after{display:none}
.brand{min-height:66px;gap:11px;padding:9px 7px 10px;border-bottom:1px solid var(--color-border-subtle)}
.brand-logo{width:38px;height:38px}.brand-logo img{max-width:38px;max-height:38px}
.brandmark{width:36px;height:36px;border-radius:10px;box-shadow:none}
.sidebar .brand>.brand-copy{display:block!important;min-width:0}.brand strong{font-size:14px;font-weight:730}.brand small{margin-top:2px;font-size:10.5px;letter-spacing:.075em}
.nav{gap:8px;padding:10px 0 14px;scrollbar-width:thin}
.nav-group{gap:1px}
.nav-section-label{display:block;padding:4px 9px 5px;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.08em}
.nav button{min-height:35px;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:var(--color-text-secondary);font-size:13.5px;font-weight:590;box-shadow:none}
.nav button>span:not(.icon){display:block}.nav button .icon{width:27px;height:27px;border-radius:7px;color:var(--color-text-tertiary)}.nav button .icon svg{width:17px;height:17px}
.nav button:hover{border-color:var(--color-border-subtle);background:var(--color-surface-2);color:var(--color-text);box-shadow:none}
.nav button.active,:root[data-theme="dark"] .nav button.active{border-color:color-mix(in srgb,var(--color-accent) 24%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 4%,transparent)}
.nav button.active::before{left:-12px;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--color-accent);box-shadow:none}
.nav button.active .icon{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent)}
.sidebar-security{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;margin:0 4px;padding:10px 5px;border-top:1px solid var(--color-border-subtle)}
.sidebar-security>svg{width:16px;height:16px;margin-left:3px}.sidebar-security b{font-size:11.5px}.sidebar-security small{margin-top:2px;font-size:10.5px}
.profile{min-height:54px;grid-template-columns:34px minmax(0,1fr) 16px;margin-top:2px;padding:6px;border:1px solid transparent;border-radius:10px}
.profile>div:not(.avatar),.profile-chevron{display:block}.profile:hover{border-color:var(--color-border);background:var(--color-surface-1)}.avatar{width:34px;height:34px;border-radius:9px}.profile strong{font-size:12.5px}.profile small{font-size:11px}

/* Top bar and workspace hierarchy. */
.topbar{height:var(--top);padding:0 var(--content-gutter);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);box-shadow:0 1px 10px rgba(18,27,45,.035);backdrop-filter:saturate(1.15) blur(14px);-webkit-backdrop-filter:saturate(1.15) blur(14px)}
.top-title-copy>small{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.08em}.top-title-copy>div{margin-top:2px}.top-title h1{font-size:16.5px;font-weight:700}.top-live{font-size:10px;letter-spacing:.08em}.top-live i{width:6px;height:6px}
.top-actions{gap:8px}.command-trigger{min-width:260px;height:40px;border-radius:9px;background:var(--color-surface-2);color:var(--color-text-secondary);font-size:13px;box-shadow:var(--shadow-1)}.command-trigger:hover{background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.utility-control{width:40px;min-width:40px;height:40px;border-radius:9px;background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.content{--content-gutter:clamp(24px,2.8vw,48px);width:100%;max-width:none;min-height:calc(100vh - var(--top));padding:36px var(--content-gutter) 72px;background:var(--color-canvas);background-image:none}
.content[data-page="dashboard"]{padding-top:0}
.content>*{position:relative}

.page-head.workspace-heading{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--color-border)}
.workspace-heading-symbol{width:44px;height:44px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);box-shadow:var(--shadow-1)}.workspace-heading-symbol svg{width:20px;height:20px}
.page-head h2,.page-head.workspace-heading h2{margin:2px 0 5px;font-size:clamp(30px,2.3vw,36px);font-weight:720;line-height:1.08;letter-spacing:-.04em}.page-head p{max-width:820px;color:var(--color-text-secondary);font-size:14px;line-height:1.5}
.eyebrow,.lvx-kicker,.mcx-section-kicker{font-family:var(--font-sans);font-size:10.5px!important;font-weight:760;letter-spacing:.11em!important}
.command,.toolbar,.command-bar{gap:8px}

/* Shared controls and surfaces. */
.btn,.icon-button,.icon-action,.compact-input,.compact-select,.mcx-icon-btn,.mcx-today,.lvx-secondary-action,.lvx-primary-action,.lvx-filter-reset{min-height:var(--control-md);border-radius:9px;border-color:var(--color-border);background:var(--color-surface-1);color:var(--color-text);font-size:13px;font-weight:650;box-shadow:var(--shadow-1)}
.btn{padding:0 14px}.btn:hover,.icon-button:hover,.icon-action:hover,.compact-select:hover,.mcx-icon-btn:hover,.mcx-today:hover,.lvx-secondary-action:hover,.lvx-filter-reset:hover{border-color:var(--color-border-strong);background:var(--color-surface-2);box-shadow:var(--shadow-1);transform:none}
.btn.primary{border-color:#242b39;background:#242b39;color:#fff;box-shadow:0 6px 14px rgba(24,32,51,.14)}
.btn.accent,.lvx-primary-action{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 6px 16px color-mix(in srgb,var(--color-accent) 18%,transparent)}
.btn:disabled,.icon-button:disabled,.icon-action:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}
.icon-action{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.icon-action svg{width:16px;height:16px}
input,select,textarea,.compact-input,.compact-select{min-height:var(--control-lg);padding:10px 12px;border-radius:9px;border-color:var(--color-border);background:var(--color-surface-1);font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.38)}
.field{gap:7px;margin:16px 0}.field>span{color:var(--color-text-secondary);font-size:13px;font-weight:680}
input:focus,select:focus,textarea:focus,.compact-input:focus,.compact-select:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}
.surface,.anx-panel,.lvx-ledger,.lvx-rail-panel,.mcx-control-main,.mcx-export-panel,.mcx-ledger,.mcx-insight-card{margin:18px 0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench)}
.surface-head,.anx-panel-head,.lvx-section-head,.mcx-section-head{min-height:62px;padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-1)}
.surface-head::before,.anx-panel-head::before,.lvx-section-head::before,.mcx-section-head::before{display:none}.surface-head h3,.anx-panel-head h3,.lvx-section-head h3,.mcx-section-head h3{font-size:15px;font-weight:700}.surface-body{padding:20px}
.notice,.error,.warning,.success,.empty{border-radius:10px;font-size:13px;line-height:1.5}
.dialog{border-radius:18px}.dialog-head,.side-sheet-head{min-height:68px;padding:14px 20px;background:var(--color-surface-raised)}.dialog-head h3,.side-sheet-head h3{font-size:17px}.dialog-kicker{font-family:var(--font-sans);font-size:10.5px}.dialog-body,.side-sheet-body{padding:22px}.context-menu{border-radius:11px}.context-menu button{min-height:40px;font-size:13px}.toast{border-radius:12px;font-size:13px}
.content small,.dialog small,.side-sheet small{line-height:1.45}

/* Metrics and data grids use space for information, not empty decoration. */
.metrics{gap:0;margin:20px 0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench);overflow:hidden}
.metric{min-height:104px;margin:0;padding:19px 20px;border:0;border-right:1px solid var(--color-border);border-radius:0;background:var(--color-surface-1);box-shadow:none}.metric:last-child{border-right:0}.metric::after{left:20px;right:20px;height:3px;border-radius:3px}.metric span{font-size:11.5px;letter-spacing:.065em}.metric strong{margin-top:10px;font-size:32px;font-weight:670}.metric:hover{background:var(--color-surface-2);transform:none}
.table-wrap,.mcx-table-wrap,.lvx-table-wrap{border-radius:inherit;background:var(--color-surface-1)}
.table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{height:56px;padding:13px 16px;border-bottom:1px solid var(--color-border-subtle);font-size:13.5px;line-height:1.4}
.table th,.mcx-table th,.lvx-table th{height:43px;background:var(--color-surface-2);font-family:var(--font-sans);font-size:11px;font-weight:740;letter-spacing:.055em;box-shadow:inset 0 -1px var(--color-border)}
.table th+th,.table td+td,.mcx-table th+th,.mcx-table td+td,.lvx-table th+th,.lvx-table td+td{border-left:0}
.table tbody tr:hover,.mcx-table tbody tr:hover,.lvx-table tbody tr:hover{background:var(--color-accent-subtle)}
.table td>b,.mcx-table td>b,.lvx-table td>b{font-weight:680}.cell-sub,.muted,.sub{font-size:12.5px}.row-actions,.lvx-row-actions{gap:6px;opacity:.72}.pill,.status-badge,.project-status{min-height:26px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:680;letter-spacing:0}
.data-surface{margin-top:16px}.data-surface .table{min-width:900px}

/* Time ledger summary. */
.ledger-overview{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,.75fr));overflow:hidden;margin:20px 0 0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench)}
.ledger-overview>div{min-height:104px;padding:18px 20px;border-right:1px solid var(--color-border)}.ledger-overview>div:last-child{border-right:0}.ledger-overview span,.ledger-overview strong,.ledger-overview small{display:block}.ledger-overview span{color:var(--color-text-tertiary);font-size:11px;font-weight:740;letter-spacing:.06em;text-transform:uppercase}.ledger-overview strong{margin:8px 0 3px;font-size:24px;font-weight:680;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.ledger-overview small{color:var(--color-text-secondary);font-size:12px}.ledger-overview .attention{box-shadow:inset 0 3px var(--color-warning)}.ledger-overview .attention strong{color:var(--color-warning)}

/* Dashboard — concise welcome, connected summaries, readable live data. */
.workspace-hero{min-height:214px;gap:36px;margin:0 calc(var(--content-gutter) * -1);padding:34px var(--content-gutter) 30px;border:0;border-bottom:1px solid var(--color-border);background:linear-gradient(110deg,var(--color-surface-1) 0,var(--color-surface-1) 68%,color-mix(in srgb,var(--color-accent-soft) 48%,var(--color-surface-1)) 100%);box-shadow:none}
.workspace-hero::before{inset:auto -80px -210px auto;width:520px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 67%);mask-image:none;transform:none}.workspace-hero::after{right:var(--content-gutter);top:0;bottom:auto;width:92px;height:3px;background:var(--color-accent);mask-image:none}
.workspace-hero-copy h2{margin:7px 0 8px;font-size:clamp(38px,3.5vw,50px);font-weight:720;line-height:1.04;letter-spacing:-.052em}.workspace-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.55}
.workspace-hero-actions{gap:9px;margin-top:21px;border:0}
.quick-command,.quick-command:first-child{min-height:42px;grid-template-columns:28px auto 16px;gap:8px;padding:0 12px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-1);color:var(--color-text-secondary);font-size:12.5px;box-shadow:var(--shadow-1)}.quick-command:hover{border-color:var(--color-border-strong);background:var(--color-surface-2);transform:none}.quick-command>span:first-child{border:0;background:transparent;box-shadow:none}.quick-command.accent{border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}
.workspace-scope{z-index:1;min-width:340px;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px 18px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface-1) 86%,transparent);box-shadow:var(--shadow-1)}
.scope-orbit{width:68px;height:68px;box-shadow:none}.scope-orbit b{font-size:20px}.scope-orbit small{font-size:9px}.workspace-scope>div:last-child>span{font-size:10.5px}.workspace-scope>div:last-child>strong{margin:4px 0 2px;font-size:14px}.workspace-scope>div:last-child>small{font-size:12px}
.signal-ribbon{margin:20px 0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench);overflow:hidden}.signal-cell{min-height:124px;padding:20px 22px;border-right:1px solid var(--color-border);background:transparent}.signal-top{font-size:10.5px;letter-spacing:.075em}.signal-state{width:20px;height:20px;font-size:12px}.signal-cell>strong{margin:11px 0 6px;font-size:31px}.signal-meta{font-size:11.5px}.signal-track{height:4px;margin-top:12px;border-radius:4px}.signal-track i{border-radius:inherit}
.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.55fr);gap:16px;align-items:start;border:0;border-radius:0;background:transparent}
.workbench,.focus-rail{margin:0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-workbench)}.focus-rail{border-left:1px solid var(--color-border)}
.workbench-head,.focus-rail>header{min-height:82px;padding:17px 20px;background:var(--color-surface-1)}.section-code{font-size:10px}.workbench-head h3,.focus-rail h3{margin:4px 0 2px;font-size:17px}.workbench-head p,.focus-rail header p{font-size:12.5px}.text-command{font-size:12.5px}
.workbench-ledger{min-height:0}.pulse-row{min-height:70px;grid-template-columns:28px 40px minmax(160px,1fr) 110px minmax(150px,auto);gap:12px;padding:10px 20px}.pulse-index{font-size:10.5px}.pulse-avatar{width:38px;height:38px;border-radius:10px;font-size:11px}.pulse-person b{font-size:14px}.pulse-person small{margin-top:3px;font-size:12px}.pulse-live{font-size:10.5px}.pulse-row time{font-size:12px}.workbench-empty{min-height:170px}.workbench-empty b{font-size:14px}.workbench-empty span{font-size:12.5px}
.focus-rail>header{padding:18px 20px}.focus-row{min-height:78px;grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;padding:12px 17px}.focus-icon{width:38px;height:38px;border-radius:10px}.focus-icon svg{width:18px;height:18px}.focus-row small{font-size:10.5px;letter-spacing:.055em}.focus-row b{margin:2px 0;font-size:22px}.focus-row em{font-size:11.5px}.focus-rail>footer{padding:13px 18px}.focus-rail>footer b{font-size:11.5px}.focus-rail>footer small{font-size:10.5px}

/* Team status — one horizontal command surface and substantial status rows. */
.team-surface{margin-top:20px}.team-toolbar{min-height:82px;align-items:center;gap:18px;padding:13px 18px}.team-filters{display:flex;align-items:end;gap:10px;flex:1;flex-wrap:wrap}.toolbar-field{min-width:210px;display:grid;gap:5px;margin:0}.toolbar-field>span{color:var(--color-text-tertiary);font-size:10.5px;font-weight:740;letter-spacing:.055em;text-transform:uppercase}.toolbar-field.toolbar-search{min-width:300px;flex:1;max-width:440px}.toolbar-field .compact-input,.toolbar-field .compact-select{min-width:0;max-width:none;height:42px;min-height:42px}.sync-stamp{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.sync-stamp i{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 11%,transparent)}
.saved-views{gap:8px;padding:11px 16px}.saved-view{min-height:32px;padding:6px 10px;border-radius:999px;font-size:12px}
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));background:var(--color-surface-1)}.team-person{min-height:76px;gap:18px;padding:14px 16px;background:var(--color-surface-1)}.team-person:hover{background:var(--color-accent-subtle)}.avatar-mini{width:42px;height:42px;border-radius:11px;font-size:12px}.team-person-main b{font-size:14px}.team-person-main small{margin-top:3px;font-size:12px}.live-state{gap:9px}.live-state>span{width:9px;height:9px}.live-state b{font-size:13px}.live-state small{font-size:11.5px}

/* Calendar — compact controls, larger event labels and an actual mobile agenda. */
.calendar-legend{gap:20px;margin:0 0 14px;color:var(--color-text-secondary);font-size:12.5px}.calendar-legend span{gap:8px}.calendar-legend i{width:9px;height:9px}
.calendar-surface{margin-top:0;overflow:hidden}.calendar-toolbar{min-height:72px;gap:18px;padding:12px 16px}.calendar-nav,.calendar-tools{display:flex;align-items:center;gap:9px}.calendar-nav h3{min-width:170px;text-align:center;text-transform:capitalize}.calendar-tools{margin-left:auto}.calendar-period-picker{min-width:178px}.calendar-period-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.calendar-period-picker .compact-input{height:40px;min-height:40px}.calendar-region{margin-left:2px}
.calendar-weekdays>div{padding:11px 12px;color:var(--color-text-secondary);font-size:11px;letter-spacing:.055em}.calendar-cell{min-height:126px;padding:11px;border-color:var(--color-border-subtle)}.calendar-cell.muted{background:var(--color-surface-2);opacity:.66}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--color-accent)}.calendar-date{margin-bottom:9px}.calendar-date b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:13px}.calendar-date span{display:none}.calendar-cell.today .calendar-date b{background:var(--color-accent);color:var(--color-on-accent)}.calendar-events{gap:6px}.calendar-event{padding:7px 8px;border-left-width:3px;border-radius:8px;background:var(--color-surface-2)}.calendar-event b{font-size:12.5px}.calendar-event span{margin-top:2px;font-size:11px;line-height:1.35}

/* Project portfolio and inspector — preserve the separate project-time ledger,
   while bringing every label, budget and documentation entry above the new
   readability floor. */
.project-workspace-head{margin:-36px calc(var(--content-gutter) * -1) 0;padding:39px var(--content-gutter) 34px;background:linear-gradient(110deg,var(--color-surface-1) 0,var(--color-surface-1) 70%,color-mix(in srgb,var(--color-accent-soft) 58%,var(--color-surface-1)) 100%)}.project-workspace-head::after{display:none}.project-workspace-head h2{margin:7px 0 10px;font-size:clamp(38px,3.6vw,52px);font-weight:720;line-height:1.03;letter-spacing:-.055em}.project-workspace-head>div>p:last-child{font-size:14px;line-height:1.55}.project-head-action{gap:12px}.project-head-action>span{font-size:11.5px}.project-head-action kbd{font-size:10.5px}
.project-kpi-rail{border-color:var(--color-border)}.project-kpi-rail>div{min-height:112px;padding:20px var(--content-gutter)}.project-kpi-rail span,.project-inspector-balance span,.project-budget-visual span{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.065em}.project-kpi-rail strong{margin:8px 0 3px;font-size:28px}.project-kpi-rail small{font-size:12px}
.project-active-timer{min-height:68px;grid-template-columns:42px minmax(0,1fr) auto auto;gap:15px;padding:12px 16px;border-radius:12px}.project-active-pulse{width:40px;height:40px;border-radius:9px}.project-active-pulse svg{width:18px;height:18px}.project-active-timer>div:nth-child(2) span{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.08em}.project-active-timer>div:nth-child(2) b{font-size:13.5px}.project-active-timer>div:nth-child(2) small{font-size:11.5px}.project-active-timer>strong{font-size:24px}
.project-boundary-note{grid-template-columns:26px minmax(0,1fr);padding:12px 14px;border-radius:10px}.project-boundary-note>svg{width:18px;height:18px}.project-boundary-note b{font-size:12.5px}.project-boundary-note span{font-size:12px}
.project-commandbar{min-height:54px;grid-template-columns:minmax(280px,1fr) auto 40px;gap:14px;margin-top:20px;border-radius:12px 12px 0 0}.project-commandbar form{height:53px;grid-template-columns:42px minmax(0,1fr)}.project-commandbar form input{height:52px;font-size:13px}.project-filter-tabs{height:53px;gap:3px}.project-filter-tabs button{height:34px;padding:0 12px;border-radius:8px;font-size:11.5px}.project-filter-tabs button.active{background:var(--color-accent-soft);color:var(--color-accent)}.project-commandbar>.icon-action{margin-right:7px}
.project-bulkbar{min-height:48px;padding:7px 11px}.project-bulkbar>span{font-size:12px}.project-bulkbar button{min-height:34px;padding:0 11px;border-radius:8px;font-size:11.5px}
.project-ledger{border-radius:0 0 12px 12px}.project-ledger-head,.project-line{grid-template-columns:36px minmax(260px,1.6fr) minmax(170px,.82fr) 82px 94px 122px 106px 38px;column-gap:14px}.project-ledger-head{min-height:42px;padding:0 12px;font-family:var(--font-sans);font-size:10.5px;letter-spacing:.055em}.project-line{min-height:78px;padding:9px 12px}.project-row-select{width:30px;height:36px}.project-row-select input{width:16px;height:16px}.project-identity{grid-template-columns:84px minmax(0,1fr);gap:12px}.project-code{padding:5px 7px;border-radius:7px;font-size:10.5px}.project-identity b{font-size:14px}.project-identity small{margin-top:3px;font-size:11.5px}.project-budget{gap:8px}.project-budget b{font-size:12.5px}.project-budget small{font-size:11px}.project-progress{height:5px;border-radius:5px}.project-progress i{border-radius:inherit}.project-scope-data b{font-size:13px}.project-scope-data small{font-size:11px}.project-status{font-size:11.5px}.project-empty{min-height:210px}.project-empty b{font-size:14px}.project-empty span{font-size:12.5px}
.project-inspector-hero{padding:28px 30px 24px}.project-inspector-meta{gap:13px;margin-bottom:20px;font-size:12px}.project-inspector-hero h2{font-size:clamp(32px,4vw,48px)}.project-inspector-hero p{font-size:14px;line-height:1.55}.project-inspector-actions{gap:8px}
.project-inspector-timer{min-height:58px;padding:12px 30px}.project-inspector-timer>span{font-family:var(--font-sans);font-size:10.5px}.project-inspector-timer svg{width:16px;height:16px}.project-inspector-timer strong{font-size:22px}.project-inspector-timer small{font-size:11.5px}
.project-inspector-balance>div{min-height:104px;padding:18px 21px}.project-inspector-balance>div:not(.project-budget-visual)>b{margin-top:10px;font-size:22px}.project-budget-visual>div:first-child b{font-size:15px}.project-budget-visual small{font-size:11.5px}
.project-inspector>.project-boundary-note{margin:16px 30px}.project-inspector-nav{min-height:48px;padding:0 30px}.project-inspector-nav a{height:47px;gap:7px;padding:0 14px;font-size:12.5px}.project-inspector-nav svg{width:15px;height:15px}.project-detail-section{scroll-margin-top:56px;padding:26px 30px 30px}.project-detail-section>header{margin-bottom:18px}.project-detail-section>header span{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.08em}.project-detail-section>header h3{font-size:18px}.project-detail-section>header>strong{font-size:16px}
.project-team-row{min-height:72px;grid-template-columns:40px minmax(190px,1.4fr) minmax(88px,.6fr) minmax(88px,.6fr) minmax(88px,.6fr) 94px 36px;gap:12px;padding:9px}.project-person-avatar{width:38px;height:38px;border-radius:9px;font-size:11px}.project-person b,.project-team-row>span b{font-size:13px}.project-person small,.project-team-row>span small{font-size:11px}.project-live-cell{font-size:12px}.project-live-cell i{width:7px;height:7px}
.project-doc-timeline{margin-left:18px;padding-left:34px}.project-doc-item{padding-bottom:30px}.project-doc-marker{left:-51px;width:34px;height:34px;border-radius:9px}.project-doc-marker svg{width:16px;height:16px}.project-doc-item header{font-size:11px}.project-doc-item h4{margin:7px 0;font-size:15px}.project-doc-item p{font-size:13px;line-height:1.6}.project-doc-item footer{font-size:11px}.project-section-empty{font-size:13px}.project-form-lead{grid-template-columns:46px minmax(0,1fr);padding:13px;border-radius:10px}.project-form-lead>span{width:44px;height:44px;border-radius:9px}.project-form-lead b{font-size:13px}.project-form-lead small{font-size:11.5px}.project-separation-callout{grid-template-columns:24px minmax(0,1fr);padding:12px 13px;border-radius:9px}.project-separation-callout span{font-size:12px}.project-separation-callout b{font-size:12.5px}

/* Existing specialist workspaces inherit the same readable scale. */
.mcx-page,.anx-page,.lvx-page{gap:18px}.mcx-hero,.anx-hero,.lvx-hero{padding:26px 0 28px}.mcx-hero p,.anx-hero p,.lvx-hero p{font-size:14px;line-height:1.55}.mcx-kpi>div>span,.anx-kpi>span,.lvx-kpi small,.mcx-person-copy>span,.mcx-employee-select>span,.anx-toolbar label>span,.lvx-commandbar label>span{font-size:10.5px}.mcx-kpi small,.anx-kpi>small,.lvx-kpi em,.mcx-person-copy small,.mcx-insight-title small,.mcx-panel-title small,.lvx-rail-title small,.lvx-person small,.lvx-kind small{font-size:11.5px}.mcx-kpi strong,.anx-kpi>strong,.lvx-kpi strong{font-size:26px}.mcx-action b{font-size:13px}.mcx-action small{font-size:11.5px}.mcx-ledger-footer span{font-size:10.5px}.mcx-ledger-footer strong{font-size:16px}.anx-toolbar select,.lvx-commandbar select,.lvx-commandbar input{font-size:13px}.anx-month b,.anx-month>span{font-size:10.5px}.anx-export b{font-size:13px}.anx-quality b{font-size:12px}.anx-quality small{font-size:11px}.lvx-actionline>div{font-size:12px}.lvx-secondary-action,.lvx-primary-action,.lvx-filter-reset{font-size:12.5px}.lvx-rail-title b{font-size:14px}.lvx-queue b{font-size:12.5px}.lvx-queue small,.lvx-zero p,.lvx-alerts span{font-size:11px}.lvx-alerts b{font-size:12px}.lvx-balance span{font-size:10.5px}.lvx-balance b{font-size:15px}.lvx-detail dt{font-size:10.5px}.lvx-detail dd,.lvx-detail-note p{font-size:13px}.lvx-detail-note span{font-size:10.5px}

/* Login and terminal remain part of the same product language. */
.login-card h2{font-size:36px}.login-card .sub{font-size:14px}.login-access-state{font-size:12px}.login-security{font-family:var(--font-sans);font-size:11.5px}.login .hero>p:not(:first-child){font-size:15px}.login-capabilities b{font-size:12px}
.terminal-panel{border-radius:18px;box-shadow:var(--shadow-2)}.terminal-copy{font-size:14px}.terminal-actions button{font-size:16px}

/* Notebook: compact rail only when the available canvas actually needs it. */
@media(max-width:1180px){
  :root{--sidebar:80px;--content-gutter:28px}
  .sidebar .brand>.brand-copy,.nav-section-label,.nav button>span:not(.icon),.sidebar-security,.profile>div:not(.avatar),.profile-chevron{display:none!important}
  .brand{justify-content:center;padding-inline:0}.nav{gap:6px}.nav-group{gap:2px}.nav button{grid-template-columns:1fr;place-items:center;padding:0}.nav button .icon{width:30px;height:30px}.nav button.active::before{left:-12px}.profile{grid-template-columns:1fr;place-items:center;padding-inline:0}
  .workspace-hero{grid-template-columns:1fr}.workspace-scope{min-width:0;max-width:520px}.workspace-grid{grid-template-columns:1fr}.focus-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-row{border-right:1px solid var(--color-border-subtle);border-bottom:0}.focus-row:last-child{border-right:0}
  .project-ledger{overflow:auto}.project-ledger-head,.project-line{min-width:1120px}
  .ledger-overview{grid-template-columns:1.3fr repeat(3,1fr)}
}

/* Tablet and mobile get a different information architecture, not a shrunk desktop. */
@media(max-width:860px){
  :root{--sidebar:304px;--top:62px;--content-gutter:20px;--control-md:44px;--control-lg:48px}
  .shell{display:block}.main{padding:0}.sidebar{width:min(304px,calc(100vw - 42px));padding:0 12px 10px;box-shadow:var(--shadow-3);transform:translateX(-102%)}
  .sidebar .brand>.brand-copy,.nav-section-label,.nav button>span:not(.icon),.sidebar-security,.profile>div:not(.avatar),.profile-chevron{display:block!important}.brand{justify-content:flex-start;padding-inline:7px}.nav{gap:10px}.nav button{min-height:44px;grid-template-columns:30px minmax(0,1fr);place-items:center start;padding:0 10px;font-size:14px}.profile{grid-template-columns:36px minmax(0,1fr) 18px;place-items:center start;padding-inline:7px}
  .topbar{padding:0 16px}.command-trigger{min-width:44px;width:44px;padding:0}.command-trigger .command-label,.command-trigger kbd{display:none}.utility-control{width:44px;min-width:44px;height:44px}
  .content{padding:26px var(--content-gutter) 58px}.content[data-page="dashboard"]{padding-top:0}
  .page-head.workspace-heading{grid-template-columns:44px minmax(0,1fr);align-items:start}.page-head.workspace-heading .command{grid-column:1/-1;width:100%;justify-content:flex-start}.page-head .command .btn{flex:0 1 auto}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--color-border)}
  .ledger-overview{grid-template-columns:1fr 1fr}.ledger-overview>div:nth-child(2){border-right:0}.ledger-overview>div:nth-child(-n+2){border-bottom:1px solid var(--color-border)}
  .team-toolbar{align-items:flex-start;flex-direction:column}.team-filters{width:100%}.toolbar-field,.toolbar-field.toolbar-search{min-width:calc(50% - 5px);max-width:none;flex:1}.sync-stamp{padding-top:2px}.team-grid{grid-template-columns:1fr}.team-person:nth-child(odd){border-right:0}
  .calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-nav{justify-content:space-between}.calendar-nav h3{flex:1}.calendar-tools{margin:0;flex-wrap:wrap}.calendar-period-picker{flex:1}.calendar-region{margin-left:auto}
  .calendar-weekdays{display:none}.calendar-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:10px;background:var(--color-surface-2)}.calendar-cell,.calendar-cell:nth-child(7n){min-height:0;padding:13px 14px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-1)}.calendar-cell.muted,.calendar-cell.is-empty:not(.today){display:none}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--color-accent)}.calendar-date{display:flex;align-items:center;gap:10px;margin-bottom:10px}.calendar-date span{display:block;color:var(--color-text-secondary);font-size:12.5px;text-transform:capitalize}.calendar-events:empty{display:none}
  .project-workspace-head{grid-template-columns:1fr;margin-top:-26px;padding-top:32px}.project-head-action{justify-content:space-between}.project-kpi-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kpi-rail>div{min-height:104px}.project-active-timer{grid-template-columns:42px minmax(0,1fr) auto}.project-active-timer>strong{grid-column:2}.project-active-timer>.btn{grid-column:3;grid-row:1/3}.project-commandbar{grid-template-columns:minmax(0,1fr) 44px;gap:0}.project-commandbar form{grid-column:1}.project-filter-tabs{grid-column:1/-1;height:auto;padding:7px;border-top:1px solid var(--color-border);overflow:auto}.project-commandbar>.icon-action{grid-column:2;grid-row:1;margin:auto}.project-ledger{overflow:visible}.project-ledger-head{display:none}.project-line{min-width:0;grid-template-columns:30px minmax(0,1fr) 40px;gap:12px;padding:13px}.project-identity{grid-column:2}.project-budget{grid-column:2/4}.project-line>.project-scope-data,.project-line>.project-status{display:none}.project-more{grid-column:3;grid-row:1;opacity:1}
  .project-inspector-hero{padding:24px 20px}.project-inspector-balance{grid-template-columns:1fr 1fr}.project-inspector>.project-boundary-note{margin:14px 20px}.project-inspector-nav{padding:0 20px;overflow:auto}.project-detail-section{padding:24px 20px}.project-team-row{grid-template-columns:40px minmax(160px,1fr) 90px 38px}.project-team-row>span:nth-child(3),.project-team-row>span:nth-child(4),.project-team-row>span:nth-child(5),.project-team-row>.project-status{display:none}
}

@media(max-width:640px){
  :root{--content-gutter:15px}.top-title-copy>small,.top-live{display:none}.top-title-copy>div{margin:0}.top-title h1{font-size:15px}.top-actions{gap:5px}
  .content{padding:22px var(--content-gutter) 50px}.page-head.workspace-heading{grid-template-columns:40px minmax(0,1fr);gap:12px;padding-bottom:20px}.workspace-heading-symbol{width:40px;height:40px}.page-head h2,.page-head.workspace-heading h2{font-size:28px}.page-head p{font-size:13.5px}.page-head .command{display:grid;grid-template-columns:1fr 1fr}.page-head .command .btn,.page-head .command a{width:100%;justify-content:center}.page-head .command>*:last-child:nth-child(odd){grid-column:1/-1}
  .metrics,.ledger-overview{grid-template-columns:1fr}.metric,.ledger-overview>div{min-height:92px;border-right:0!important;border-bottom:1px solid var(--color-border)}.metric:last-child,.ledger-overview>div:last-child{border-bottom:0}.metric strong{font-size:29px}
  .workspace-hero{gap:24px;padding-top:28px;padding-bottom:26px}.workspace-hero-copy h2{font-size:36px}.workspace-hero-actions{display:grid;grid-template-columns:1fr 1fr}.quick-command,.quick-command:first-child{padding:0 10px}.quick-command:last-child:nth-child(odd){grid-column:1/-1}.workspace-scope{grid-template-columns:62px minmax(0,1fr);padding:14px}.scope-orbit{width:58px;height:58px}.signal-ribbon{grid-template-columns:1fr;margin:15px 0}.signal-cell{min-height:112px;padding:17px 18px;border-right:0;border-bottom:1px solid var(--color-border)}.signal-cell:last-child{border-bottom:0}.workspace-grid{gap:14px}.workbench-head{align-items:flex-start;flex-direction:column}.pulse-row{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px 14px}.pulse-index,.pulse-live{display:none}.pulse-row time{grid-column:2;text-align:left}.focus-list{grid-template-columns:1fr}.focus-row{border-right:0;border-bottom:1px solid var(--color-border-subtle)}
  .toolbar-field,.toolbar-field.toolbar-search{min-width:100%}.team-person{align-items:flex-start;flex-direction:column}.live-state{text-align:left}
  .calendar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}.calendar-region{grid-column:1/-1;width:max-content;margin:0}.calendar-cell{padding:12px}.calendar-event b{font-size:13px}.calendar-event span{font-size:11.5px}
  .table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{padding:12px 14px}.row-actions,.lvx-row-actions{opacity:1}
  .project-workspace-head{padding-bottom:28px}.project-workspace-head h2{font-size:36px}.project-head-action{align-items:flex-start;flex-direction:column}.project-kpi-rail>div{padding:16px var(--content-gutter)}.project-active-timer{grid-template-columns:40px minmax(0,1fr)}.project-active-timer>strong{grid-column:2}.project-active-timer>.btn{grid-column:1/-1;grid-row:auto;width:100%}.project-identity{grid-template-columns:78px minmax(0,1fr)}.project-inspector-actions{grid-template-columns:1fr}.project-inspector-timer{grid-template-columns:1fr auto;padding-inline:20px}.project-inspector-timer small{grid-column:1/-1}.project-inspector-balance{grid-template-columns:1fr}.project-budget-visual{grid-column:auto}.project-inspector-nav a{flex:0 0 auto}.project-detail-section>header{align-items:flex-start;flex-direction:column}.project-team-row{grid-template-columns:38px minmax(130px,1fr) 38px}.project-team-row>span:nth-child(3),.project-team-row>span:nth-child(4),.project-team-row>span:nth-child(5),.project-team-row>.project-status{display:none}.project-doc-timeline{margin-left:13px;padding-left:27px}.project-doc-marker{left:-44px}
  .dialog-body,.side-sheet-body{padding:18px}.login-card h2{font-size:32px}
}

@media(hover:none){.row-actions,.lvx-row-actions,.project-more{opacity:1}}
@media(prefers-reduced-motion:reduce){.signal-track i,.project-progress i{animation:none}.quick-command,.project-line,.calendar-event{transition:none}}

/* Update 31 · Microsoft 365 calendar mirror */
.calendar-sync-state{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);box-shadow:var(--shadow-1)}
.calendar-sync-state>div{display:flex;align-items:center;gap:10px;min-width:0}.calendar-sync-state>div:first-child>svg{width:22px;height:22px;flex:0 0 auto;color:var(--color-accent)}.calendar-sync-state span{min-width:0}.calendar-sync-state b,.calendar-sync-state small{display:block}.calendar-sync-state b{font-size:13.5px}.calendar-sync-state small{margin-top:2px;color:var(--color-text-secondary);font-size:12px;line-height:1.4}.calendar-sync-state.is-unconfigured{border-style:dashed;background:var(--color-surface-2)}
.surface-kicker{margin:0 0 3px;color:var(--color-text-tertiary);font-size:10.5px;font-weight:var(--weight-bold);letter-spacing:.07em}.m365-admin-card{grid-column:1/-1}.m365-admin-card .surface-head>div{min-width:0}.m365-account{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--color-border-subtle);border-radius:11px;background:var(--color-surface-2)}.m365-account>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent)}.m365-account>span svg{width:22px;height:22px}.m365-account b,.m365-account small{display:block}.m365-account b{font-size:14px}.m365-account small{margin-top:3px;color:var(--color-text-secondary);font-size:12px}.m365-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border:1px solid var(--color-border-subtle);border-radius:11px;overflow:hidden}.m365-metrics>div{min-width:0;padding:12px 14px;border-right:1px solid var(--color-border-subtle)}.m365-metrics>div:last-child{border-right:0}.m365-metrics span,.m365-metrics strong{display:block}.m365-metrics span{color:var(--color-text-secondary);font-size:11.5px}.m365-metrics strong{margin-top:5px;font-size:14px;font-weight:var(--weight-semibold)}.m365-run{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-left:3px solid var(--color-accent);border-radius:8px;background:var(--color-accent-soft);font-size:12px}.m365-run span{color:var(--color-text-secondary);text-align:right}.m365-error{display:grid;gap:4px;margin-top:12px}.m365-error span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.dialog-intro{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px;padding:13px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-2)}.dialog-intro>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent)}.dialog-intro b,.dialog-intro p{display:block}.dialog-intro p{margin:4px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}
@media(max-width:720px){.calendar-sync-state{align-items:flex-start;flex-direction:column}.calendar-sync-state>div:last-child{flex-wrap:wrap}.m365-metrics{grid-template-columns:1fr}.m365-metrics>div{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.m365-metrics>div:last-child{border-bottom:0}.m365-run{align-items:flex-start;flex-direction:column}.m365-run span{text-align:left}.m365-admin-card .form-actions{display:grid;grid-template-columns:1fr}.m365-admin-card .form-actions .btn{width:100%}}

/* Update 30 completion — one readable scale for every legacy and specialist
   workspace. No user-facing supporting text is allowed to fall back to the
   7–10px precision layer from Update 29. */
.content small,.dialog small,.side-sheet small,.sidebar small,.topbar small,.login small,.terminal-shell small{font-size:12px!important;line-height:1.45}
.eyebrow,.lvx-kicker,.mcx-section-kicker,.section-code,.dialog-kicker,
.project-kpi-rail span,.project-inspector-balance span,.project-budget-visual span,
.project-active-timer>div:nth-child(2) span,.project-inspector-timer>span,
.project-detail-section>header span,.project-doc-item header,.project-doc-item footer,
.mcx-kpi>div>span,.anx-kpi>span,.lvx-kpi small,.mcx-person-copy>span,
.mcx-employee-select>span,.anx-toolbar label>span,.lvx-commandbar label>span,
.mcx-ledger-footer span,.lvx-balance span,.lvx-detail dt,.lvx-detail-note span{
  font-family:var(--font-sans);font-size:11.5px!important;font-weight:740;letter-spacing:.065em
}

/* Quiet canvas and strong hierarchy replace the former technical grid. */
.shell,.content,.terminal-shell{background-image:none!important}
.login-visual::after,.login-visual-grid{display:none}
.content[data-page="dashboard"]{padding-bottom:64px}
.page-head.workspace-heading>div{min-width:0}
.page-head .command{align-items:center;justify-content:flex-end}
.page-head .command .btn,.page-head .command a{white-space:nowrap}
.surface,.metrics,.ledger-overview,.signal-ribbon,.workbench,.focus-rail,
.anx-panel,.lvx-ledger,.lvx-rail-panel,.mcx-control-main,.mcx-export-panel,
.mcx-ledger,.mcx-insight-card{isolation:isolate}

/* Controls, focus and disabled states remain obvious at normal viewing size. */
.btn,.text-command,.quick-command,.saved-view,.context-menu button,
.notification-item,.focus-row,.profile-button{font-size:13.5px}
.text-command{min-height:36px;padding:0 10px;border-radius:8px}
.btn:focus-visible,.icon-button:focus-visible,.icon-action:focus-visible,
.text-command:focus-visible,.quick-command:focus-visible,.saved-view:focus-visible,
.notification-item:focus-visible,.focus-row:focus-visible,.nav button:focus-visible,
.profile-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--focus-ring)}
input:disabled,select:disabled,textarea:disabled,.btn:disabled{color:var(--color-text-disabled);background:var(--color-surface-2)}
.check{min-height:44px;font-size:13.5px}.check input,[type="checkbox"],[type="radio"]{accent-color:var(--color-accent)}

/* Shared information components. */
.detail-grid{border-color:var(--color-border);border-radius:12px;background:var(--color-border)}
.detail-grid>div{padding:16px 18px;background:var(--color-surface-1)}
.detail-grid span,.correction-compare span,.revision-grid span,.permission-groups legend{
  color:var(--color-text-tertiary);font-size:11.5px;font-weight:720;letter-spacing:.055em
}
.detail-grid b,.revision-grid b{font-size:14px}
.warning-row{min-height:66px;padding:14px 2px}.warning-row p{font-size:13.5px;line-height:1.55}
.timeline span{font-size:13.5px}.timeline small{font-size:12px!important}
.revision{padding:17px 0}.revision>small{font-size:12.5px!important}.revision-grid>div{padding:14px}
.session-row{min-height:72px;padding:15px 2px}.session-device b{font-size:14px}.session-device small,.session-device span{font-size:12.5px!important}
.table code,.ops-log,.secret-code,.secret-once code{font-size:12px;line-height:1.55}
.notice,.error,.warning,.success{padding:13px 15px;font-size:13.5px}
.empty,.empty-state{font-size:13.5px}

/* Notifications, saved views, roles, operations and administrative pages. */
.notification-item{min-height:84px;padding:17px 20px}.notification-copy b{font-size:14px}.notification-copy span{font-size:13.5px;line-height:1.5}.notification-copy small{font-size:12px!important}
.view-grid,.role-grid,.permission-groups,.ops-checks{gap:10px;padding:18px}
.view-row,.role-row,.permission-line,.ops-check{min-height:58px;padding:13px 14px;border-radius:10px}
.view-row b,.role-row b,.permission-line b,.ops-check b,.search-person b{font-size:13.5px}
.view-row small,.role-row small,.permission-line small,.ops-check small,.search-person small{font-size:12px!important}
.ops-check em{font-size:11.5px}.ops-log{padding:16px;border-radius:10px}
.command-strip{min-height:52px;padding:8px 12px;border-radius:10px}.command-strip span{font-size:13px}
.command-results button{min-height:62px}.command-results b{font-size:13.5px}.command-results small{font-size:12px!important}

/* Time clock and standard data workspaces. */
.clock-panel{min-height:290px;display:flex;flex-direction:column;justify-content:center;padding:34px;border-radius:16px;background:linear-gradient(145deg,var(--color-surface-1),var(--color-surface-2));box-shadow:var(--shadow-workbench)}
.clock-time{margin:18px 0 8px;font-size:clamp(54px,6vw,76px);font-weight:650}.clock-state{font-size:14px}.clock-actions .btn{min-height:44px;padding:0 17px}
.table th,.mcx-table th,.lvx-table th{font-size:11.5px}.table td,.mcx-table td,.lvx-table td{font-size:14px}
.table .cell-sub,.lvx-cell-sub{font-size:12px!important}.table code{white-space:nowrap}
.pill,.status-badge,.project-status{min-height:28px;padding:5px 10px;font-size:12px}
.row-actions,.lvx-row-actions{opacity:.86}

/* Dashboard labels stay compact without becoming microscopic. */
.scope-orbit small,.workspace-scope>div:last-child>span,.signal-top,.signal-meta,
.pulse-index,.pulse-live,.focus-row small,.focus-rail>footer b,.focus-rail>footer small{
  font-size:11.5px!important
}
.workspace-scope>div:last-child>strong{font-size:15px}.workspace-scope>div:last-child>small{font-size:12.5px!important}
.signal-meta{line-height:1.45}.pulse-row time{font-size:12.5px}.pulse-person small{font-size:12.5px!important}.focus-row em{font-size:12px}

/* Specialist workspaces use the same body and label scale. */
.mcx-action b,.anx-export b,.anx-quality b,.lvx-rail-title b,.lvx-queue b,
.lvx-alerts b,.project-form-lead b,.project-separation-callout b{font-size:13px}
.mcx-action small,.mcx-insight-title small,.mcx-panel-title small,
.anx-quality small,.lvx-queue small,.lvx-zero p,.lvx-alerts span,
.project-form-lead small,.project-separation-callout span{font-size:12px!important}
.anx-month b,.anx-month>span{font-size:11.5px}.anx-export-note span{font-size:12.5px}
.anx-person small{font-size:12px!important}.anx-person b{font-size:13.5px}
.lvx-hero-side small{font-size:11.5px!important}.lvx-hero-side strong{font-size:15px}.lvx-hero-side span{font-size:12.5px}
.lvx-section-head span,.lvx-section-head>small{font-size:11.5px!important}.lvx-person small,.lvx-kind small{font-size:12px!important}.lvx-capacity{font-size:11.5px}
.lvx-detail-head>div>span{font-size:12.5px}.lvx-detail dd,.lvx-detail-note p{font-size:13px}.lvx-preview-loading,.lvx-preview>div,.lvx-dialog-warning{font-size:12.5px}

/* Project portfolio and inspector remain dense, but all decisions and numbers
   are readable without browser zoom. */
.project-kpi-rail small,.project-active-timer>div:nth-child(2) small,
.project-inspector-timer small,.project-budget-visual small,.project-identity small,
.project-budget small,.project-scope-data small,.project-person small,
.project-team-row>span small{font-size:12px!important}
.project-filter-tabs button,.project-bulkbar button{font-size:12px}
.project-ledger-head{font-size:11.5px}.project-code{font-size:11.5px}.project-status{font-size:12px}
.project-identity b{font-size:14.5px}.project-budget b,.project-scope-data b{font-size:13px}
.project-doc-item h4{font-size:15px}.project-doc-item p{font-size:13.5px;line-height:1.62}
.project-section-empty{font-size:13px}.project-inspector-nav a{font-size:12.5px}

/* Login and authorized terminal are readable parts of the same product. */
.login-brand small{font-size:11.5px!important}.login .hero>p:first-child{font-size:11.5px}.login-capabilities b{font-size:12.5px}
.login-systemline,.login-systemline small{font-size:11.5px!important}.login-access-state{margin-bottom:48px;font-size:12px}
.login-card .sub{font-size:14px}.login-card .field>span{font-size:13px}.login-card input{height:50px;font-size:14.5px}.login-security{font-family:var(--font-sans);font-size:12.5px}
.terminal-shell{background:linear-gradient(145deg,var(--color-canvas),var(--color-canvas-subtle))!important}
.terminal-online,.terminal-foot{font-size:11.5px}.terminal-copy{font-size:14px}.terminal-fields .field>span{font-size:12.5px}.terminal-actions button{font-size:15px}

@media(max-width:1180px) and (min-width:861px){
  .nav button{min-height:40px}.nav button .icon{width:34px;height:34px}.sidebar .profile{min-height:50px}
}

@media(max-width:860px){
  .page-head .command{justify-content:flex-start}
  .clock-panel{min-height:240px;padding:26px}
  .notification-item{padding-inline:14px}
  .lvx-commandbar,.anx-toolbar{gap:10px}
}

@media(max-width:640px){
  body{font-size:14px}
  .workspace-hero-copy h2,.project-workspace-head h2{font-size:34px}
  .workspace-hero-copy>p:not(.eyebrow),.page-head p{font-size:14px}
  .clock-time{font-size:48px}
  .ledger-overview>div,.metric{padding:16px 17px}
  .table th,.table td,.mcx-table th,.mcx-table td,.lvx-table th,.lvx-table td{font-size:13.5px}
  .project-inspector-hero h2{font-size:31px}
  .login-access-state{margin-bottom:34px}
}

/* Update 32 · TV-L payroll and encrypted personnel files */
.payroll-page{--payroll-ink:#172033;--payroll-navy:#101827;--payroll-cyan:#77d4ef;display:grid;gap:16px;max-width:1680px;margin:0 auto}
:root[data-theme="dark"] .payroll-page{--payroll-ink:#f2f5fa;--payroll-navy:#0a0f19;--payroll-cyan:#82d9f1}
@media(prefers-color-scheme:dark){:root[data-theme="system"] .payroll-page{--payroll-ink:#f2f5fa;--payroll-navy:#0a0f19;--payroll-cyan:#82d9f1}}
.payroll-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;min-height:230px;padding:38px 40px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(125deg,#0d1524 0%,#14223a 58%,#15324a 100%);box-shadow:0 20px 48px rgba(9,20,38,.19);color:#fff}
.payroll-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 20%,rgba(119,212,239,.18),transparent 34%),linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);pointer-events:none}
.payroll-hero::after{content:"";position:absolute;right:36px;top:28px;width:128px;height:128px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018);pointer-events:none}
.payroll-hero>div{position:relative;z-index:1}.payroll-kicker{display:block;margin-bottom:15px;color:var(--payroll-cyan);font-size:11.5px;font-weight:760;letter-spacing:.13em}.payroll-hero h2{max-width:820px;margin:0;font-size:clamp(34px,4vw,54px);font-weight:620;letter-spacing:-.045em;line-height:1.02}.payroll-hero p{max-width:790px;margin:18px 0 0;color:rgba(242,247,255,.72);font-size:14.5px;line-height:1.65}
.payroll-period{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:300px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(8,15,27,.42);backdrop-filter:blur(10px)}.payroll-period button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.payroll-period button:hover{background:rgba(255,255,255,.12)}.payroll-period span{text-align:center}.payroll-period small,.payroll-period strong{display:block}.payroll-period small{color:rgba(255,255,255,.52);font-size:10px!important;font-weight:740;letter-spacing:.1em}.payroll-period strong{margin-top:5px;font-size:17px;font-weight:650;text-transform:capitalize}
.payroll-hero.personal,.payroll-hero.personnel{grid-template-columns:minmax(0,1fr) auto;min-height:212px}.payroll-hero.personal{background:linear-gradient(125deg,#111827,#1d2942 62%,#233a50)}.payroll-hero.personnel{background:linear-gradient(125deg,#101827,#17253a 57%,#193c43)}
.payroll-vault-mark{display:flex;align-items:center;gap:13px;min-width:230px;padding:15px 16px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(5,12,22,.36)}.payroll-vault-mark>svg{width:24px;height:24px;color:var(--payroll-cyan)}.payroll-vault-mark b,.payroll-vault-mark small{display:block}.payroll-vault-mark b{font-size:14px}.payroll-vault-mark small{margin-top:3px;color:rgba(255,255,255,.59);font-size:12px!important}
.payroll-commandbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:10px 14px 10px 18px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface-1);box-shadow:var(--shadow-1)}.payroll-commandbar>div{display:flex;align-items:center;gap:8px}.payroll-trust{display:flex!important;align-items:center;gap:11px;min-width:0}.payroll-trust>svg{width:22px;height:22px;flex:0 0 auto;color:var(--color-success)}.payroll-trust b,.payroll-trust small{display:block}.payroll-trust b{font-size:13px}.payroll-trust small{margin-top:2px;color:var(--color-text-secondary);font-size:12px!important}
.payroll-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-1);box-shadow:var(--shadow-1)}.payroll-kpis article{position:relative;min-height:118px;padding:21px 22px;border-right:1px solid var(--color-border)}.payroll-kpis article:last-child{border-right:0}.payroll-kpis article::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:var(--color-border-subtle)}.payroll-kpis .payroll-kpi-final::after{background:var(--color-success)}.payroll-kpis span,.payroll-kpis strong,.payroll-kpis small{display:block}.payroll-kpis span{color:var(--color-text-tertiary);font-size:10.5px;font-weight:760;letter-spacing:.1em}.payroll-kpis strong{margin:10px 0 5px;font-size:30px;font-weight:590;letter-spacing:-.035em}.payroll-kpis small{color:var(--color-text-secondary);font-size:12px!important}
.payroll-ledger{margin:0;border-radius:14px}.payroll-ledger .surface-head{min-height:66px;padding:14px 18px}.payroll-ledger .surface-head h3{margin:3px 0 0;font-size:17px}.payroll-source{color:var(--color-text-secondary);font-size:11.5px}.payroll-ledger .table td{height:66px}.payroll-ledger .table tbody tr{transition:background var(--motion-fast) var(--ease-standard)}.payroll-ledger .table tbody tr:hover{background:var(--color-accent-subtle)}
.payroll-legal-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:15px 17px;border:1px solid var(--color-border);border-left:3px solid var(--color-info);border-radius:10px;background:var(--color-info-soft);color:var(--color-text-secondary);font-size:12.5px;line-height:1.55}.payroll-legal-note>svg{width:20px;height:20px;color:var(--color-info)}.payroll-legal-note b{display:block;margin-bottom:2px;color:var(--color-text)}
.payroll-document-list,.personnel-documents{display:grid}.payroll-document-list article,.personnel-documents article{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(130px,auto) auto;align-items:center;gap:15px;min-height:82px;padding:14px 18px;border-bottom:1px solid var(--color-border-subtle)}.payroll-document-list article:last-child,.personnel-documents article:last-child{border-bottom:0}.payroll-file-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-2);color:var(--color-accent)}.payroll-file-icon svg{width:21px;height:21px}.payroll-document-list b,.payroll-document-list small,.personnel-documents b,.personnel-documents small,.personnel-documents em{display:block}.payroll-document-list small,.personnel-documents small{margin-top:4px;color:var(--color-text-secondary);font-size:12px!important}.personnel-documents em{margin-top:3px;color:var(--color-text-tertiary);font-size:11.5px;font-style:normal}.payroll-net{text-align:right}.payroll-net small{margin:0 0 3px}.payroll-net b{font-size:15px}.payroll-empty{min-height:230px}.payroll-empty>svg{width:32px;height:32px;margin-bottom:9px;color:var(--color-accent)}
.personnel-toolbar>label{display:grid;grid-template-columns:auto minmax(260px,420px);align-items:center;gap:10px}.personnel-toolbar>label>span{color:var(--color-text-secondary);font-size:11.5px;font-weight:690}.personnel-lock{display:flex;align-items:center;gap:5px;color:var(--color-text-secondary);font-size:11.5px;white-space:nowrap}.personnel-lock svg{width:15px;height:15px}
.payroll-setup{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:610px;margin:-20px}.payroll-setup-tabs{display:flex;flex-direction:column;gap:4px;padding:20px 12px;border-right:1px solid var(--color-border);background:var(--color-surface-2)}.payroll-setup-tabs button{min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:12.5px;font-weight:610;text-align:left;cursor:pointer}.payroll-setup-tabs button:hover{background:var(--color-surface-3);color:var(--color-text)}.payroll-setup-tabs button.active{background:var(--color-accent-soft);color:var(--color-accent)}.payroll-setup>section{padding:24px;overflow:auto}.payroll-sensitive-note{display:flex;align-items:center;gap:8px;margin-top:15px;padding:11px 12px;border-radius:8px;background:var(--color-surface-2);color:var(--color-text-secondary);font-size:12px}.payroll-sensitive-note svg{width:16px;height:16px;color:var(--color-success)}
.payroll-current-assignment{display:grid;gap:4px;margin-bottom:20px;padding:18px;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:10px;background:var(--color-surface-2)}.payroll-current-assignment span{color:var(--color-accent);font-size:10.5px;font-weight:760;letter-spacing:.1em}.payroll-current-assignment strong{font-size:18px}.payroll-current-assignment small{color:var(--color-text-secondary);font-size:12px!important}.payroll-history{display:grid;gap:0;margin-top:20px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.payroll-history>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;min-height:52px;padding:10px 13px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1)}.payroll-history>div:last-child{border-bottom:0}.payroll-history b{font-size:13px}.payroll-history span,.payroll-history small{font-size:12px}.payroll-history small{color:var(--color-text-secondary)!important}
.payroll-statement{display:grid;gap:16px}.payroll-statement-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px;border-radius:14px;background:linear-gradient(125deg,#101827,#19334a);color:#fff}.payroll-statement-summary .pill{margin-right:7px}.payroll-statement-summary em{color:rgba(255,255,255,.55);font-size:11.5px;font-style:normal}.payroll-statement-summary h3{margin:12px 0 5px;font-size:28px;letter-spacing:-.035em}.payroll-statement-summary p{margin:0;color:rgba(255,255,255,.66);font-size:12.5px}.payroll-statement-summary>div:last-child{text-align:right}.payroll-statement-summary>div:last-child small,.payroll-statement-summary>div:last-child strong{display:block}.payroll-statement-summary>div:last-child small{color:rgba(255,255,255,.55);font-size:10.5px!important;font-weight:760;letter-spacing:.09em}.payroll-statement-summary>div:last-child strong{margin:4px 0 10px;font-size:28px}.payroll-statement-summary .btn{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.09);color:#fff}
.payroll-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--color-border);border-radius:12px}.payroll-totals>div{padding:14px;border-right:1px solid var(--color-border)}.payroll-totals>div:last-child{border-right:0;background:var(--color-accent-subtle)}.payroll-totals span,.payroll-totals b{display:block}.payroll-totals span{color:var(--color-text-secondary);font-size:10.5px;font-weight:690}.payroll-totals b{margin-top:6px;font-size:15px}.payroll-meta{padding:11px 13px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-2)}.payroll-meta form{display:flex;align-items:end;gap:10px}.payroll-meta label{display:grid;gap:4px}.payroll-meta label span{color:var(--color-text-secondary);font-size:10.5px;font-weight:690}.payroll-meta input{height:34px;min-width:110px}.payroll-meta .btn{margin-left:auto}
.payroll-items{overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1)}.payroll-items>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid var(--color-border)}.payroll-items h4{margin:3px 0 0;font-size:15px}.payroll-item-table{min-width:690px}.payroll-item-row{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(120px,.8fr) 105px 110px 82px;align-items:center;gap:12px;min-height:55px;padding:8px 14px;border-bottom:1px solid var(--color-border-subtle);font-size:12.5px}.payroll-item-row:last-child{border-bottom:0}.payroll-item-row.head{min-height:38px;background:var(--color-surface-2);color:var(--color-text-tertiary);font-size:10.5px;font-weight:730;letter-spacing:.04em}.payroll-item-row>span:first-child b,.payroll-item-row>span:first-child small{display:block}.payroll-item-row>span:first-child b{font-size:11px;font-family:var(--font-mono)}.payroll-item-row>span:first-child small{margin-top:3px;color:var(--color-text-secondary);font-size:12px!important}.payroll-item-row>strong{text-align:right}.payroll-item-row>span:last-child{display:flex;justify-content:flex-end;gap:3px}.payroll-confirmed,.payroll-open{display:flex;align-items:center;gap:4px;font-size:11.5px;font-style:normal}.payroll-confirmed{color:var(--color-success)}.payroll-open{color:var(--color-warning)}.payroll-confirmed svg,.payroll-open svg{width:14px;height:14px}.payroll-source-tag{color:var(--color-text-tertiary);font:10.5px var(--font-mono);text-transform:uppercase}
.payroll-check{border:1px solid var(--color-border);border-radius:11px;overflow:hidden}.payroll-check>header{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:13px 15px}.payroll-check>header>svg{width:20px;height:20px}.payroll-check b,.payroll-check small{display:block}.payroll-check b{font-size:13px}.payroll-check small{margin-top:2px;color:var(--color-text-secondary);font-size:11.5px!important}.payroll-check.has-issues{border-color:color-mix(in srgb,var(--color-warning) 36%,var(--color-border));background:var(--color-warning-soft)}.payroll-check.has-issues>header>svg{color:var(--color-warning)}.payroll-check.is-ready{border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:var(--color-success-soft)}.payroll-check.is-ready>header>svg{color:var(--color-success)}.payroll-check ul{display:grid;gap:5px;margin:0;padding:0 18px 14px 47px;color:var(--color-text-secondary);font-size:12px}.payroll-workflow{position:sticky;bottom:-1px;display:flex;justify-content:flex-end;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:11px;background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);box-shadow:0 -8px 24px rgba(15,23,42,.06);backdrop-filter:blur(12px)}.payroll-confirm-check{grid-column:1/-1;padding:10px;border-radius:8px;background:var(--color-success-soft);color:var(--color-success)}.payroll-drop{padding:14px;border:1px dashed var(--color-border-strong);border-radius:10px;background:var(--color-surface-2)}.payroll-drop small{margin-top:7px;color:var(--color-text-secondary)}

@media(max-width:1180px){.payroll-hero{grid-template-columns:1fr;gap:28px}.payroll-period{max-width:430px}.payroll-kpis{grid-template-columns:repeat(2,1fr)}.payroll-kpis article:nth-child(2){border-right:0}.payroll-kpis article:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.payroll-totals{grid-template-columns:repeat(3,1fr)}.payroll-totals>div:nth-child(3){border-right:0}.payroll-totals>div:nth-child(-n+3){border-bottom:1px solid var(--color-border)}.payroll-totals>div:nth-child(4){border-right:1px solid var(--color-border)}}
@media(max-width:860px){.payroll-hero{margin-top:-26px;border-radius:0 0 16px 16px;padding:34px 24px}.payroll-hero.personal,.payroll-hero.personnel{grid-template-columns:1fr;gap:22px}.payroll-vault-mark{max-width:360px}.payroll-commandbar{align-items:flex-start;flex-direction:column}.payroll-commandbar>div:last-child{width:100%;flex-wrap:wrap}.payroll-kpis article{min-height:105px;padding:17px}.payroll-setup{grid-template-columns:1fr;margin:-18px}.payroll-setup-tabs{flex-direction:row;padding:10px;border-right:0;border-bottom:1px solid var(--color-border);overflow:auto}.payroll-setup-tabs button{flex:0 0 auto}.payroll-setup>section{padding:18px}.payroll-document-list article,.personnel-documents article{grid-template-columns:42px minmax(0,1fr) auto}.payroll-net,.personnel-lock{grid-column:2}.payroll-document-list article>.btn,.personnel-documents article>.btn{grid-column:3;grid-row:1/3}.personnel-documents article>.icon-action{grid-column:3}.payroll-statement-summary{align-items:flex-start;flex-direction:column}.payroll-statement-summary>div:last-child{text-align:left}.payroll-totals{grid-template-columns:repeat(2,1fr)}.payroll-totals>div{border-bottom:1px solid var(--color-border)}.payroll-totals>div:nth-child(2n){border-right:0}.payroll-totals>div:last-child{grid-column:1/-1;border-bottom:0}.payroll-meta form{align-items:stretch;flex-wrap:wrap}.payroll-meta label{flex:1;min-width:130px}.payroll-meta .btn{width:100%;margin:0}.payroll-items{overflow:auto}.payroll-workflow{flex-wrap:wrap}}
@media(max-width:640px){.payroll-hero{min-height:0;padding:29px 20px}.payroll-hero h2{font-size:35px}.payroll-period{min-width:0;width:100%}.payroll-commandbar>div:last-child{display:grid;grid-template-columns:1fr;width:100%}.payroll-commandbar .btn{width:100%;justify-content:center}.payroll-kpis{grid-template-columns:1fr}.payroll-kpis article{border-right:0;border-bottom:1px solid var(--color-border)}.payroll-kpis article:last-child{border-bottom:0}.personnel-toolbar>label{grid-template-columns:1fr;width:100%}.personnel-toolbar select{width:100%}.payroll-document-list article,.personnel-documents article{grid-template-columns:42px minmax(0,1fr);padding:14px}.payroll-document-list article>.btn,.personnel-documents article>.btn{grid-column:1/-1;grid-row:auto;width:100%;justify-content:center}.personnel-documents article>.icon-action{grid-column:2;justify-self:end}.payroll-totals{grid-template-columns:1fr}.payroll-totals>div,.payroll-totals>div:nth-child(3),.payroll-totals>div:nth-child(4){border-right:0}.payroll-totals>div:last-child{grid-column:auto}.payroll-history>div{grid-template-columns:1fr}.payroll-workflow .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.payroll-ledger .table tbody tr,.payroll-period button{transition:none}}

/* TIMEBURG 2026.11.09-33 · High-Assurance Security Center */
.security-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.security-status-grid>div{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:14px;padding:14px;display:grid;gap:6px;background:var(--surface-soft,rgba(248,250,252,.7))}
.security-status-grid small{line-height:1.45;color:var(--muted,#64748b)}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:8px}
.table tr.is-voided{opacity:.68}
.project-active-timer.is-paused{border-style:dashed}
@media(max-width:980px){.security-status-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}}

/* TIMEBURG 2026.11.09-34 · Security Governance */
.surface-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 18px 10px;border-top:1px solid var(--color-border-subtle,rgba(15,23,42,.1));background:var(--surface-soft,rgba(248,250,252,.7))}
.surface-subhead>b{font-size:13px;letter-spacing:.01em;color:var(--color-text-primary,#0f172a)}
.surface-subhead>small{font-size:11px;line-height:1.45;color:var(--color-text-tertiary,#64748b);text-align:right}
@media(max-width:720px){.surface-subhead{align-items:flex-start;flex-direction:column}.surface-subhead>small{text-align:left}}

/* TIMEBURG 2026.11.09-35 · TV-L payroll completion */
.payroll-tariff-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:14px 16px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-2)}
.payroll-tariff-source span,.payroll-tariff-source b,.payroll-tariff-source small{display:block}.payroll-tariff-source span{color:var(--color-accent);font-size:10px;font-weight:760;letter-spacing:.1em}.payroll-tariff-source b{margin-top:4px;font-size:13px}.payroll-tariff-source small{margin-top:3px;color:var(--color-text-secondary);font-size:11.5px!important}
.payroll-tariff-table-wrap{margin-top:10px;overflow:auto;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-1)}
.payroll-tariff-table{width:100%;min-width:850px;border-collapse:collapse;font-variant-numeric:tabular-nums}.payroll-tariff-table th,.payroll-tariff-table td{height:39px;padding:7px 10px;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);text-align:right;font-size:11.5px;white-space:nowrap}.payroll-tariff-table th:first-child{text-align:left;position:sticky;left:0;z-index:1;background:var(--color-surface-2)}.payroll-tariff-table thead th{background:var(--color-surface-2);color:var(--color-text-secondary);font-size:10.5px;font-weight:720}.payroll-tariff-table tr:last-child th,.payroll-tariff-table tr:last-child td{border-bottom:0}.payroll-tariff-table th:last-child,.payroll-tariff-table td:last-child{border-right:0}.payroll-tariff-table tr.is-assigned{background:var(--color-accent-subtle)}.payroll-tariff-table td.is-selected{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-accent-soft);color:var(--color-accent);font-weight:760}
.payroll-automation{overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1)}.payroll-automation>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--color-border)}.payroll-automation h4{margin:3px 0 0;font-size:15px}.payroll-automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-automation-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:174px;padding:16px;border-right:1px solid var(--color-border-subtle)}.payroll-automation-grid article:last-child{border-right:0}.payroll-automation-grid article>span{color:var(--color-text-tertiary);font-size:10.5px;font-weight:760;letter-spacing:.08em}.payroll-automation-grid article>b{margin-top:7px;font-size:14px}.payroll-automation-grid article>small{margin:6px 0 14px;color:var(--color-text-secondary);font-size:11.5px!important;line-height:1.55}.payroll-automation-grid article>.btn,.payroll-automation-grid .row-actions{margin-top:auto}.payroll-automation-grid .row-actions{display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:860px){.payroll-tariff-source{align-items:flex-start;flex-direction:column}.payroll-automation-grid{grid-template-columns:1fr}.payroll-automation-grid article{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.payroll-automation-grid article:last-child{border-bottom:0}}