:root{--brand: #61731A;--brand-hover: #556617;--brand-press: #45520F;--brand-tint: #EDF0D4;--brand-tint-strong: #DDE4B8;--on-brand: #ffffff;--accent: #F2643E;--accent-press: #D34E2B;--accent-tint: #FDEDE7;--lemon: #FFF065;--lemon-ink: #4A4700;--bg: #F7EEE1;--surface: #ffffff;--surface-raised: #FBF6EC;--border: #E4DECB;--border-strong: #CDC6AC;--text: #16201D;--muted: #6E6A57;--faint: #A89F86;--ok: #4F5E15;--ok-tint: #EDF0D4;--ok-border: #CBD79A;--warn: #7A5A00;--warn-tint: #FFF6BF;--warn-border: #E8D06A;--danger: #C4455F;--danger-tint: #FCEAEC;--danger-border: #EDBCC6;--info: var(--brand);--info-tint: var(--brand-tint);--bg-accent: var(--brand);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-xs: .72rem;--fs-sm: .8rem;--fs-base: .9rem;--fs-md: 1rem;--fs-lg: 1.1rem;--lh: 1.45;--radius-sm: 8px;--radius: 10px;--radius-lg: 12px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--gap: var(--sp-4);--shadow-sm: 0 1px 2px rgba(16, 32, 29, .06);--shadow-md: 0 2px 8px rgba(16, 32, 29, .08);--shadow-lg: 0 12px 32px rgba(16, 32, 29, .16);--shadow-focus: 0 0 0 3px rgba(242, 100, 62, .35);--ring: 2px solid var(--brand);--ease: cubic-bezier(.2, 0, .1, 1);--dur: .14s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--text);line-height:var(--lh)}a{color:var(--brand)}:focus-visible{outline:var(--ring);outline-offset:2px}.app-header{background:var(--surface);box-shadow:var(--shadow-sm);padding:14px 24px;display:flex;align-items:center;gap:var(--sp-4)}.app-header h1.wordmark{font-size:var(--fs-lg);margin:0;font-weight:var(--fw-medium);letter-spacing:-.01em}.wordmark-brand{color:var(--brand);font-weight:var(--fw-bold)}.wordmark-sep{color:var(--faint)}.wordmark-app{color:var(--text);font-weight:var(--fw-medium)}.app-header .tenant{margin-left:auto;display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px}.tenant-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:0 0 auto}button{font:inherit;font-weight:var(--fw-medium);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}button:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}button:active:not(:disabled){background:var(--brand-press);border-color:var(--brand-press)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-focus)}button.secondary{background:var(--surface);color:var(--brand);border-color:var(--border-strong);box-shadow:none}button.secondary:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand)}button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger-border);box-shadow:none}button.danger:hover:not(:disabled){background:var(--danger-tint)}button:disabled{opacity:.5;cursor:not-allowed}input[type=file],input[type=text],textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font:inherit;background:var(--surface);color:var(--text)}input[type=text]:focus-visible,textarea:focus-visible{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}label{display:block;font-weight:var(--fw-semibold);margin-bottom:6px}.link-btn{background:none;border:none;color:var(--brand);padding:0;font:inherit;font-weight:var(--fw-semibold);cursor:pointer;text-decoration:underline;box-shadow:none}.link-btn:hover:not(:disabled){background:none;color:var(--brand-press)}.muted{color:var(--muted)}.note{font-size:var(--fs-sm);color:var(--muted)}.status-badge{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.03em;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid currentColor}.status-TE_MUTEREN{color:var(--ok);background:var(--ok-tint);border-color:var(--ok-border)}.status-INCOMPLEET,.status-AFWIJKING{color:var(--warn);background:var(--warn-tint);border-color:var(--warn-border)}.status-NIET_MUTEERBAAR{color:var(--danger);background:var(--danger-tint);border-color:var(--danger-border)}.status-STOPZETTING,.status-REEDS_AANWEZIG_OK,.status-VAST_COMPONENT{color:var(--muted);background:var(--surface-raised);border-color:var(--border)}.section{border-top:1px solid var(--border);padding:14px 0}.section:first-child{border-top:none;padding-top:0}.section h3{margin:0 0 8px;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}dl.fields{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:4px 16px;margin:0}dl.fields dt{color:var(--muted)}dl.fields dd{margin:0;word-break:break-word}.line-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.line-table th,.line-table td{border-bottom:1px solid var(--border);padding:6px 10px;text-align:left}.line-table th{background:var(--surface-raised);font-family:var(--font-mono);font-weight:var(--fw-semibold)}.line-table tbody tr:nth-child(2n){background:var(--bg)}.remarks{margin:6px 0 0;padding-left:20px}.dev-banner{background:var(--warn-tint);border-bottom:1px solid var(--warn-border);color:var(--warn);padding:8px 24px;font-size:var(--fs-sm)}.alert{border-radius:var(--radius);padding:10px 14px;margin-bottom:var(--gap)}.alert.error{background:var(--danger-tint);border:1px solid var(--danger-border);color:var(--danger)}.alert.ok{background:var(--ok-tint);border:1px solid var(--ok-border);color:var(--ok)}.alert.decision{background:var(--surface-raised);border:1px solid var(--border);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{display:flex;flex-direction:column;height:calc(100vh - 96px);min-height:480px}.composer{position:relative;margin:var(--sp-4) var(--sp-4) var(--sp-3);padding:var(--sp-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:0 0 auto;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer:focus-within{border-color:var(--brand);box-shadow:var(--shadow-focus)}.composer.is-drag{border-color:var(--brand);outline:2px dashed var(--brand);outline-offset:-6px;background:var(--brand-tint)}.composer-dropmask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand-tint) 80%,transparent);color:var(--brand-press);font-weight:var(--fw-semibold);pointer-events:none;z-index:1}.chip-tray{list-style:none;margin:0 0 var(--sp-2);padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2);max-height:96px;overflow-y:auto}.chip{display:inline-flex;align-items:center;gap:6px;max-width:320px;padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.chip-glyph{font-weight:var(--fw-bold);color:var(--muted);flex:0 0 auto}.chip.is-uploading .chip-glyph{color:var(--brand)}.chip.is-done .chip-glyph{color:var(--ok)}.chip.is-error .chip-glyph{color:var(--danger)}.chip.is-error{border-color:var(--danger-border);background:var(--danger-tint);flex-basis:100%;max-width:100%;align-items:flex-start;flex-wrap:wrap;padding:8px 10px;gap:8px}.chip.is-error .chip-name{max-width:none}.chip-name{min-width:0;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--fw-medium)}.chip-size{color:var(--faint);font-variant-numeric:tabular-nums;flex:0 0 auto}.chip-state{color:var(--muted);white-space:nowrap;flex:0 0 auto}.chip.is-error .chip-state{color:var(--danger);white-space:normal;overflow-wrap:anywhere;flex:1 1 100%;min-width:0;line-height:1.35;font-weight:var(--fw-medium)}.chip-bar{flex:0 0 40px;height:3px;border-radius:var(--radius-pill);background:var(--brand-tint-strong);overflow:hidden}.chip-bar-fill{display:block;height:100%;width:40%;border-radius:var(--radius-pill);background:var(--brand);animation:chip-indeterminate 1.1s infinite var(--ease)}@keyframes chip-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.chip-retry{flex:0 0 auto;font-size:var(--fs-sm)}.chip-remove{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--muted);font-size:var(--fs-sm);box-shadow:none;border-radius:var(--radius-pill)}.chip-remove:hover:not(:disabled){background:var(--border);color:var(--text)}.composer-text{border:none;background:transparent;resize:none;width:100%;padding:4px 6px;max-height:150px;overflow-y:auto}.composer-text:focus-visible{outline:none;box-shadow:none}.composer-source{margin-top:var(--sp-2)}.composer-source-input{max-width:280px;background:var(--surface);font-size:var(--fs-sm)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-2)}.composer-footer-left{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.composer-footer-right{display:flex;align-items:center;gap:var(--sp-3);flex:0 0 auto}.attach-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border-strong);box-shadow:none;padding:6px 10px;font-size:var(--fs-md);line-height:1}.attach-btn:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand);color:var(--brand)}.composer-hint{font-size:var(--fs-sm);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-count{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.composer-send{display:inline-flex;align-items:center;gap:6px}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer-tally{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--muted)}.composer-tally-fail{color:var(--danger);font-weight:var(--fw-semibold)}.back-to-queue{align-self:flex-start;margin-bottom:12px}.ribbon{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.ribbon-tabs{display:flex;align-items:stretch;gap:6px;overflow-x:auto;flex:1 1 auto;min-width:0}.ribbon-skills{flex:0 0 auto}.ribbon-cell{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-height:44px;min-width:88px;padding:6px 12px;background:var(--surface-raised);color:var(--text);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;box-shadow:none;font:inherit;transition:background var(--dur) var(--ease)}.ribbon-cell:hover:not(.is-active){background:var(--brand-tint)}.ribbon-cell.is-active{background:var(--surface);border-color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)}.ribbon-count{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text)}.ribbon-label{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ribbon-approved{flex:0 0 auto;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.workspace-body{display:grid;grid-template-columns:minmax(280px,360px) 1fr;flex:1 1 auto;min-height:0}.rail-pane{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);min-height:0}.rail{flex:1 1 auto;overflow-y:auto;min-height:0}.rail:focus-visible{outline:var(--ring);outline-offset:-2px}.rail-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur) var(--ease)}.rail-row:hover{background:var(--surface-raised)}.rail-row.is-selected{background:var(--brand-tint);box-shadow:inset 3px 0 0 var(--brand)}.rail-row.is-approved{opacity:.55}.rail-stripe{width:10px;height:10px;align-self:center;margin:0;border-radius:50%;background:var(--faint);color:transparent;overflow:hidden;flex:0 0 auto;box-shadow:none}.rail-stripe.status-TE_MUTEREN{background:var(--ok)}.rail-stripe.status-INCOMPLEET,.rail-stripe.status-AFWIJKING{background:var(--warn)}.rail-stripe.status-NIET_MUTEERBAAR{background:var(--danger)}.rail-stripe.status-STOPZETTING,.rail-stripe.status-VAST_COMPONENT,.rail-stripe.status-REEDS_AANWEZIG_OK{background:var(--muted)}.rail-row.is-approved .rail-stripe{background:transparent;color:var(--ok);width:auto;height:auto;box-shadow:none;text-align:center;font-weight:var(--fw-bold)}.rail-check{width:18px;height:18px;flex:0 0 auto;accent-color:var(--brand)}.rail-main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.rail-name{font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-sub{font-size:var(--fs-xs)}.rail-amount{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);white-space:nowrap}.rail-del{flex:0 0 auto;background:none;border:none;box-shadow:none;color:var(--faint);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;opacity:0}.rail-row:hover .rail-del,.rail-row.is-selected .rail-del,.rail-del:focus-visible{opacity:1}.rail-del:hover:not(:disabled){color:var(--danger);background:var(--danger-tint)}.rail-empty{padding:16px}.complete-form{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:flex;flex-direction:column;gap:8px}.complete-title{margin:0;font-size:.95rem}.complete-missing{margin:0;font-size:.85rem}.complete-field{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.complete-field input{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit}.complete-note{margin:0;font-size:.78rem}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);font-size:.85rem}.selection-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:var(--brand-tint);border-bottom:1px solid var(--brand-tint-strong)}.sel-count{font-size:var(--fs-sm)}.sel-tally{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--muted)}.pane-pane{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:16px}.reading-pane{flex:1 1 auto}.pane-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.pane-col{min-width:0}.pane-col-title{margin:0 0 12px;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.source-col{border-right:1px solid var(--border);padding-right:20px}.source-header{margin-bottom:12px}.source-subtitle{margin:12px 0 8px;font-size:var(--fs-sm);color:var(--muted)}.receipt{border:1px solid var(--ok-border);border-left:4px solid var(--ok);border-radius:var(--radius);background:var(--ok-tint);padding:12px 14px;margin-bottom:16px}.receipt-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-base);color:var(--ok)}.receipt-tick{font-weight:var(--fw-bold)}.receipt-id{margin:6px 0 10px}.advisory{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:12px 14px;margin-bottom:16px}.advisory-fence{margin:0 0 6px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.needs-next{background:var(--warn-tint);border:1px solid var(--warn-border);border-radius:var(--radius);padding:8px 12px;margin:0 0 16px;color:var(--warn);font-size:var(--fs-base)}.command-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 4px;margin-top:12px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface);box-shadow:0 -2px 8px #10201d0d}.cmd-primary{background:var(--ok);border-color:var(--ok)}.cmd-primary:hover:not(:disabled){background:#176236;border-color:#176236}.cmd-note{font-size:var(--fs-base);color:var(--warn)}.cmd-note.ok{color:var(--ok)}.cmd-hint{margin-left:auto;font-size:var(--fs-sm)}kbd{font-family:var(--font-mono);font-size:.7rem;padding:1px 5px;border:1px solid currentColor;border-radius:4px;margin-left:4px;opacity:.8}.skeleton .skeleton-row{background:linear-gradient(90deg,var(--surface-raised),var(--bg),var(--surface-raised));background-size:200% 100%;animation:shimmer 1.2s infinite linear;height:52px;border-bottom:1px solid var(--border)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-scrim{position:fixed;inset:0;background:#10201d66;display:flex;justify-content:flex-end;z-index:10}.drawer{width:min(440px,92vw);height:100%;background:var(--surface);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);padding:20px;overflow-y:auto;box-shadow:var(--shadow-lg)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-head h2{margin:0;font-size:var(--fs-md)}.skill-group{margin-bottom:18px}.skill-stage{margin:0 0 8px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:4px}.skill-list{list-style:none;margin:0;padding:0}.skill-item{padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.skill-item:last-child{border-bottom:none}.skill-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.skill-name{font-weight:var(--fw-semibold);font-family:var(--font-mono);font-size:var(--fs-base)}.skill-version{font-size:var(--fs-xs);color:var(--muted);background:var(--surface-raised);border-radius:var(--radius-pill);padding:2px 8px;white-space:nowrap}.skill-desc{margin:4px 0 0;font-size:var(--fs-sm);color:var(--text)}@media(max-width:860px){.workspace-body{grid-template-columns:1fr}.rail-pane{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.pane-row{grid-template-columns:1fr}.source-col{border-right:none;padding-right:0;order:2;border-top:1px solid var(--border);padding-top:16px}.draft-col{order:1}.workspace{height:auto}}@media(prefers-reduced-motion:reduce){.skeleton .skeleton-row,.chip-bar-fill,.spinner{animation:none}.rail-row,.ribbon-cell,button,.composer{transition:none}.spinner{border-top-color:#ffffff73}}.stage-trace{margin:var(--sp-4) 0;padding:var(--sp-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius)}.stage-trace-title{margin:0 0 var(--sp-3);font-size:.9rem;font-weight:600}.trace-steps{list-style:none;margin:0;padding:0}.trace-step{display:grid;grid-template-columns:20px 1fr;gap:var(--sp-2);padding:0 0 var(--sp-3) var(--sp-1);border-left:2px solid var(--border);margin-left:8px}.trace-step:last-child{padding-bottom:0}.trace-step.is-warning{border-left-color:var(--warn-border)}.trace-step.is-error{border-left-color:var(--danger-border)}.trace-pip{margin-left:-11px;line-height:1.2;font-size:.8rem;background:var(--surface-raised)}.pip-ok{color:var(--ok)}.pip-warning{color:var(--warn)}.pip-error{color:var(--danger)}.pip-queued,.pip-skipped{color:var(--faint)}.trace-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2)}.trace-stage{font-weight:600;font-size:.88rem}.trace-skill{font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.trace-state{font-size:.78rem;color:var(--muted)}.trace-timing{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--faint)}.trace-output{margin:var(--sp-1) 0 0;font-size:.82rem;color:var(--text)}.trace-error{margin:var(--sp-1) 0 0;font-size:.82rem;color:var(--danger)}.trace-remark{margin:2px 0 0;font-size:.78rem;color:var(--muted)}.trace-json-wrap{margin-top:var(--sp-2)}.trace-json-wrap>summary{cursor:pointer;font-size:.78rem;color:var(--brand-press);-webkit-user-select:none;user-select:none}.trace-json{margin:var(--sp-2) 0 0;padding:var(--sp-3);max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;line-height:1.5;white-space:pre}.app-nav{display:inline-flex;gap:4px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px}.app-nav-tab{border:none;background:none;padding:5px 14px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--muted);cursor:pointer}.app-nav-tab:hover{color:var(--text)}.app-nav-tab.is-active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.sx-index,.sx-detail{max-width:1080px;margin:0 auto;padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.sx-index-head{display:flex;align-items:center;gap:var(--sp-3)}.sx-index-head h2,.sx-detail-head h2{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em}.sx-refresh{margin-left:auto;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--fs-sm);cursor:pointer}.sx-refresh:hover{border-color:var(--border-strong);color:var(--text)}.sx-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sx-num{font-variant-numeric:tabular-nums}.sx-faint{color:var(--faint);font-size:var(--fs-xs)}.sx-meta{color:var(--muted);font-size:var(--fs-sm)}.sx-empty,.sx-alert{padding:var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm)}.sx-empty{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border)}.sx-alert{color:var(--danger);background:var(--danger-tint);border:1px solid var(--danger-border)}.sx-rows{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sx-rows>li+li{border-top:1px solid var(--border)}.sx-rowwrap{display:flex;align-items:center}.sx-row{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,2.2fr) auto auto minmax(0,2fr);gap:var(--sp-3);align-items:center;padding:12px var(--sp-4);background:none;border:none;box-shadow:none;text-align:left;cursor:pointer}.sx-row-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding-right:var(--sp-4)}.sx-rowbtn{font-size:var(--fs-xs);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--muted);box-shadow:none;cursor:pointer}.sx-rowbtn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.sx-del:hover:not(:disabled){color:var(--danger);border-color:var(--danger-border);background:var(--danger-tint)}.sx-crumb-actions{margin-left:auto;display:flex;gap:6px}.continue-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:8px 16px;background:var(--brand-tint);border-bottom:1px solid var(--border);color:var(--brand-press);font-size:var(--fs-sm)}.continue-banner .mono{font-family:var(--font-mono)}.continue-banner .link-btn{color:var(--brand-press)}.sx-task-wrap{display:flex;align-items:center}.sx-task-wrap .sx-taskrow{flex:1 1 auto;min-width:0}.sx-task-del{flex:0 0 auto;margin-right:8px;background:none;border:none;box-shadow:none;color:var(--faint);font-size:var(--fs-sm);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer}.sx-task-del:hover:not(:disabled){color:var(--danger);background:var(--danger-tint)}.sx-row:hover{background:var(--surface-raised)}.sx-row-src{min-width:0;display:flex;flex-direction:column}.sx-row-name{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-row-when{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}.sx-row-count{font-family:var(--font-mono);text-align:right}.sx-pills{display:flex;flex-wrap:wrap;gap:5px}.sx-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--muted);white-space:nowrap}.sx-pill-label{text-transform:capitalize}.sx-crumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}.sx-sep{color:var(--faint)}.sx-link{background:none;border:none;color:var(--brand);padding:0;cursor:pointer;font-size:var(--fs-sm)}.sx-link:hover{text-decoration:underline}.sx-detail-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.sx-detail-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--sp-4);align-items:start}.sx-tasklist{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sx-tasklist>li+li{border-top:1px solid var(--border)}.sx-taskrow{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);background:none;border:none;text-align:left;cursor:pointer}.sx-taskrow:hover{background:var(--surface-raised)}.sx-taskrow.sx-sel{background:var(--brand-tint)}.sx-dot{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:.72rem;background:var(--surface-raised);color:var(--muted);border:1px solid var(--border)}.sx-task-who{min-width:0;display:flex;flex-direction:column}.sx-task-name{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-json-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sx-json-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-raised);font-size:var(--fs-sm);color:var(--muted)}.sx-copy{margin-left:auto;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius-sm);padding:4px 11px;font-size:var(--fs-xs);cursor:pointer}.sx-copy:hover{border-color:var(--border-strong);color:var(--text)}.sx-json{margin:0;padding:var(--sp-4);max-height:520px;overflow:auto;font-family:var(--font-mono);font-size:.74rem;line-height:1.6;white-space:pre;color:var(--text)}.sx-json-foot{padding:9px var(--sp-4);border-top:1px solid var(--border);background:var(--surface-raised);color:var(--muted);font-size:var(--fs-xs)}@media(max-width:860px){.sx-detail-grid{grid-template-columns:1fr}.sx-row{grid-template-columns:minmax(0,1fr) auto}.sx-row-when,.sx-pills{display:none}}.toast-host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--sp-2);z-index:100;width:min(460px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:10px 10px 10px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--muted);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);color:var(--text);animation:toast-in var(--dur) var(--ease)}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--ok)}.toast-info{border-left-color:var(--brand)}.toast-text{flex:1;line-height:1.4}.toast-close{flex:0 0 auto;background:none;border:none;box-shadow:none;color:var(--muted);padding:2px 4px;font-size:var(--fs-sm);cursor:pointer}.toast-close:hover:not(:disabled){background:none;color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.logo-mark{flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--lemon);color:var(--lemon-ink);font-weight:var(--fw-bold);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000000f}.status-online{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--lemon-ink);background:var(--lemon);border-radius:var(--radius-pill);padding:3px 10px}.ribbon-cell{min-height:52px}.ribbon-count{font-size:1.3rem;line-height:1.1}.ribbon-cell.status-TE_MUTEREN .ribbon-count{color:var(--ok)}.ribbon-cell.status-INCOMPLEET .ribbon-count,.ribbon-cell.status-AFWIJKING .ribbon-count{color:var(--warn)}.ribbon-cell.status-NIET_MUTEERBAAR .ribbon-count{color:var(--danger)}