:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f2f6f6;--bg-canvas-warm:#f8f3ee;--bg-sidebar:#082832;--bg-surface:#fff;--bg-surface-raised:#fffdf9;--bg-surface-subtle:#f6faf8;--bg-row-hover:#eef8f6;--bg-panel-overlay:#fffffff5;--bg-panel-overlay-soft:#fffdf9e6;--bg-table-head:#fbfdfc;--control-bg:linear-gradient(180deg, #fff, var(--bg-surface-subtle));--text-primary:#0d242b;--text-secondary:#425a61;--text-muted:#687b80;--border-subtle:#d9e8e5;--border-strong:#b7d2cd;--accent:#118a92;--accent-strong:#075e67;--accent-soft:#dff5f4;--accent-glow:#118a922e;--copper:#bd7443;--copper-strong:#84471f;--copper-soft:#fbeee4;--copper-glow:#bd744333;--navy:#082832;--navy-strong:#061d25;--warning:#86520b;--warning-soft:#fff3d7;--danger:#9b2619;--danger-soft:#ffe1dc;--info:#255b72;--info-soft:#edf6f8;--signal-live:#168a91;--signal-live-soft:#e4f5f5;--signal-waiting:#bd7443;--signal-waiting-soft:#fff3d7;--signal-blocked:#9b2619;--signal-blocked-soft:#ffe1dc;--signal-stale:#53605a;--signal-stale-soft:#e9eeea;--signal-complete:#16734f;--signal-complete-soft:#e1f2e8;--signal-info:#255b72;--signal-info-soft:#edf6f8;--focus-ring:#118a92;--shadow-soft:0 1px 2px #0d242b0d, 0 12px 30px #0d242b0f;--shadow-lift:0 12px 28px #0d242b1f;--shadow-pressed:inset 0 1px 2px #0d242b1f;--shadow-color:#0d242b14;--topbar-bg:#fffdf9e6;--brand-card-bg:linear-gradient(180deg, #fff, #f8f1ea);--transition-fast:.15s cubic-bezier(.2, .8, .2, 1);--transition-smooth:.22s cubic-bezier(.16, 1, .3, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--density-row:42px;--density-input:40px;--workbench-stripe:linear-gradient(90deg, var(--accent), var(--copper));--surface-scanline:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 12%, transparent) 48%, transparent);--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--sidebar-width:278px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#07181d;--bg-canvas-warm:#101b1a;--bg-sidebar:#061d25;--bg-surface:#0d252b;--bg-surface-raised:#122d33;--bg-surface-subtle:#10252a;--bg-row-hover:#17383d;--bg-panel-overlay:#0d252bf5;--bg-panel-overlay-soft:#122d33db;--bg-table-head:#102a30;--control-bg:linear-gradient(180deg, #153238, #10252a);--text-primary:#edf8f6;--text-secondary:#b8cfcb;--text-muted:#8facaa;--border-subtle:#254950;--border-strong:#3a6a6d;--accent:#20aeb5;--accent-strong:#7ce4e3;--accent-soft:#123b40;--accent-glow:#20aeb538;--copper:#d58a52;--copper-strong:#ffc19b;--copper-soft:#3a271d;--copper-glow:#d58a5238;--navy:#d9f3f3;--navy-strong:#f2ffff;--warning:#ffd58b;--warning-soft:#3a2b12;--danger:#ffb4a7;--danger-soft:#3b1916;--info:#a5ddec;--info-soft:#132f3a;--signal-live:#43d4d0;--signal-live-soft:#123a3f;--signal-waiting:#d58a52;--signal-waiting-soft:#3a2b12;--signal-blocked:#ff8f7f;--signal-blocked-soft:#3b1916;--signal-stale:#9fb4ae;--signal-stale-soft:#24312e;--signal-complete:#74dda8;--signal-complete-soft:#143526;--signal-info:#a5ddec;--signal-info-soft:#132f3a;--focus-ring:#64d7d7;--shadow-soft:0 1px 2px #00000047, 0 14px 32px #00000038;--shadow-lift:0 18px 38px #00000057;--shadow-pressed:inset 0 1px 2px #0000006b;--shadow-color:#0000003d;--topbar-bg:#091c22e0;--brand-card-bg:linear-gradient(180deg, #f8ffff, #dff4f1)}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 12% 0%, var(--accent-glow), transparent 30rem), radial-gradient(circle at 84% 8%, var(--copper-glow), transparent 24rem), linear-gradient(180deg, #f8fbfb 0%, var(--bg-canvas) 46%, var(--bg-canvas-warm) 100%);color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;font-size:14px}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 0%, #20aeb52e, transparent 30rem), radial-gradient(circle at 84% 8%, #d58a5221, transparent 24rem), linear-gradient(180deg, #06171c 0%, var(--bg-canvas) 48%, var(--bg-canvas-warm) 100%)}a{color:inherit}button,input,select,textarea{accent-color:var(--accent);font:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.86}select:disabled,input:disabled,textarea:disabled,button:disabled{color:var(--text-muted)}button,a,input,select,textarea{outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring)}::selection{background:var(--accent-soft)}h1,h2,h3,p{margin:0}p{color:var(--text-secondary);line-height:1.5}code{background:var(--bg-surface-subtle);border-radius:4px;padding:2px 5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-panel{background:linear-gradient(180deg, var(--bg-panel-overlay), var(--bg-panel-overlay-soft)), var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);gap:22px;width:100%;max-width:420px;margin:0 auto;padding:28px;display:grid;position:relative}.auth-panel:before{background:linear-gradient(90deg, var(--accent), var(--copper));border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:4px;position:absolute;inset:0 0 auto}.auth-brand{object-fit:contain;width:auto;max-width:244px;height:56px;margin:4px 0 6px}.auth-panel h1{margin-top:8px;font-size:30px;line-height:1.1}.auth-form{gap:10px;display:grid}.auth-form label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:800}.auth-form input{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);min-height:44px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px}.auth-form input:focus{background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-divider{color:var(--text-muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.auth-divider:before,.auth-divider:after{background:linear-gradient(90deg, transparent, var(--border-subtle));content:"";height:1px}.auth-divider:after{background:linear-gradient(90deg, var(--border-subtle), transparent)}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.primary-action{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;min-height:44px;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-action{background:var(--control-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--navy);cursor:pointer;width:100%;min-height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex}.primary-action:hover{background:var(--accent-strong);box-shadow:0 10px 22px var(--accent-glow);transform:translateY(-1px)}.secondary-action:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 22px #0d242b14}.primary-action:active,.secondary-action:active{box-shadow:var(--shadow-pressed);transform:translateY(0)}.primary-action:disabled,.secondary-action:disabled,.icon-text-button:disabled{background:var(--bg-surface-subtle);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:not-allowed;opacity:1;transform:none}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-form label{color:var(--text-secondary);text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.admin-form input,.admin-form select{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);text-transform:none;min-height:40px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 10px}.admin-form input:focus,.admin-form select:focus{background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.signup-link,.form-error{grid-column:1/-1}.signup-link{background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);gap:6px;padding:12px;display:grid}.signup-link span{color:var(--accent-strong);font-size:12px;font-weight:700}.signup-link code{overflow-wrap:anywhere}.form-error{color:var(--danger);font-weight:700}.form-ok{color:var(--signal-complete);margin-top:8px;font-size:12px;font-weight:700;display:block}.inline-signup-link{overflow-wrap:anywhere;max-width:360px;margin-top:6px;font-size:12px;display:block}@media (max-width:720px){.admin-form,.filter-bar{grid-template-columns:1fr}}.workflow-page{gap:18px;padding:0;display:grid}.workflow-page-tight{gap:12px}.signal-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:start;gap:18px;display:grid}.signal-stack{gap:14px;display:grid}.workflow-header{background:radial-gradient(circle at 96% 12%, var(--copper-glow), transparent 20rem), linear-gradient(135deg, var(--bg-panel-overlay), var(--bg-panel-overlay-soft)), linear-gradient(100deg, #118a9224, #bd74431a);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:flex-start;gap:20px;min-height:112px;padding:20px;display:flex;position:relative;overflow:hidden}.workflow-header:before{background:var(--workbench-stripe);content:"";width:4px;position:absolute;inset:0 auto 0 0}.workflow-header:after{background:var(--surface-scanline);content:"";opacity:.8;height:1px;position:absolute;inset:auto 20px 14px}.workflow-header h1{color:var(--navy-strong);letter-spacing:0;margin-bottom:5px;font-size:29px;font-weight:850;line-height:1.2}.workflow-header-compact{align-items:center;min-height:86px;padding:16px 20px}.workflow-header-compact h1{margin-bottom:4px;font-size:26px}.workflow-header-compact p{font-size:14px}.po-detail-header{min-height:74px;padding:14px 20px}.po-detail-header:after{inset:auto 20px 10px}.po-detail-header h1{margin-bottom:2px;font-size:25px}.po-detail-header p{font-size:13px}.record-title-link{color:inherit;text-underline-offset:5px;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.record-title-link svg{color:var(--accent-strong);opacity:.72;transition:opacity var(--transition-fast), transform var(--transition-fast);flex:none}.record-title-link:hover{color:var(--accent-strong);text-decoration:underline}.record-title-link:hover svg{opacity:1;transform:translate(1px,-1px)}.workflow-header .eyebrow{margin-bottom:7px;display:inline-flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pipeline-strip{background:linear-gradient(180deg, var(--bg-panel-overlay), var(--bg-panel-overlay-soft)), var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.queue-command-strip{background:linear-gradient(180deg, var(--bg-panel-overlay), var(--bg-panel-overlay-soft)), var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px;display:flex}.queue-command-strip>div:first-child{gap:2px;min-width:220px;display:grid}.queue-command-strip strong{color:var(--text-primary);font-size:15px;line-height:1.2}.queue-command-strip span{color:var(--text-secondary);font-size:13px}.queue-signal-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.queue-signal-chips .pipeline-step{min-height:32px}.queue-signal-chips .security-note{min-height:32px;padding:6px 10px}.signal-strip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:10px;display:grid}.signal-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-left:4px solid var(--signal-info);border-radius:var(--radius-sm);min-height:46px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:9px;padding:9px 10px;display:flex}.signal-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0d242b12}.signal-chip strong{color:var(--text-primary);font-size:13px;display:block}.signal-chip span{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.signal-chip.live{background:var(--signal-live-soft);border-left-color:var(--signal-live)}.signal-chip.waiting{background:var(--signal-waiting-soft);border-left-color:var(--signal-waiting)}.signal-chip.blocked{background:var(--signal-blocked-soft);border-left-color:var(--signal-blocked)}.signal-chip.complete{background:var(--signal-complete-soft);border-left-color:var(--signal-complete)}.pipeline-step{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.pipeline-step-complete{background:var(--accent-soft);border-color:var(--border-strong);color:var(--accent-strong)}.security-note,.inline-icon,.icon-text-button,.pill{align-items:center;gap:6px;display:inline-flex}.security-note{background:var(--copper-soft);border:1px solid var(--border-strong);color:var(--copper-strong);white-space:nowrap;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:700}.metric-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric-row article,.workflow-panel{background:linear-gradient(180deg, var(--bg-panel-overlay), var(--bg-panel-overlay-soft)), var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.metric-row article{min-height:92px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:14px;display:grid;position:relative}.metric-row article:after{background:linear-gradient(180deg, var(--accent), var(--copper));content:"";opacity:.16;border-radius:999px;width:4px;height:34px;position:absolute;top:14px;right:14px}.metric-row article:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.metric-row strong{letter-spacing:0;font-size:24px;line-height:1}.metric-row-compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.metric-row-compact article{grid-template-columns:auto auto 1fr;gap:4px;min-height:72px;padding:12px 14px}.metric-row-compact article:after{height:26px;top:12px;right:12px}.metric-row-compact strong{font-size:22px}.metric-row-compact span{grid-column:3;align-self:center}.metric-row span{color:var(--text-secondary);grid-column:2;font-size:13px}.workflow-panel{gap:14px;padding:16px;display:grid;overflow:hidden}.queue-panel{gap:12px;padding:14px}.queue-panel .panel-title-row{align-items:center;padding-bottom:10px}.queue-panel .panel-title-row h2{font-size:16px}.queue-panel .panel-title-row p{font-size:13px}.queue-panel .filter-bar{padding:10px}.queue-panel .filter-bar input,.queue-panel .filter-bar select{min-height:36px}.queue-panel .primary-action{min-height:38px}.workflow-panel-accent{border-left:4px solid var(--accent)}.panel-title-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;margin:-2px -2px 0;padding:0 0 12px;display:flex}.panel-title-row h2{margin:0 0 4px;font-size:17px}.filter-bar{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:12px;padding:12px;display:grid}.filter-bar-compact{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,1fr)) auto}.filter-bar-split{grid-template-columns:minmax(200px,1.4fr) repeat(2,minmax(140px,1fr)) auto}.filter-bar label{color:var(--text-secondary);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.filter-bar input,.filter-bar select{background:var(--control-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);min-height:var(--density-input);text-transform:none;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 10px}.filter-bar input:focus,.filter-bar select:focus,.table-input:focus{background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}@media (max-width:720px){.filter-bar,.filter-bar-compact,.filter-bar-split{grid-template-columns:1fr}}.pagination-row{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.pagination-row a{color:var(--accent-strong);font-weight:800}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);scrollbar-color:var(--border-strong) transparent;overflow-x:auto}.workflow-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.workflow-table th,.workflow-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);height:var(--density-row);text-align:left;vertical-align:top;padding:10px 12px;font-size:14px}.workflow-table th{background:linear-gradient(180deg, var(--bg-table-head), var(--bg-surface-subtle));border-bottom-color:var(--border-strong);color:var(--text-muted);text-transform:uppercase;z-index:1;font-size:12px;font-weight:850;position:sticky;top:0}.workflow-table td span{color:var(--text-secondary);margin-top:3px;font-size:12px;display:block}.workflow-table td .pill{margin-top:0;font-size:12px;display:inline-flex}.workflow-table td small{color:var(--text-secondary);margin-top:3px;font-size:12px;line-height:1.35;display:block}.table-identity{gap:3px;min-width:0;display:grid}.table-identity strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;display:block;overflow:hidden}.table-identity small,.table-muted{color:var(--text-secondary);overflow-wrap:anywhere}.table-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.table-actions form{display:contents}.workflow-table .table-actions .secondary-action,.workflow-table .table-actions .primary-action{width:auto;min-height:34px;padding:0 12px}.workflow-table .secondary-action-danger{border-color:color-mix(in srgb, var(--danger) 28%, var(--border-strong));color:var(--danger)}.workflow-table .secondary-action-danger:hover{border-color:var(--danger);color:var(--danger)}.user-edit-form{grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) auto auto;align-items:center;gap:8px;display:grid}.user-edit-form select,.invitation-edit-form input,.invitation-edit-form select{background:var(--control-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);min-height:34px;padding:0 9px}.invitation-edit-form{grid-template-columns:minmax(190px,1.1fr) minmax(170px,.9fr) minmax(220px,1.2fr) minmax(150px,.8fr) minmax(120px,.6fr) auto;align-items:end;gap:10px;display:grid}.invitation-edit-form label{gap:5px;display:grid}.invitation-edit-form label span{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:800}.user-edit-form .form-error,.invitation-edit-form .form-error{grid-column:1/-1}@media (max-width:1200px){.invitation-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}}.users-table th:first-child,.users-table td:first-child{width:32%;min-width:280px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:25%;min-width:250px}.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(4),.users-table td:nth-child(4){width:12%;min-width:120px}.users-table th:nth-child(5),.users-table td:nth-child(5){text-align:right;width:19%;min-width:220px}.users-table td{vertical-align:middle}.users-table .pill.shared{text-overflow:ellipsis;width:100%;max-width:320px;overflow:hidden}.table-input{background:var(--control-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);width:min(150px,100%);min-height:36px;padding:0 8px}.workflow-table tbody tr:hover td{background:var(--bg-row-hover)}.workflow-table tbody tr{transition:background var(--transition-fast), box-shadow var(--transition-fast)}.workflow-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--bg-surface-subtle) 58%, transparent)}.workflow-table tbody tr:nth-child(2n):hover td{background:var(--bg-row-hover)}.workflow-table th[data-align=right],.workflow-table td[data-align=right],.workflow-table .numeric{font-variant-numeric:tabular-nums;text-align:right}.workflow-table tfoot td,.workflow-table .total-row td{background:var(--copper-soft);border-top:1px solid var(--border-strong);color:var(--text-primary);font-weight:850}.empty-state{background:var(--bg-surface-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);padding:14px}.empty-state strong{color:var(--text-primary);margin-bottom:4px;display:block}.pill{border:1px solid var(--border-subtle);color:var(--text-primary);text-transform:capitalize;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.pill:before{content:"";opacity:.82;background:currentColor;border-radius:999px;width:6px;height:6px}.pill:hover{box-shadow:0 6px 14px var(--shadow-color);transform:translateY(-1px)}.pill.under-review,.pill.waiting-vendor{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 38%, var(--border-strong));color:var(--warning)}.pill.high{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 42%, var(--border-strong));color:var(--danger)}.pill.paid,.pill.completed,.pill.confirmed,.pill.accepted,.pill.approved{background:var(--signal-complete-soft);border-color:color-mix(in srgb, var(--signal-complete) 38%, var(--border-strong));color:var(--signal-complete)}.pill.closed,.pill.cancelled,.pill.archived,.pill.expired,.pill.revoked,.pill.superseded{background:var(--signal-stale-soft);border-color:color-mix(in srgb, var(--signal-stale) 38%, var(--border-strong));color:var(--signal-stale)}.pill.shared{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 34%, var(--border-strong));color:var(--accent-strong)}.pill.internal,.pill.on-hold,.pill.blocked,.pill.failed,.pill.rejected{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 42%, var(--border-strong));color:var(--danger)}.pill.invoice-received,.pill.in-progress,.pill.new-po,.pill.draft,.pill.in-transit,.pill.arrived{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 36%, var(--border-strong));color:var(--info)}.pill.ready,.pill.pending{background:var(--copper-soft);border-color:color-mix(in srgb, var(--copper) 42%, var(--border-strong));color:var(--copper-strong)}.pill.open,.pill.awaiting-vendor,.pill.response-due,.pill.medium,.pill.amber,.pill.clearance{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 38%, var(--border-strong));color:var(--warning)}.pill.critical,.pill.urgent,.pill.red,.pill.overdue{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 42%, var(--border-strong));color:var(--danger)}.pill.green,.pill.low,.pill.resolved,.pill.waived,.pill.delivered{background:var(--signal-complete-soft);border-color:color-mix(in srgb, var(--signal-complete) 38%, var(--border-strong));color:var(--signal-complete)}.icon-text-button{background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:0;border-radius:6px;justify-self:start;padding:9px 12px;font-weight:700}.icon-text-button:hover{background:var(--accent-strong);box-shadow:0 10px 20px var(--accent-glow);transform:translateY(-1px)}.icon-text-button:active{box-shadow:var(--shadow-pressed);transform:translateY(0)}.workflow-form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{gap:6px;min-width:0;display:grid}.form-grid span{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{background:var(--control-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);min-height:var(--density-input);width:100%;padding:9px 10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-grid textarea{resize:vertical;min-height:108px}.form-grid-notes label{align-content:start}.form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.form-error{background:var(--danger-soft);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #e1b1b1;padding:10px 12px;font-weight:700}.two-column-workflow{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;display:grid}.message-list,.notification-list{gap:12px;display:grid}.message-item,.notification-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:8px;padding:12px;display:grid}.message-item div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.message-item span,.notification-item span{color:var(--text-secondary);font-size:12px}.notification-item{grid-template-columns:auto 1fr}.notification-item p{font-size:13px}.bell-count{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}@media (max-width:900px){.workflow-header,.two-column-workflow,.signal-layout{grid-template-columns:1fr;display:grid}.metric-row,.form-grid{grid-template-columns:1fr}.workflow-header{padding:16px}.queue-command-strip{grid-template-columns:1fr;align-items:stretch;display:grid}.queue-signal-chips{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}