:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f4f9;--surface:#fff;--raised:#f6f8fb;--sunken:#edf1f7;--border:#dde3ec;--border-soft:#ebeff5;--border-strong:#c6d0de;--text:#0f172a;--text-2:#3d4a5c;--muted:#64748b;--faint:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-active:#1e40af;--accent-soft:#e8f0fe;--accent-border:#bfd4fb;--on-accent:#fff;--danger-text:#b42318;--danger-bg:#fef3f2;--danger-border:#fda29b;--ok-text:#027a48;--ok-soft:#ecfdf3;--ok-border:#a6f4c5;--warn-text:#b54708;--warn-soft:#fffaeb;--warn-border:#fedf89;--step-open:#2563eb;--step-open-soft:#e8f0fe;--step-active:#b54708;--step-active-soft:#fffaeb;--step-terminal:#027a48;--step-terminal-soft:#ecfdf3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-display:28px;--text-2xl:22px;--text-xl:18px;--text-lg:16px;--text-md:15px;--text-base:14px;--text-sm:13px;--text-xs:12px;--text-eyebrow:11px;--text-micro:10px;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.55;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track:1;--radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-pill:0;--radius:var(--radius-md);--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 1px 3px #10182812, 0 6px 16px -6px #1018281a;--shadow-lg:0 2px 6px #10182814, 0 16px 32px -12px #1018282e;--ring:0 0 0 3px #2563eb2e;--dur-fast:.12s;--dur-med:.2s;--ease:cubic-bezier(.2, 0, 0, 1);--topbar-h:60px;--sidebar-w:236px;--content-max:1080px;--content-narrow:760px;--content-wide:1320px;--d-bg:#101114;--d-surface:#17191d;--d-raised:#1e2126;--d-sunken:#26292f;--d-border:#2e323a;--d-border-soft:#24272e;--d-border-strong:#3d424c;--d-text:#e7e9ec;--d-text-2:#b9bec6;--d-muted:#9aa0a9;--d-faint:#6f757e;--d-accent:#5b8def;--d-accent-hover:#7ba5f5;--d-accent-active:#9cbdf9;--d-accent-soft:#16253d;--d-accent-border:#2b4470;--d-on-accent:#08111f;--d-danger-text:#fda29b;--d-danger-bg:#2c1414;--d-danger-border:#6e2b26;--d-ok-text:#6ce9a6;--d-ok-soft:#0c2419;--d-ok-border:#17513a;--d-warn-text:#fdb022;--d-warn-soft:#2a1e08;--d-warn-border:#6b4a11;--d-step-open:#5b8def;--d-step-open-soft:#16253d;--d-step-active:#fdb022;--d-step-active-soft:#2a1e08;--d-step-terminal:#6ce9a6;--d-step-terminal-soft:#0c2419;--d-shadow-xs:0 1px 2px #0000004d;--d-shadow-sm:0 1px 2px #00000059;--d-shadow-md:0 2px 4px #00000059, 0 8px 24px -8px #00000080;--d-shadow-lg:0 4px 8px #0006, 0 20px 40px -12px #0009;--d-ring:0 0 0 3px #5b8def47}:root[dir=rtl]{--font-sans:system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif;--track:0}:root[data-accent=indigo]{--accent:#4f46e5;--accent-hover:#4338ca;--accent-active:#3730a3;--accent-soft:#eeeefe;--accent-border:#c9c7fa;--on-accent:#fff;--ring:0 0 0 3px #4f46e52e;--d-accent:#8b87f5;--d-accent-hover:#a5a2f8;--d-accent-active:#bfbdfb;--d-accent-soft:#1c1b45;--d-accent-border:#35337a;--d-on-accent:#0a0a1f;--d-ring:0 0 0 3px #8b87f547}:root[data-accent=violet]{--accent:#7c3aed;--accent-hover:#6d28d9;--accent-active:#5b21b6;--accent-soft:#f4eefe;--accent-border:#dcc9fb;--on-accent:#fff;--ring:0 0 0 3px #7c3aed2e;--d-accent:#a78bfa;--d-accent-hover:#bca6fc;--d-accent-active:#d0c0fd;--d-accent-soft:#271b4d;--d-accent-border:#422c7a;--d-on-accent:#14081f;--d-ring:0 0 0 3px #a78bfa47}:root[data-accent=teal]{--accent:#0d9488;--accent-hover:#0f766e;--accent-active:#115e59;--accent-soft:#e4faf7;--accent-border:#99e2d9;--on-accent:#fff;--ring:0 0 0 3px #0d94882e;--d-accent:#2dd4bf;--d-accent-hover:#5ee0d0;--d-accent-active:#8cebdf;--d-accent-soft:#062b28;--d-accent-border:#10514a;--d-on-accent:#03211e;--d-ring:0 0 0 3px #2dd4bf47}:root[data-accent=cyan]{--accent:#0891b2;--accent-hover:#0e7490;--accent-active:#155e75;--accent-soft:#e2f7fc;--accent-border:#97ddec;--on-accent:#fff;--ring:0 0 0 3px #0891b22e;--d-accent:#22d3ee;--d-accent-hover:#56dff2;--d-accent-active:#8aeaf6;--d-accent-soft:#06282f;--d-accent-border:#0f5064;--d-on-accent:#021a1f;--d-ring:0 0 0 3px #22d3ee47}:root[data-accent=rose]{--accent:#e11d48;--accent-hover:#be123c;--accent-active:#9f1239;--accent-soft:#feecf0;--accent-border:#fbc0ce;--on-accent:#fff;--ring:0 0 0 3px #e11d482e;--d-accent:#fb7185;--d-accent-hover:#fd9ba9;--d-accent-active:#febfc8;--d-accent-soft:#3a101b;--d-accent-border:#6e2033;--d-on-accent:#1f0810;--d-ring:0 0 0 3px #fb718547}:root[data-accent=amber]{--accent:#d97706;--accent-hover:#b45309;--accent-active:#92400e;--accent-soft:#fef3e2;--accent-border:#f8d9a6;--on-accent:#fff;--ring:0 0 0 3px #d977062e;--d-accent:#fbbf24;--d-accent-hover:#fcd34d;--d-accent-active:#fde68a;--d-accent-soft:#33230a;--d-accent-border:#6b4a11;--d-on-accent:#1f1503;--d-ring:0 0 0 3px #fbbf2447}:root[data-accent=graphite]{--accent:#1e293b;--accent-hover:#0f172a;--accent-active:#020617;--accent-soft:#f1f5f9;--accent-border:#cbd5e1;--on-accent:#fff;--ring:0 0 0 3px #1e293b2e;--d-accent:#e2e8f0;--d-accent-hover:#f1f5f9;--d-accent-active:#fff;--d-accent-soft:#1e252e;--d-accent-border:#3a4553;--d-on-accent:#0b1017;--d-ring:0 0 0 3px #e2e8f047}:root[data-dark=soft]{--d-bg:#1a1d21;--d-surface:#212529;--d-raised:#2a2f35;--d-sunken:#333941;--d-border:#3a414a;--d-border-soft:#2f353c;--d-border-strong:#4a525c;--d-text:#e8eaed;--d-text-2:#bec4cb;--d-muted:#a0a7b0;--d-faint:#767d86}:root[data-dark=slate]{--d-bg:#0e131a;--d-surface:#171e27;--d-raised:#1f2833;--d-sunken:#28323f;--d-border:#333f4e;--d-border-soft:#232d39;--d-border-strong:#435165;--d-text:#e6edf5;--d-text-2:#b7c3d3;--d-muted:#94a3b4;--d-faint:#6b7a8f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--d-bg);--surface:var(--d-surface);--raised:var(--d-raised);--sunken:var(--d-sunken);--border:var(--d-border);--border-soft:var(--d-border-soft);--border-strong:var(--d-border-strong);--text:var(--d-text);--text-2:var(--d-text-2);--muted:var(--d-muted);--faint:var(--d-faint);--accent:var(--d-accent);--accent-hover:var(--d-accent-hover);--accent-active:var(--d-accent-active);--accent-soft:var(--d-accent-soft);--accent-border:var(--d-accent-border);--on-accent:var(--d-on-accent);--danger-text:var(--d-danger-text);--danger-bg:var(--d-danger-bg);--danger-border:var(--d-danger-border);--ok-text:var(--d-ok-text);--ok-soft:var(--d-ok-soft);--ok-border:var(--d-ok-border);--warn-text:var(--d-warn-text);--warn-soft:var(--d-warn-soft);--warn-border:var(--d-warn-border);--step-open:var(--d-step-open);--step-open-soft:var(--d-step-open-soft);--step-active:var(--d-step-active);--step-active-soft:var(--d-step-active-soft);--step-terminal:var(--d-step-terminal);--step-terminal-soft:var(--d-step-terminal-soft);--shadow-xs:var(--d-shadow-xs);--shadow-sm:var(--d-shadow-sm);--shadow-md:var(--d-shadow-md);--shadow-lg:var(--d-shadow-lg);--ring:var(--d-ring)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--d-bg);--surface:var(--d-surface);--raised:var(--d-raised);--sunken:var(--d-sunken);--border:var(--d-border);--border-soft:var(--d-border-soft);--border-strong:var(--d-border-strong);--text:var(--d-text);--text-2:var(--d-text-2);--muted:var(--d-muted);--faint:var(--d-faint);--accent:var(--d-accent);--accent-hover:var(--d-accent-hover);--accent-active:var(--d-accent-active);--accent-soft:var(--d-accent-soft);--accent-border:var(--d-accent-border);--on-accent:var(--d-on-accent);--danger-text:var(--d-danger-text);--danger-bg:var(--d-danger-bg);--danger-border:var(--d-danger-border);--ok-text:var(--d-ok-text);--ok-soft:var(--d-ok-soft);--ok-border:var(--d-ok-border);--warn-text:var(--d-warn-text);--warn-soft:var(--d-warn-soft);--warn-border:var(--d-warn-border);--step-open:var(--d-step-open);--step-open-soft:var(--d-step-open-soft);--step-active:var(--d-step-active);--step-active-soft:var(--d-step-active-soft);--step-terminal:var(--d-step-terminal);--step-terminal-soft:var(--d-step-terminal-soft);--shadow-xs:var(--d-shadow-xs);--shadow-sm:var(--d-shadow-sm);--shadow-md:var(--d-shadow-md);--shadow-lg:var(--d-shadow-lg);--ring:var(--d-ring)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:var(--text-md) / var(--leading-normal) var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.skip-link{z-index:60;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--on-accent);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.content:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.mono{font-family:var(--font-mono);font-size:.85em}.spacer{flex:1}.icon{vertical-align:-.15em;flex:none}[dir=rtl] .icon-flip{transform:scaleX(-1)}.centered{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.login-appearance{top:var(--space-5);position:absolute;inset-inline-end:var(--space-5)}.login-card{max-width:400px;padding:var(--space-8) var(--space-7) var(--space-7);box-shadow:var(--shadow-md)}.login-brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark-lg{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-2xl)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow-sm);flex-direction:column;padding:32px;display:flex}.brand{font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:-.03em;margin:0}.subtitle{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-base)}label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-2);margin-bottom:var(--space-2)}input,select,textarea{margin-bottom:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:9px 12px}textarea{resize:vertical}input:hover:not(:disabled):not(.inline-edit),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:var(--ring);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}a:focus-visible,[tabindex]:focus-visible{border-radius:var(--radius-xs);box-shadow:var(--ring);outline:none}button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;padding:9px 15px;line-height:1.3;display:inline-flex}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){background:var(--accent-active);box-shadow:none}button:focus-visible{box-shadow:var(--ring);outline:none}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--raised);border-color:var(--muted)}button.secondary:active:not(:disabled){background:var(--sunken)}button.link{color:var(--accent);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);box-shadow:none;border-radius:var(--radius-xs);background:0 0;border-color:#0000}button.link:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover);text-decoration:none}button.link:active:not(:disabled){background:var(--accent-soft);box-shadow:none}button.link.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}button.icon-only{padding:var(--space-2);aspect-ratio:1}button.sm{font-size:var(--text-sm);padding:5px 10px}button.block{width:100%}.alert{align-items:flex-start;gap:var(--space-2);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:var(--space-5);display:flex}.alert.info{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-hover)}.footnote{font-size:var(--text-xs);color:var(--muted);margin:var(--space-5) 0 0;text-align:center}.page{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;align-self:start;height:100vh;display:flex;position:sticky;top:0}.page.admin .sidebar{border-inline-end:1px solid var(--accent-border);box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .page.admin .sidebar{box-shadow:inset -3px 0 0 var(--accent)}.sidebar-brand{align-items:center;gap:var(--space-2);min-height:var(--topbar-h);padding:0 var(--space-3);color:var(--text);text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-size:var(--text-lg);font-weight:var(--weight-bold);flex:none;place-items:center;line-height:1;display:grid}.brand-word{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.02em}.sidebar-nav{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.sidebar-nav a{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--raised);color:var(--text)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;align-items:center;gap:var(--space-3);min-height:var(--topbar-h);padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.account{align-items:center;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;display:flex}.account:hover{background:var(--raised);color:var(--text)}.avatar{border-radius:var(--radius-pill);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold);flex:none;place-items:center;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.badge{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:calc(.04em * var(--track));text-transform:uppercase;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);padding:3px 8px}.content{width:100%;max-width:var(--content-max);padding:var(--space-7) var(--space-5) var(--space-10);margin:0 auto}.content.narrow{max-width:var(--content-narrow)}.content.wide{max-width:var(--content-wide)}.content h1,.content h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:calc(-.02em * var(--track));margin-top:0}.content h3{margin-top:var(--space-7);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:calc(-.01em * var(--track))}@media (width<=900px){.page{grid-template-columns:minmax(0,1fr)}.sidebar{align-items:center;gap:var(--space-4);height:auto;padding:0 var(--space-4);border-inline-end:none;border-bottom:1px solid var(--border);flex-direction:row;position:static;overflow-x:auto}.page.admin .sidebar{border-bottom:2px solid var(--accent);box-shadow:none}.sidebar-brand{flex:none;padding:0}.sidebar-nav{flex-direction:row;margin-top:0}.sidebar-nav a{white-space:nowrap}.topbar{position:static}}@media (width<=640px){.hide-sm{display:none}.content{padding:var(--space-5) var(--space-4) var(--space-9)}}.content h5{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:calc(.04em * var(--track));color:var(--muted);margin:20px 0 4px}.content h5+p.muted{margin-top:0}.facts{gap:var(--space-1) var(--space-8);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);grid-template-rows:auto auto;grid-auto-columns:minmax(120px,max-content);grid-auto-flow:column;display:grid;overflow-x:auto}.facts dt{color:var(--muted);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:calc(.05em * var(--track));white-space:nowrap}.facts dd{font-size:var(--text-md);font-weight:var(--weight-medium);align-items:center;gap:var(--space-2);white-space:nowrap;margin:0;display:flex}.chips,.todo{padding:0;list-style:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xs);padding:3px var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-2)}.todo li{color:var(--muted);padding-block:6px;padding-inline:18px 0;position:relative}.todo li:before{content:"○";position:absolute;inset-inline-start:0}.page-head{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;display:flex}.page-head-main{flex:1;min-width:0}.page-head h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}.page-head-desc{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.page-head-actions{align-items:center;gap:var(--space-2);display:flex}.page-head-back{margin-bottom:var(--space-2);flex-basis:100%}.back-link{align-items:center;gap:var(--space-1);padding-inline-start:0;display:inline-flex}.subnav-link{align-items:center;gap:var(--space-2);padding:7px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-decoration:none;display:inline-flex}.subnav-link:hover{background:var(--raised);border-color:var(--muted)}.card-section{margin-bottom:var(--space-5)}.card-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.card-head-main{flex:1;min-width:0}.card-head h3{font-size:var(--text-lg);margin:0}.card-head-desc{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.card-head-actions{align-items:center;gap:var(--space-2);display:flex}.card-section.tone-danger{border-inline-start:3px solid var(--danger-border)}.card-section.tone-danger .card-head h3{color:var(--danger-text)}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-6);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-pill);background:var(--raised);width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.empty-state-body{max-width:52ch;color:var(--muted);font-size:var(--text-sm);margin:0}.empty-state-action{margin-top:var(--space-2)}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--raised) 25%, var(--sunken) 37%, var(--raised) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.form-skeleton{gap:var(--space-5);flex-direction:column;display:flex}.form-skeleton-field{gap:var(--space-2);flex-direction:column;max-width:460px;display:flex}.toast-stack{left:50%;bottom:var(--space-6);z-index:50;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;align-items:center;gap:var(--space-2);max-width:min(90vw,480px);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-med) var(--ease);display:flex}.toast-close{color:inherit;opacity:.7}.toast-close:hover{color:inherit;opacity:1;background:#ffffff24}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.appearance{gap:var(--space-6);flex-direction:column;display:flex}.appearance-group{border:0;margin:0;padding:0}.appearance-group legend{margin-bottom:var(--space-2);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:calc(.05em * var(--track));color:var(--muted);padding:0}input.is-readonly:disabled,select.is-readonly:disabled,textarea.is-readonly:disabled,.is-readonly{opacity:1;background:var(--sunken);color:var(--text-2);cursor:default;border-style:dashed}.field-hint{margin:0 0 var(--space-3);max-width:60ch;font-size:var(--text-sm);color:var(--muted)}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-pill);background:var(--swatch);color:#fff;cursor:pointer;border:2px solid #0000;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.swatch.active{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.swatch:hover:not(.active){border-color:var(--surface);box-shadow:0 0 0 2px var(--border-strong)}.swatch:focus-visible{border-color:var(--surface);box-shadow:var(--ring);outline:none}.swatch-wide{width:auto;min-width:92px;height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#e7e9ec}.filters{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;display:flex}.search-field{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.search-field>.icon{color:var(--faint);pointer-events:none;position:absolute;inset-inline-start:var(--space-3)}.search-field input{width:100%;padding-inline-start:var(--space-8)}.search{flex:1;min-width:220px;margin-bottom:0}.filters select,.filters input{margin-bottom:0}.checkbox{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;display:flex}.checkbox:hover{border-color:var(--border-strong);color:var(--text)}.checkbox:has(input:checked){background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.checkbox input{width:auto;accent-color:var(--accent);margin:0}.form .checkbox,.perm-group .checkbox,.matrix .checkbox{color:inherit;background:0 0;border:0;border-radius:0;padding:0}.count{font-size:var(--text-xs);color:var(--muted);margin:0 0 var(--space-2);text-align:end}.pager{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.pager button{align-items:center;gap:var(--space-1);display:inline-flex}.pager-range{color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;min-width:9ch}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-base)}th{z-index:1;text-align:start;padding:var(--space-3) var(--space-4);background:var(--raised);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:calc(.05em * var(--track));white-space:nowrap;position:sticky;top:0}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--raised)}tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--accent)}[dir=rtl] tbody tr:hover td:first-child{box-shadow:inset -2px 0 0 var(--accent)}td a{color:var(--accent);font-weight:500;text-decoration:none}td a:hover{text-decoration:underline}.row-actions{text-align:end;white-space:nowrap}button.link.danger{color:var(--danger-text)}button.link.danger:hover:not(:disabled){background:var(--danger-bg)}input.inline-edit{width:100%;min-width:8ch;font:inherit;color:inherit;border-radius:var(--radius-xs);background:0 0;border:1px solid #0000;padding:3px 6px}input.inline-edit:hover:not(:disabled){border-color:var(--border)}input.inline-edit:focus{border-color:var(--accent);background:var(--surface);outline:none}.reorder{white-space:nowrap;gap:2px;display:inline-flex}.reorder button.link{font-size:var(--text-md);padding:0 4px;line-height:1;text-decoration:none}.cell-sub{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.cell-sub input.inline-edit{font-size:var(--text-xs);padding:1px 5px}.cell-sub.restricted{color:var(--warn-text);font-weight:600}.tag{font-size:var(--text-micro);letter-spacing:calc(.04em * var(--track));text-transform:uppercase;color:var(--warn-text);background:var(--warn-soft);border-radius:var(--radius-pill);padding:1px 6px;font-weight:600;display:inline-block}th.col-tick,td.col-tick{text-align:center;white-space:nowrap;width:1%}th.col-num,td.col-num{text-align:end;white-space:nowrap;width:1%}.matrix th{vertical-align:bottom}.matrix thead th.col-tick{font-size:var(--text-eyebrow);letter-spacing:calc(.03em * var(--track));white-space:normal;max-width:90px;line-height:1.25}.matrix .matrix-row-head{text-align:start;text-transform:none;letter-spacing:normal;font-weight:600;font-size:var(--text-base);color:var(--text);background:var(--raised);white-space:nowrap;z-index:2;inset-inline-start:0;position:sticky;top:auto}.matrix .matrix-corner{z-index:3;background:var(--raised);position:sticky;inset-inline-start:0}.matrix{min-width:max-content}.matrix .matrix-row-head .cell-sub{text-transform:uppercase;font-weight:400;font-size:var(--text-micro);letter-spacing:calc(.05em * var(--track))}.matrix .matrix-self{color:var(--muted);background:var(--raised);-webkit-user-select:none;user-select:none}.matrix tr.row-unscoped td.col-tick~td.col-tick input{opacity:.35}.matrix tr.row-unscoped td.col-tick~td.col-tick input:hover{opacity:.7}.matrix tr.row-unscoped .matrix-row-head .cell-sub{color:var(--accent)}.matrix tbody tr:hover td{background:0 0}.matrix tbody tr:hover .matrix-self{background:var(--raised)}.warnings{margin:14px 0 0;padding:0;list-style:none}.warnings li{border:1px solid var(--warn-text);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn-text);border-inline-start-width:3px;margin-bottom:6px;padding:8px 12px;font-size:13.5px}.flow-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.flow-stage.expanded{z-index:30;background:var(--bg);flex-direction:column;gap:0;padding:16px 20px 20px;display:flex;position:fixed;inset:0;overflow:auto}.flow-stage.expanded .flow-scroll{border:none;border-radius:0;flex:1;min-height:0;max-height:none}.flow-stage.expanded .table-wrap{flex:1;min-height:0}.flow-stage.expanded .warnings{flex:none;max-height:30vh;overflow-y:auto}.zoom-group{align-items:center;gap:var(--space-1);display:inline-flex}.zoom-group button.icon-only{min-width:26px;font-size:var(--text-lg);line-height:1}.zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:5ch}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);color:var(--muted);box-shadow:none;font-size:var(--text-sm);border:none;border-radius:0;padding:5px 14px;font-weight:600}.segmented button+button{border-inline-start:1px solid var(--border)}.segmented button.active{background:var(--accent-soft);color:var(--accent)}.segmented button:active:not(:disabled){transform:none}.theme-toggle button{align-items:center;gap:var(--space-2);padding:5px 10px;display:inline-flex}@media (width<=720px){.theme-toggle-label{display:none}.theme-toggle button{padding:5px 8px}}.flow-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);background-image:radial-gradient(var(--border-soft) 1px, transparent 1px);background-size:22px 22px;max-height:72vh;display:flex;overflow:auto}.flow-canvas{flex:none;margin:auto;position:relative}.flow-plane{inset-block-start:0;transform-origin:0 0;position:absolute;left:0}.flow-canvas.is-pending{pointer-events:none;opacity:.55}.flow-canvas.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.flow-edges{pointer-events:none;z-index:1;position:absolute;inset:0}.edge-hit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.edge-line{fill:none;stroke:var(--border);stroke-width:1.5px;pointer-events:none;transition:stroke .12s}.edge-hit:hover+.edge-line{stroke:var(--accent)}.edge-line.on{stroke:var(--accent);stroke-width:2.5px}.edge-line.dim{opacity:.25}.edge-ghost{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 4;pointer-events:none}.edge-remove{z-index:4;border-radius:var(--radius-pill);width:22px;height:22px;font-size:var(--text-eyebrow);background:var(--surface);color:var(--muted);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:.75;outline-offset:2px;padding:0;line-height:1;transition:opacity .12s,transform .12s,background .12s,color .12s,border-color .12s;position:absolute;transform:translate(-50%,-50%)}.edge-remove:after{content:"";border-radius:inherit;position:absolute;inset:-4px}.edge-remove:hover:not(:disabled),.edge-remove:focus-visible,.edge-remove.selected{opacity:1;background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border);transform:translate(-50%,-50%)scale(1.2)}.edge-remove.dim{opacity:.25}.edge-remove:disabled{opacity:.3}.flow-node{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s,opacity .12s;position:absolute}.flow-node.cat-open{border-inline-start:3px solid var(--step-open)}.flow-node.cat-active{border-inline-start:3px solid var(--step-active)}.flow-node.cat-terminal{border-inline-start:3px solid var(--step-terminal)}.flow-node.selected{border-color:var(--accent);box-shadow:var(--ring)}.flow-node.warn{border-color:var(--warn-text)}.flow-node.dim{opacity:.45}.flow-node.dragging{box-shadow:var(--shadow-md);z-index:3}.flow-node.drop-ok{border-color:var(--ok-text);box-shadow:var(--shadow-md)}.flow-node.drop-bad{border-color:var(--danger-border);cursor:not-allowed}.flow-node-body{box-shadow:none;border-radius:inherit;text-align:start;color:var(--text);cursor:grab;touch-action:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 12px;display:flex;position:absolute;inset:0}.flow-node-body:hover:not(:disabled){background:var(--raised)}.flow-node-body:active:not(:disabled){transform:none}.flow-node-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;font-weight:600;line-height:1.2;overflow:hidden}.flow-node-meta{white-space:nowrap;max-width:100%;font-size:var(--text-eyebrow);align-items:center;gap:6px;display:flex;overflow:hidden}.flow-node-meta .status{font-size:var(--text-micro);padding:1px 7px}.flow-node-tags{gap:4px;display:flex;position:absolute;top:-8px;right:8px}.flow-port{border-radius:var(--radius-pill);background:var(--surface);border:2px solid var(--border);width:13px;height:13px;box-shadow:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.flow-port.in{left:-7px}.flow-port.out{cursor:crosshair;touch-action:none;z-index:2;right:-7px}.flow-port.out:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-50%)scale(1.25)}.flow-port.out:active:not(:disabled){transform:translateY(-50%)scale(1.25)}tr.row-selected>td,tr.row-selected>th{background:var(--accent-soft)}.roster-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.roster-row{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;display:grid}.roster-row+.roster-row{border-top:1px solid var(--border-soft)}.roster-row:hover{background:var(--raised)}.roster-row-head{font-size:var(--text-base);font-weight:var(--weight-semibold)}.roster-row-head .cell-sub{font-weight:var(--weight-normal);text-transform:uppercase;font-size:var(--text-micro);letter-spacing:calc(.05em * var(--track));color:var(--muted)}.roster-row.is-unscoped .roster-row-head .cell-sub{color:var(--accent)}.roster-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.role-chip{align-items:center;gap:var(--space-2);padding-block:4px;padding-inline:var(--space-3) 4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--raised);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.role-chip-remove{border-radius:var(--radius-pill);width:20px;height:20px;box-shadow:none;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.role-chip-remove:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}.role-chip.anyone{padding:5px var(--space-3);cursor:pointer}.role-chip.anyone[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);cursor:default}.roster-add{font-size:var(--text-sm);max-width:220px;margin-bottom:0}@media (width<=720px){.roster-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}}.status{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid var(--border);background:var(--raised);white-space:nowrap;padding:3px 10px;display:inline-block}.steps{gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.steps li+li:before{content:"";inset-inline-start:calc(var(--space-2) * -1);width:var(--space-2);background:var(--border);height:1px;position:absolute;top:50%}.step-head{align-items:center;gap:var(--space-2);display:flex}.step-number{border-radius:var(--radius-pill);background:var(--sunken);width:20px;height:20px;color:var(--muted);font-size:var(--text-eyebrow);font-weight:var(--weight-bold);flex:none;place-items:center;display:grid}.steps li.current .step-number{background:var(--accent);color:var(--on-accent)}.step-label{font-weight:var(--weight-medium)}.steps li{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-sm);position:relative}.steps li.past{color:var(--text-2)}.steps li.past .step-number{background:var(--ok-soft);color:var(--ok-text)}.steps li.current{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.steps li{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stage-who{font-size:var(--text-xs);color:var(--text);font-weight:400}.stage-who.muted{color:var(--muted)}.stage-picker{font-size:var(--text-xs);text-overflow:ellipsis;max-width:200px;padding:0 2px}.linkish{color:var(--accent,#2563eb);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:disabled{color:var(--muted);cursor:default}.assignee-field .stage-who,.assignee-field .linkish{font-size:var(--text-base)}.assignee-field .stage-picker{font-size:var(--text-base);max-width:260px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status.cat-open{color:var(--step-open);background:var(--step-open-soft);border-color:#0000}.status.cat-active{color:var(--step-active);background:var(--step-active-soft);border-color:#0000}.status.cat-terminal{color:var(--step-terminal);background:var(--step-terminal-soft);border-color:#0000}.status.warn{color:var(--warn-text);background:var(--warn-soft);border-color:#0000}.status.active{color:var(--ok-text);background:var(--ok-soft);border-color:#0000}.status.inactive{color:var(--danger-text);background:var(--danger-bg);border-color:#0000}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:520px;padding:var(--space-6);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.form .actions{bottom:calc(var(--space-6) * -1);margin:var(--space-5) calc(var(--space-6) * -1) calc(var(--space-6) * -1);padding:var(--space-4) var(--space-6);background:var(--surface);border-top:1px solid var(--border-soft);border-radius:0 0 var(--radius) var(--radius);position:sticky}.form>h3:first-child{margin-top:0}.field{margin-bottom:var(--space-4);flex-direction:column;display:flex}.field>input,.field>select,.field>textarea,.field>.picker{margin-bottom:0}.form.form-lines{max-width:none}.form.form-lines>*{max-width:520px}.form.form-lines>.field-lines,.form.form-lines>.actions{max-width:none}.form.form-flush{max-width:100%;box-shadow:none;background:0 0;border:0;padding:0}.form.form-flush .actions{margin:var(--space-5) 0 0;background:0 0;border-top:0;padding:0;position:static}.row,.inline-form{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.row input,.row select,.inline-form input,.inline-form select{margin-bottom:0}.row input,.inline-form input{flex:160px;min-width:0}.bilingual{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.row>.bilingual,.inline-form>.bilingual,.filters>.bilingual{flex:320px}.form>.bilingual,.panel>.bilingual{margin-bottom:var(--space-4)}.bilingual-title{color:var(--text);font-weight:var(--weight-medium)}.bilingual-halves{gap:var(--space-3);flex-wrap:wrap;display:flex}.bilingual-half{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(var(--space-6), auto) auto;gap:2px var(--space-2);flex:180px;grid-template-areas:"tag action""field field";min-width:0;display:grid}.bilingual .bilingual-half input,.bilingual .bilingual-half textarea{grid-area:field;width:100%;min-width:10ch;margin-bottom:0}.bilingual-tag{color:var(--muted);font-size:var(--text-xs);grid-area:tag;align-self:center;margin-bottom:0}.bilingual .bilingual-half>button{white-space:nowrap;font-size:var(--text-xs);grid-area:action;align-self:stretch;padding-block:0}.bilingual-warning{color:var(--warn-text);font-size:var(--text-xs);margin:0}.row .bilingual-halves,.inline-form .bilingual-halves,.filters .bilingual-halves{order:1}:is(.row:has(.bilingual),.inline-form:has(.bilingual),.filters:has(.bilingual)){align-items:flex-end}.inline-edit-pair{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.inline-edit-pair button{white-space:nowrap;font-size:var(--text-xs)}.notice{background:var(--bg);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:18px;padding:10px 12px}.footnote-left{margin:8px 0 0;font-size:12.5px}.tab-bar{top:var(--topbar-h);z-index:10;margin:0 0 var(--space-5);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);gap:2px;display:flex;position:sticky;overflow-x:auto}.tab-bar button{padding:6px var(--space-3);border-radius:var(--radius-pill);box-shadow:none;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);white-space:nowrap;background:0 0;border:0}.tab-bar button:hover:not(.active){background:var(--raised);color:var(--text)}.tab-bar button:active{transform:none}.tab-bar button.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.tab-bar button.danger{color:var(--danger-text)}.tab-bar button.danger:hover:not(.active){background:var(--danger-bg)}.tab-bar button.danger.active{background:var(--danger-text);color:var(--danger-bg)}tr.row-link{cursor:pointer}.content section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 22px 24px}.content section>h3:first-child{border-bottom:1px solid var(--border-soft);font-size:var(--text-md);margin:0 0 16px;padding-bottom:14px}.content section h4{margin:24px 0 12px;font-size:13.5px}.content section .table-wrap{box-shadow:none}.content section>.form{background:0 0;border:0;max-width:560px;padding:0}.panel{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);scroll-margin-top:calc(var(--topbar-h) + var(--space-10) + var(--space-4));margin:4px 0 20px;padding:20px}.panel h3,.panel h4{margin-top:0}.prompt{border-color:var(--warn-text);background:var(--warn-soft);border-inline-start-width:3px;margin-top:12px}.prompt p{margin:0 0 12px}.prompt .actions{background:0 0;border-top:0;border-radius:0;margin:0;padding:0;position:static}.danger-zone button.link.danger{background:var(--surface);border:1px solid var(--danger-border)}.perm-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.perm-group{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0;padding:12px 14px 10px}.perm-group legend{color:var(--muted);font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:calc(.05em * var(--track));padding:0 6px;font-weight:600}.perm-group .checkbox{border-radius:var(--radius-sm);cursor:pointer;margin:0 -6px;padding:4px 6px;font-weight:400}.perm-group .checkbox:hover{background:var(--raised)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;border:0;width:15px;height:15px;margin:0;padding:0}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.tiles{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.tile{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);color:inherit;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);grid-template-columns:auto 1fr;grid-template-areas:"icon label""value value""cap cap";text-decoration:none;display:grid}.tile:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.tile-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);grid-area:icon;place-items:center;display:grid}.tile-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:label;overflow:hidden}.tile-value{margin-top:var(--space-2);font-size:32px;font-weight:var(--weight-bold);letter-spacing:-.03em;font-variant-numeric:tabular-nums;grid-area:value}.tile-caption{font-size:var(--text-xs);color:var(--muted);grid-area:cap}.tile.tone-warn .tile-icon{background:var(--warn-soft);color:var(--warn-text)}.tile.tone-warn .tile-value{color:var(--warn-text)}.dash-columns{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.quick-links{margin:0;padding:0;list-style:none}.quick-links li+li{border-top:1px solid var(--border-soft)}.quick-links a{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);margin:0 calc(var(--space-2) * -1);border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;display:flex}.quick-links a:hover{background:var(--raised)}.quick-link-icon{border-radius:var(--radius-sm);background:var(--raised);width:32px;height:32px;color:var(--muted);flex:none;place-items:center;display:grid}.quick-links a:hover .quick-link-icon{background:var(--accent-soft);color:var(--accent)}.quick-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.quick-link-text strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold)}.quick-link-text .muted{font-size:var(--text-sm)}.access-groups{gap:var(--space-4);flex-direction:column;display:flex}.access-group h4{margin:0 0 var(--space-2);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:calc(.05em * var(--track));color:var(--muted)}.list{padding:0;list-style:none}.list li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft);display:flex}.list li:last-child{border-bottom:0}.list li a{color:var(--accent);flex:1;text-decoration:none}.field-error{color:var(--danger-text);font-size:var(--text-sm);margin:calc(var(--space-3) * -1) 0 var(--space-4)}.picker{margin-bottom:16px}.picker-selected{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:12px;padding:10px 12px;display:flex}.picker-selected>div:first-child{flex:1;min-width:0}.picker-empty{text-align:start;background:var(--bg);width:100%;color:var(--muted);border:1px dashed var(--border);font-weight:400}.picker-empty:hover:not(:disabled){background:var(--bg);border-color:var(--accent);color:var(--text)}.picker-open{border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);padding:14px}.picker-open>input{margin-bottom:10px}.picker-results{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:260px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.picker-results li+li{border-top:1px solid var(--border)}.picker-results button{text-align:start;width:100%;color:inherit;background:0 0;border-radius:0;flex-direction:column;gap:2px;padding:9px 12px;font-weight:400;display:flex}.picker-results button:hover{background:var(--bg)}.picker-results .muted{font-size:12.5px}.picker-note{font-size:var(--text-sm);margin:6px 0}.picker-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.picker-actions button{margin:0}.picker-create{border-top:1px solid var(--border);flex-direction:column;margin-top:12px;padding-top:12px;display:flex}.picker-create h4{font-size:var(--text-base);margin:0 0 12px}.picker-create input{margin-bottom:12px}.custom-field-check{margin-bottom:16px}.custom-field-check .checkbox{font-weight:var(--weight-semibold);color:var(--text-2)}.custom-field-check .field-error{margin-top:var(--space-1)}.num{text-align:end}input.qty{text-align:end;width:7rem}.order-lines table{width:100%}.order-lines th:first-child{width:38%}.line-child>td:first-child{padding-inline-start:24px}.line-child{background:var(--raised)}.line-bullet{margin-inline-end:6px}.order-lines td .picker,.order-lines td input,.order-lines td select{margin-bottom:0}.picker-empty{padding:9px 12px}.qty-cell{justify-content:flex-end;align-items:baseline;gap:var(--space-2);display:flex}.qty-cell .muted{flex:none}.line-add{max-width:420px;margin-top:12px}.line-add-child{max-width:420px}.stock-ok{color:var(--ok-text)}.stock-low{color:var(--warn-text);font-weight:600}.stock-out{color:var(--danger-text);font-weight:600}.wh-holding{color:var(--muted);font-size:.85em}@media (width<=900px){.form .actions{margin:var(--space-5) 0 0;padding:var(--space-4) 0 0;border-radius:0;position:static}.steps{padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.steps li{flex:none}input.qty{width:auto;min-width:4.5rem}}.order-summary section{margin-top:var(--space-6)}.order-summary h4{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:calc(.05em * var(--track))}.summary-grid{gap:var(--space-2) var(--space-5);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.summary-row{display:contents}.summary-grid dt{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.summary-grid dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=900px){.summary-grid{grid-template-columns:minmax(0,1fr);gap:0}.summary-grid dt{margin-top:var(--space-3)}}
