/* Semantic presentation layer. Domain markup and API contracts stay intact. */
:root{--font-sans:Inter,"Segoe UI",Arial,sans-serif;--font-mono:"Cascadia Mono",Consolas,monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--leading-tight:1.25;--leading-normal:1.5;--weight-medium:600;--weight-semibold:700;--weight-bold:800;--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;--control-sm:2rem;--control-md:2.5rem;--control-lg:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--background:#f4f6f9;--surface:#fff;--elevated:#fff;--text-primary:#172033;--text-secondary:#526176;--text-muted:#68778d;--border:#d9e0e9;--border-strong:#b8c3d1;--primary:#244f91;--primary-hover:#1b417b;--primary-contrast:#fff;--accent:#3a6bb1;--success:#176246;--warning:#805208;--danger:#a82935;--information:#285d98;--focus:#2463c4;--disabled:#7e899a;--subtle:#eef2f7;--success-bg:#e7f4ed;--warning-bg:#fff3d8;--danger-bg:#fcebed;--information-bg:#e9f1fb;--navigation-text:#fff;--nav:#15243b;--nav2:#223a5c;--glass-surface:color-mix(in srgb,var(--surface) 90%,transparent);--glass-elevated:color-mix(in srgb,var(--elevated) 94%,transparent);--glass-subtle:color-mix(in srgb,var(--subtle) 82%,transparent);--shadow-1:0 1px 2px rgba(19,35,58,.06);--shadow-2:0 6px 18px rgba(19,35,58,.08);--shadow-3:0 24px 70px rgba(8,19,33,.3);--motion-fast:120ms;--motion-normal:180ms;--motion-slow:260ms;--ease-standard:cubic-bezier(.2,0,0,1);--ease-enter:cubic-bezier(.16,1,.3,1);--z-nav:20;--z-header:15;--z-overlay:50;--bg:var(--background);--card:var(--surface);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border);--green:var(--primary);--shadow:var(--shadow-1);--radius:var(--radius-md);--cell-y:11px;--field-y:9px;color-scheme:light}
:root[data-theme=dark]{--background:#101720;--surface:#182330;--elevated:#202e3e;--text-primary:#e7edf6;--text-secondary:#bbc7d7;--text-muted:#a3b2c6;--border:#405169;--border-strong:#64758c;--primary:#a5c4ff;--primary-hover:#c3d7ff;--primary-contrast:#14233a;--accent:#a5c4ff;--success:#8cddb2;--warning:#f6d486;--danger:#ffafb7;--information:#a5caff;--focus:#91baff;--disabled:#a1aabc;--subtle:#233246;--success-bg:#193b30;--warning-bg:#40331b;--danger-bg:#412831;--information-bg:#1d354e;--nav:#111d2d;--nav2:#293d58;color-scheme:dark}
:root[data-theme=contrast]{--background:#fff;--surface:#fff;--elevated:#fff;--text-primary:#000;--text-secondary:#222;--text-muted:#333;--border:#000;--primary:#123d80;--success:#00482e;--warning:#633c00;--danger:#8d001b;--focus:#000;--shadow:none}
:root[data-density=compact]{--cell-y:8px;--field-y:7px}
:root[data-density=dense]{--cell-y:5px;--field-y:5px}
body{background:var(--background);color:var(--text-primary)}
main>header{justify-content:flex-start}main>header>.rail-toggle{flex:none}main>header>div:not(.header-actions){flex:1;min-width:180px}.header-actions{margin-left:auto}
#content :is(input,select,textarea),.reason-dialog :is(input,select,textarea){background:var(--surface);color:var(--text-primary);border-color:var(--border);padding:var(--field-y) 10px}
#content :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}
#content button{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);padding:var(--field-y) 11px;font:inherit;font-size:12px}
#content :is(.primary,.primary-small){background:var(--primary);color:var(--surface);border-color:var(--primary)}
#content :is(th,td){padding-top:var(--cell-y);padding-bottom:var(--cell-y)}
.sidebar .brand-mark{background:#a5c4ff;color:#17263f}.sidebar .source-card{background:var(--nav2);border-color:#526176}
.sidebar #nav a.active{box-shadow:inset 3px 0 #a5c4ff}.sidebar #nav a.active span{color:#a5c4ff}
.sidebar #nav .nav-priority{min-height:42px;margin-bottom:4px;padding:9px 11px;background:color-mix(in srgb,var(--nav2) 42%,transparent);font-size:var(--text-sm);font-weight:var(--weight-bold)}
.sidebar #nav .nav-priority:hover,.sidebar #nav .nav-priority.active{background:var(--nav2)}
.sidebar #nav .nav-section{margin:5px 0 2px;padding:0}
.sidebar #nav .nav-section[hidden]{display:none}
.sidebar #nav .nav-section button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;width:100%;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9fb0c6;font:inherit;font-size:9px;font-weight:var(--weight-bold);letter-spacing:.11em;text-align:left;text-transform:uppercase}
.sidebar #nav .nav-section button:hover{border-color:transparent;background:color-mix(in srgb,var(--nav2) 62%,transparent);color:#fff}
.sidebar #nav .nav-section[data-collapsed=false] button{border-color:color-mix(in srgb,#8aa6c8 28%,transparent);background:color-mix(in srgb,var(--nav2) 72%,transparent);color:#fff}
.sidebar #nav .nav-section button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar #nav .nav-section button small{display:grid;place-items:center;min-width:21px;height:18px;padding:0 5px;border:1px solid #526985;border-radius:var(--radius-pill);color:#c5d2e2;font-size:9px;letter-spacing:0}
.sidebar #nav .nav-section button i{font-style:normal;font-size:12px;transition:transform var(--motion-fast) var(--ease-standard)}
.sidebar #nav .nav-section[data-collapsed=true] button i{transform:rotate(-90deg)}
.sidebar #nav a:not(.nav-priority){min-height:36px;margin:1px 0;padding:8px 11px 8px 14px;border-left:2px solid transparent;border-radius:7px;font-size:var(--text-sm);line-height:1.25}
.sidebar #nav a:not(.nav-priority) span{flex:0 0 18px}.sidebar #nav a:not(.nav-priority).active{border-left-color:#a5c4ff;background:color-mix(in srgb,var(--nav2) 86%,transparent)}
.sidebar #nav a.nav-group-collapsed{display:none}
#content .draft-fields{align-items:start}#content .draft-fields>button{align-self:end}#content .draft-fields>label{min-width:0}
main>header{height:auto;min-height:84px;gap:16px;padding:16px 24px;flex-wrap:wrap;background:var(--surface)}
header h1{font-size:22px}.header-actions{gap:8px;flex-wrap:wrap}.sidebar{background:var(--nav)}
.panel,.table-wrap,.metric,.snapshot,.reason-dialog{background:var(--surface);color:var(--text-primary);border-color:var(--border);border-radius:var(--radius)}
.metric{box-shadow:none}.metric strong{font-size:24px;font-variant-numeric:tabular-nums}.metric em{color:var(--text-muted)}
th,td{padding-top:var(--cell-y);padding-bottom:var(--cell-y);border-color:var(--border);font-variant-numeric:tabular-nums}td{font-size:12px}th{font-size:11px;background:var(--subtle);color:var(--text-secondary)}tbody tr:hover{background:var(--subtle)}
body :is(input,select,textarea){background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:var(--field-y) 10px;font:inherit;font-size:12px}
body :is(button,.logout){background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;cursor:pointer}
body button:disabled{color:var(--disabled);cursor:not-allowed}body :is(.primary,.primary-small){background:var(--primary);color:var(--surface);border-color:var(--primary)}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.notice,.ledger-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.notice b{color:inherit}
.status,.badge{background:var(--subtle);color:var(--text-secondary);font-size:10px}
.status:is(.approved,.paid,.completed,.consumed),.badge:not(.warn){background:var(--success-bg);color:var(--success)}
.status:is(.submitted,.pending,.partially_paid),.badge.warn,.preview-pill{background:var(--warning-bg);color:var(--warning)}
.status:is(.blocked,.exception,.rejected,.over_limit,.on_hold),.error{background:var(--danger-bg);color:var(--danger)}
.rail-toggle,.utility-button,.command-trigger{padding:9px 11px;font:inherit;font-size:12px}.command-trigger{display:flex;align-items:center;gap:10px}.command-trigger kbd{border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:10px}.rail-toggle{font-size:18px}.signed-user{font-size:12px}
.command-center{width:min(640px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--elevated);color:var(--text-primary);box-shadow:0 24px 70px #0005}.command-center::backdrop{background:#08132199}.command-center form{padding:24px}.command-head{display:flex;justify-content:space-between;gap:16px}.command-head h2{font-size:20px;margin:4px 0 16px}.command-head button{align-self:start;padding:4px 12px;font-size:22px}.command-search{display:grid;gap:8px;font-size:12px;color:var(--text-secondary)}.command-search input{width:100%;padding:12px}.command-results{display:grid;gap:4px;max-height:320px;overflow:auto;margin-top:12px}.command-option{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;text-align:left;font:inherit}.command-option small{color:var(--text-secondary)}.command-option:hover{background:var(--subtle)}
@media(min-width:901px){:root[data-rail=collapsed] .sidebar{width:72px;padding:20px 10px}:root[data-rail=collapsed] main{margin-left:72px}:root[data-rail=collapsed] .brand{padding:0 4px 20px}:root[data-rail=collapsed] .brand>div,:root[data-rail=collapsed] #nav p,:root[data-rail=collapsed] .source-card{display:none}:root[data-rail=collapsed] #nav a{display:none}:root[data-rail=collapsed] #nav a.nav-priority,:root[data-rail=collapsed] #nav a.active{display:flex;min-height:42px;margin-bottom:4px;font-size:0;gap:0;justify-content:center;padding:10px 8px}:root[data-rail=collapsed] #nav a span{font-size:18px}}
@media(max-width:720px){.sidebar{padding:16px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-rail=collapsed] .sidebar nav{display:none}main>header{padding:12px 16px}.header-actions{width:100%}.header-actions .avatar{display:none}.command-trigger{flex:1}.utility-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Layered glass treatment. Data cells and form controls stay opaque for legibility. */
body{background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--information) 8%,transparent),transparent 27rem),radial-gradient(circle at 42% 88%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 32rem),var(--background)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  main>header{background:var(--glass-elevated);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}
  .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--nav) 96%,transparent),color-mix(in srgb,#0b2522 95%,transparent));-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}
  .notice,.snapshot,.metric,.panel,.command-center,.attention-trigger{background-color:var(--glass-surface);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}
  .sidebar :is(.nav-priority,.nav-section button,.source-card){background-color:color-mix(in srgb,var(--nav2) 72%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05)}
  .sidebar .source-card{background:color-mix(in srgb,var(--nav2) 84%,transparent)}
  .command-center{background:var(--glass-elevated);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}
  .command-center::backdrop,dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
}
:root[data-theme=contrast] :is(main>header,.sidebar,.notice,.snapshot,.metric,.panel,.command-center,.attention-trigger){background-color:var(--surface);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Successful-login arrival handoff. */
@keyframes workspace-arrival-progress{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
.workspace-entry-loader{position:fixed;z-index:calc(var(--z-overlay) + 20);inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:color-mix(in srgb,var(--background) 86%,transparent);color:var(--text-primary);opacity:1;visibility:visible;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);transition:opacity 360ms var(--ease-standard),visibility 360ms}.workspace-entry-loader>span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:var(--primary);color:var(--primary-contrast);font-size:20px;font-weight:var(--weight-bold);box-shadow:var(--shadow-2)}.workspace-entry-loader p{display:grid;gap:2px;margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.workspace-entry-loader small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.workspace-entry-loader>i{position:absolute;width:min(260px,62vw);height:3px;margin-top:86px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transform-origin:left;animation:workspace-arrival-progress 650ms var(--ease-enter) both}.workspace-entry-loader.is-complete{pointer-events:none;opacity:0;visibility:hidden}:root[data-theme=contrast] .workspace-entry-loader{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-workspace-arrival=active] :is(.sidebar,main){filter:saturate(.85);transform:scale(.995)}
@media(max-width:620px){.workspace-entry-loader{align-content:center;flex-direction:column;text-align:center}.workspace-entry-loader>i{margin-top:126px}}
@media(prefers-reduced-motion:reduce){.workspace-entry-loader{transition:none}.workspace-entry-loader>i{animation:none}:root[data-workspace-arrival=active] :is(.sidebar,main){filter:none;transform:none}}
@media(max-width:900px){@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){main>header,.sidebar,.notice,.snapshot,.metric,.panel,.command-center,.attention-trigger{-webkit-backdrop-filter:blur(8px) saturate(1.04);backdrop-filter:blur(8px) saturate(1.04)}}}

/* Foundation v2: shared scale, interaction states and responsive shell. */
html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:var(--leading-normal)}
.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);z-index:calc(var(--z-overlay) + 1);transform:translateY(-180%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-contrast);font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-2);transition:transform var(--motion-fast) var(--ease-standard)}.skip-link:focus{transform:translateY(0)}
.sidebar{z-index:var(--z-nav);padding:22px 14px 18px;box-shadow:4px 0 18px rgba(8,19,33,.08)}.sidebar .brand{padding:0 10px 18px}.sidebar nav{min-height:0;align-content:start;gap:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar nav:hover{scrollbar-color:#526985 transparent}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}.sidebar nav:hover::-webkit-scrollbar-thumb{background:#526985}.sidebar nav a{transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.sidebar .source-card{margin-top:12px;padding:11px 12px;border-radius:10px}.sidebar .source-card b{font-size:10px}.sidebar .source-card small{font-size:8px}
main>header{position:sticky;top:0;z-index:var(--z-header);min-height:88px;padding:var(--space-4) var(--space-6);gap:var(--space-4);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-1);backdrop-filter:blur(12px)}main>header>.page-context{flex:1;min-width:180px}.page-context{display:grid;align-content:center}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.breadcrumb strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}header h1{font-size:var(--text-xl);line-height:var(--leading-tight)}
.header-actions{gap:var(--space-2)}.display-controls{display:flex;gap:var(--space-2)}.rail-toggle,.utility-button,.command-trigger{padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm)}.rail-toggle{width:var(--control-md);height:var(--control-md);padding:0;font-size:18px}.command-trigger{min-height:var(--control-md);gap:var(--space-2)}.command-trigger kbd{border-radius:var(--radius-sm);padding:2px var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.signed-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--weight-semibold)}
.panel,.table-wrap,.metric,.snapshot,.reason-dialog{border-radius:var(--radius-lg)}.panel,.table-wrap{box-shadow:var(--shadow-1)}.panel-head{min-height:58px}.metric{box-shadow:var(--shadow-1);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.metric:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.metric strong{font-size:var(--text-2xl)}
body :is(input,select,textarea){min-height:var(--control-md);border-radius:var(--radius-sm);padding:var(--field-y) var(--space-3);font-size:var(--text-sm);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}body :is(input,select,textarea):hover{border-color:var(--border-strong)}body :is(input,select,textarea):focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 18%,transparent);outline:0}
body :is(button,.logout){min-height:var(--control-sm);border-radius:var(--radius-sm);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}body :is(button,.logout):hover:not(:disabled){border-color:var(--border-strong);background:var(--subtle)}body :is(button,.logout):active:not(:disabled){transform:translateY(1px)}
body :is(.primary,.primary-small),#content :is(.primary,.primary-small){background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}body :is(.primary,.primary-small):hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}
.command-center{border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.command-center::backdrop{backdrop-filter:blur(3px)}.command-center form{padding:var(--space-6)}.command-head{gap:var(--space-4)}.command-head h2{font-size:var(--text-xl);margin:var(--space-1) 0 var(--space-4)}.command-search{gap:var(--space-2);font-size:var(--text-sm)}.command-results{gap:var(--space-1);margin-top:var(--space-3)}.command-option{gap:var(--space-3);padding:var(--space-3)}
@media(max-width:900px){.sidebar{position:sticky;top:0;width:100%;min-height:0;padding:var(--space-3) var(--space-4);z-index:var(--z-nav)}.sidebar .brand{padding:0}.sidebar .brand-mark{width:36px;height:36px;border-radius:var(--radius-md)}.sidebar .brand .rail-toggle{position:static;margin-left:auto;background:var(--nav2);border-color:#526985;color:#fff}.sidebar .brand small,.sidebar .source-card{display:none}.sidebar nav{display:none;grid-template-columns:1fr 1fr;max-height:calc(100vh - 72px);padding-top:var(--space-3)}:root[data-mobile-nav=open] .sidebar nav{display:grid}.sidebar #nav .nav-section{display:block;grid-column:1/-1;margin:12px 0 2px}.sidebar #nav .nav-section[hidden]{display:none}.sidebar #nav .nav-section button{min-height:34px;padding:8px}.sidebar nav a{font-size:var(--text-sm);padding:var(--space-3)}main{margin-left:0}main>header{position:static;padding:var(--space-3) var(--space-4)}.page-context{width:100%}.breadcrumb{display:none}.header-actions{width:100%;margin-left:0}.header-actions .avatar,.header-actions .signed-user{display:none}.command-trigger{order:-1;flex:1;min-width:190px}.display-controls{margin-left:auto}.utility-button{font-size:var(--text-xs)}.notice{margin:var(--space-4) var(--space-4) 0}#content{padding:var(--space-4)}.hero{align-items:start;gap:var(--space-3)}.snapshot{flex:none}.panel-head{align-items:flex-start;gap:var(--space-3)}}
@media(max-width:460px){.sidebar nav{grid-template-columns:1fr}.header-actions{align-items:stretch}.command-trigger{width:100%}.display-controls{width:100%;margin:0}.display-controls button{flex:1}.logout{margin-left:auto}.metrics{grid-template-columns:1fr}.hero{display:grid}.notice{font-size:var(--text-xs)}}

/* Motion system: restrained enterprise feedback with an accessible opt-out. */
@keyframes workspace-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
.sidebar,main{transition:width var(--motion-slow) var(--ease-enter),margin-left var(--motion-slow) var(--ease-enter),padding var(--motion-slow) var(--ease-enter)}
.sidebar .brand-mark{transition:transform var(--motion-normal) var(--ease-enter),box-shadow var(--motion-normal) var(--ease-standard)}.sidebar .brand-mark:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 5px 16px rgba(8,19,33,.2)}
.sidebar #nav a:not(.nav-priority){transition:opacity var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-enter),background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),display var(--motion-normal) allow-discrete;transition-behavior:allow-discrete}
.sidebar #nav a.nav-group-collapsed{opacity:0;transform:translateY(-6px)}
@starting-style{.sidebar #nav a:not(.nav-priority):not(.nav-group-collapsed){opacity:0;transform:translateY(-6px)}}
#content>*{animation:workspace-enter var(--motion-slow) var(--ease-enter) both}#content>:nth-child(2){animation-delay:24ms}#content>:nth-child(3){animation-delay:48ms}#content>:nth-child(n+4){animation-delay:72ms}
#content :is(.panel,.table-wrap,.metric,.component-form,.legacy-workspace-form){transition:border-color var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-enter)}
#content :is(.panel,.table-wrap,.component-form,.legacy-workspace-form):hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}
#content tbody tr{transition:background-color var(--motion-fast) var(--ease-standard)}
#content :is(.status,.badge){transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-enter)}
#content :is(.status,.badge):hover{transform:translateY(-1px)}
dialog[open]:not(.workspace-drawer){animation:dialog-enter var(--motion-slow) var(--ease-enter) both}dialog[open]::backdrop{animation:backdrop-enter var(--motion-normal) ease-out both}
#content :is(.hero,.toolbar,.filters,.workflow-steps,.notice,.feedback,.control-note,.footer-note,.module-row,.account-row,.attention-item,details>summary){transition:opacity var(--motion-normal) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-enter)}
#content :is(.module-row,.account-row,details>summary):hover{background:color-mix(in srgb,var(--information-bg) 34%,transparent);transform:translateX(2px)}
#content :is(.loading,.empty,.error){animation:workspace-enter var(--motion-slow) var(--ease-enter) both}
#motion-toggle{min-width:112px}#motion-toggle[aria-pressed=true]{background:var(--subtle);color:var(--text-secondary)}
:root[data-motion=reduced] *, :root[data-motion=reduced] *::before, :root[data-motion=reduced] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the glass system authoritative after the foundation cascade. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  main>header{background:var(--glass-elevated);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}
}
@media(max-width:900px){@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  main>header,.sidebar,.notice,.snapshot,.metric,.panel,.command-center,.attention-trigger{-webkit-backdrop-filter:blur(8px) saturate(1.04);backdrop-filter:blur(8px) saturate(1.04)}
}}
:root[data-theme=contrast] :is(main>header,.sidebar,.notice,.snapshot,.metric,.panel,.command-center,.attention-trigger){background-color:var(--surface);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Keyboard focus remains visible after the general input-focus treatment. */
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}

/* Fixed paper colours remain readable independently of screen theme. */
:root{--print-paper:#fff;--print-ink:#172033;--print-accent:#15243b;--print-muted:#526176;--print-rule:#d9e0e9;--print-soft:#eef2f7}

/* Shared responsive search forms used by readonly document registers. */
#content .workspace-search-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));padding:var(--space-4);align-items:end}#content .workspace-search-form label{display:grid;gap:var(--space-2);min-width:0;font-size:var(--text-sm);color:var(--text-secondary)}#content .workspace-search-form :is(input,select){width:100%;min-width:0}