*{box-sizing:border-box}:root{--brand-primary: #1d4ed8;--brand-accent: #fff;--brand-topbar: #10192b}:root{--bg-page: #f4f6f9;--bg-surface: #fff;--bg-raised: #f8fafc;--bg-sunken: #e8edf4;--bg-soft: #f1f5f9;--chip-bg: #e2e8f0;--text-primary: #1c2430;--text-secondary: #5a6b84;--text-slate: #64748b;--text-action: #334155;--text-disabled: #94a3b8;--text-on-brand: #fff;--req-fg: #a00;--border-default: #cbd5e1;--border-input: #c7d2e0;--err-bg: #fee2e2;--err-fg: #991b1b;--err-border: #fca5a5;--err-solid: #b91c1c;--err-action: #b91c1c;--info-bg: #dbeafe;--info-fg: #1e40af;--info-border: #93c5fd;--warn-bg: #fef3c7;--warn-fg: #92400e;--warn-border: #d97706;--warn-ink: #7c2d12;--warn-link: #9a3412;--ok-bg: #d1fae5;--ok-fg: #065f46;--ok-action: #15803d;--nav-fg: #cdd7e6;--nav-fg-active: #fff;--nav-fg-muted: #8fa1bb;--nav-border: #40506a}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page)}a{color:var(--brand-primary);text-decoration:none}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--brand-topbar);color:var(--text-on-brand)}.topbar .brand{color:var(--brand-accent);font-weight:600}.topbar nav a{color:var(--nav-fg);margin-right:12px}.topbar nav a.active{color:var(--nav-fg-active)}.topbar .who{margin-left:auto;color:var(--nav-fg)}.topbar .who .roles{color:var(--nav-fg-muted);font-size:12px}.topbar button.link{background:none;border:1px solid var(--nav-border);color:var(--nav-fg);padding:4px 10px;border-radius:4px;cursor:pointer}.theme-picker{display:flex;align-items:center;gap:6px}.theme-picker .label{font-size:12px;color:var(--nav-fg-muted)}.theme-picker select{background:transparent;color:var(--nav-fg);border:1px solid var(--nav-border);border-radius:4px;padding:4px 6px;font-size:12px;cursor:pointer}.theme-picker option{color:#1c2430;background:#fff}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.theme-floater{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px}.theme-indicator{width:20px;height:20px;border:0;padding:0;border-radius:50%;background:var(--brand-primary);opacity:.5;cursor:pointer}.theme-floater:hover .theme-indicator,.theme-floater:focus-within .theme-indicator,.theme-floater.open .theme-indicator{opacity:1}.theme-dots{display:flex;align-items:center;gap:2px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:28px;padding:4px 6px}.theme-dot{width:44px;height:44px;border:0;padding:0;background:none;display:grid;place-items:center;cursor:pointer;position:relative}.theme-dot:before{content:"";box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:1px solid var(--dot-edge, transparent);background:var(--dot-band)}.theme-dot[data-theme-id=light]{--dot-band: #1d4ed8;--dot-name: "Light";--dot-edge: rgba(0, 0, 0, .15)}.theme-dot[data-theme-id=stripe]{--dot-band: #635bff;--dot-name: "Stripe";--dot-edge: rgba(0, 0, 0, .15)}.theme-dot[data-theme-id=enterprise]{--dot-band: #4274ac;--dot-name: "Enterprise";--dot-edge: rgba(0, 0, 0, .15)}.theme-dot[data-theme-id=dark]{--dot-band: #6d85f5;--dot-name: "Dark"}.theme-dot[data-theme-id=liquid-glass]{--dot-band: #4f46e5;--dot-name: "Liquid glass";--dot-edge: rgba(0, 0, 0, .15)}.theme-dot.selected:before{border:2px solid var(--brand-primary)}.theme-dot:after{content:var(--dot-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:10px;line-height:1.2;white-space:nowrap;padding:2px 6px;border-radius:4px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);opacity:0;pointer-events:none}.theme-dot:hover:after{opacity:1}main{padding:20px;max-width:1200px;margin:0 auto}h1{font-size:20px;margin:0 0 4px}.subtle{color:var(--text-secondary);font-size:13px}.chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:var(--chip-bg);color:var(--text-action)}.chip.draft{background:var(--warn-bg);color:var(--warn-fg)}.chip.open{background:var(--ok-bg);color:var(--ok-fg)}.banner{padding:10px 14px;border-radius:6px;margin:12px 0;background:var(--err-bg);color:var(--err-fg);border:1px solid var(--err-border)}.banner.info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-border)}button.primary{background:var(--brand-primary);color:var(--text-on-brand);border:0;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}button.primary:disabled{background:var(--text-disabled);cursor:default}button.ghost{background:var(--bg-surface);color:var(--text-action);border:1px solid var(--border-default);border-radius:6px;padding:6px 12px;cursor:pointer}.error{color:var(--err-fg)}.flash{color:var(--ok-fg);font-weight:600}.chip.warn{background:var(--warn-bg);color:var(--warn-fg)}.queue,.entries{border-collapse:collapse;width:100%;margin:10px 0}.queue th,.queue td,.entries th,.entries td{border:1px solid var(--border-default);padding:6px 10px;text-align:left}.queue thead th{background:var(--bg-sunken)}.bulkbar{display:flex;align-items:center;gap:12px;margin:10px 0}.bulkbar button{background:var(--brand-primary);color:var(--text-on-brand);border:0;border-radius:6px;padding:6px 14px;cursor:pointer}.bulkbar button:disabled{background:var(--text-disabled);cursor:default}.ot-confirm{font-size:12px;color:var(--warn-fg)}.card{border:1px solid var(--border-default);border-radius:6px;background:var(--bg-surface);padding:10px 14px;margin:8px 0;display:flex;gap:12px;align-items:center}.card.unread{border-left:4px solid var(--brand-primary)}.card .note{color:var(--text-secondary);font-size:12px}.card button{margin-left:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;padding:4px 10px;cursor:pointer}.form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-action)}.form input,.form select{padding:6px 8px;border:1px solid var(--border-default);border-radius:4px}.form button{background:var(--brand-primary);color:var(--text-on-brand);border:0;border-radius:6px;padding:8px 14px;cursor:pointer}.meta{display:flex;gap:12px;align-items:center;color:var(--text-secondary)}h1 .sub{font-size:14px;color:var(--text-secondary);font-weight:400;margin-left:8px}.chain{margin:8px 0;padding-left:22px}.chain li{margin:4px 0}.chain li.current{font-weight:700}.decision{display:flex;flex-direction:column;gap:8px;margin:14px 0;max-width:480px}.decision textarea{border:1px solid var(--border-default);border-radius:4px;padding:6px}.decision button{background:var(--brand-primary);color:var(--text-on-brand);border:0;border-radius:6px;padding:8px 14px;cursor:pointer}.decision button[data-test=reject]{background:var(--err-solid)}.decision button:disabled{background:var(--text-disabled);cursor:default}:root[data-theme=dark]{--bg-page: #0e141d;--bg-surface: #151d28;--bg-raised: #1b2431;--bg-sunken: #1b2431;--bg-soft: #10171f;--chip-bg: #263141;--text-primary: #e6ebf2;--text-secondary: #a7b2c2;--text-slate: #8b98ab;--text-action: #c3ccd8;--text-disabled: #4b5a70;--req-fg: #f08a84;--border-default: #263141;--border-input: #31405a;--err-bg: #33171a;--err-fg: #ec9b95;--err-border: #5b3238;--err-action: #e07870;--info-bg: #16283e;--info-fg: #6fa8e8;--info-border: #2e4c6e;--warn-bg: #2c2313;--warn-fg: #d3a04f;--warn-border: #6b5322;--warn-ink: #d3a04f;--warn-link: #e2b778;--ok-bg: #14291d;--ok-fg: #57b57f;--ok-action: #57b57f;--brand-primary: #6d85f5;--brand-topbar: #0b1420;--nav-fg: #a7b2c2;--nav-fg-muted: #7d8a9c;--nav-border: #31405a}:root[data-theme=stripe]{--bg-page: #f6f9fc;--bg-surface: #fff;--bg-raised: #f8fafc;--bg-sunken: #eef2f7;--bg-soft: #f4f7fb;--chip-bg: #eef2f7;--text-primary: #1a1f36;--text-secondary: #5e6a84;--text-slate: #6b7a99;--text-action: #3f4b66;--border-default: #e3e8ee;--border-input: #dbe3ec;--brand-primary: #635bff;--brand-topbar: #1a1f36}:root[data-theme=enterprise]{--bg-page: #f3f5f7;--bg-surface: #fff;--bg-raised: #f7f9fb;--bg-sunken: #e9edf1;--bg-soft: #eef1f4;--chip-bg: #e4e9ee;--text-primary: #1f2a37;--text-secondary: #5b6b7d;--text-slate: #5f6f80;--text-action: #37475a;--border-default: #d4dbe3;--border-input: #c3ccd6;--brand-primary: #4274ac;--brand-topbar: #22456b}:root[data-theme=liquid-glass]{--bg-page: #e9eef7;--bg-surface: rgba(255, 255, 255, .55);--bg-raised: rgba(255, 255, 255, .45);--bg-sunken: rgba(203, 213, 225, .5);--bg-soft: rgba(226, 232, 240, .5);--chip-bg: rgba(226, 232, 240, .65);--border-default: rgba(148, 163, 184, .45);--border-input: rgba(148, 163, 184, .6);--brand-primary: #4f46e5;--brand-topbar: rgba(16, 25, 43, .55)}:root[data-theme=liquid-glass] body{background:linear-gradient(160deg,#eef3fb,#e7ecf7 45%,#dde6f4) fixed}:root[data-theme=liquid-glass] .topbar,:root[data-theme=liquid-glass] .card,:root[data-theme=liquid-glass] .banner,:root[data-theme=liquid-glass] .gate-banner{backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}