:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary: #0d2d5e;--brand-primary-hover: #1a3f6f;--brand-primary-soft: #bfdbfe;--brand-accent: #1e40af;--brand-accent-hover: #1b3893;--brand-accent-soft: #e8f1ff;--brand-bg: #ffffff;--brand-bg-muted: #f1f5f9;--brand-bg-elevated: #ffffff;--brand-surface: #ffffff;--brand-border: #d1d5db;--brand-border-strong: #9ca3af;--brand-text: #111827;--brand-text-muted: #4b5563;--brand-text-subtle: #9ca3af;--sem-success: #16a34a;--sem-warning: #f59e0b;--sem-danger: #dc2626;--sem-info: #1d4ed8;--sem-badge-success-bg: #bbf7d0;--sem-badge-success-text: #15803d;--sem-badge-danger-bg: #fecaca;--sem-badge-danger-text: #b91c1c;--sem-badge-warning-bg: #fed7aa;--sem-badge-warning-text: #c2410c;--sem-badge-info-bg: #bfdbfe;--sem-badge-info-text: #1d4ed8;--sem-badge-muted-bg: #e5e7eb;--sem-badge-muted-text: #374151;--sem-success-soft: #22c55e;--sem-danger-soft: #ef4444;--sem-info-soft: #3b82f6;--sem-warning-strong: #b45309;--sem-danger-bg-faint: #fef2f2;--sem-info-bg-faint: #eff6ff;--sem-success-bg-faint: #f0fdf4;--sem-warning-bg-faint: #fffbeb;--sem-badge-neutral-bg: #fce7f3;--sem-badge-neutral-text: #be185d;--brand-on-muted: #ffffff;--brand-on-overlay: #ffffff;--sem-danger-bg: #fee2e2;--sem-success-bg: #dcfce7;--brand-text-soft: #6b7280;--brand-text-strong: #374151;--brand-border-soft: #e5e7eb;--brand-bg-subtle: #f3f4f6;--brand-bg-faint: #f9fafb;--data-accent-1: #4fc3f7;--data-accent-2: #81d4fa;--data-neutral: #5a7a96;--brand-on-primary: #ffffff;--brand-on-accent: #ffffff;--sem-warning-bg: var(--sem-badge-warning-bg);--data-accent-3: #ff9800;--data-accent-4: #ab47bc;--data-accent-5: #5b9bd5;--data-accent-6: #06b6d4;--brand-ai: #7c3aed;--brand-panel: #0d1b2a;--brand-panel-soft: #1e3a5f;--brand-panel-border: #2a4a6b;--brand-on-panel: #c0d0e0;--sem-on-danger: #ffffff;--sem-on-success: #ffffff;--sem-on-warning: #1f2937;--sem-on-info: #ffffff;--data-accent-7: #10b981;--data-accent-8: #ec4899;--data-accent-9: #6366f1;--module-kleur-1: #1e88e5;--module-kleur-2: #00838f;--module-kleur-3: #ef6c00;--module-kleur-4: #388e3c;--module-kleur-5: #8e24aa;--module-kleur-6: #d81b60;--module-kleur-7: #00897b;--module-kleur-8: #3949ab;--sem-badge-accent-bg: #e9d5ff;--sem-badge-accent-text: #6b21a8;--brand-success: var(--sem-success);--brand-warning: var(--sem-warning);--brand-danger: var(--sem-danger);--brand-badge-success-bg: var(--sem-badge-success-bg);--brand-badge-success-text: var(--sem-badge-success-text);--brand-badge-danger-bg: var(--sem-badge-danger-bg);--brand-badge-danger-text: var(--sem-badge-danger-text);--brand-badge-warning-bg: var(--sem-badge-warning-bg);--brand-badge-warning-text: var(--sem-badge-warning-text);--brand-badge-info-bg: var(--sem-badge-info-bg);--brand-badge-info-text: var(--sem-badge-info-text);--brand-badge-muted-bg: var(--sem-badge-muted-bg);--brand-badge-muted-text: var(--sem-badge-muted-text);--shell-topbar-height: 56px;--shell-sidebar-width: 240px;--shell-sidebar-collapsed: 60px;--shell-content-inset: 0px;--density-scale: 1;--brand-radius: 8px;--brand-radius-sm: 6px;--brand-shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--brand-shadow-pop: 0 4px 16px rgba(0, 0, 0, .1);--brand-divider: 1px solid #f3f4f6}body,p,span,td,th,label,li,dd,dt{color:#111827}.muted,.text-muted,.secondary-text{color:#6b7280!important}h1,h2,h3,h4,h5,h6,.section-title,.section-header,[class*=-title],[class*=-header] h2,[class*=-header] h3{color:#111827!important;font-weight:600}td,th,tbody td,thead th{color:#111827!important}td.muted,td.text-muted,.muted td{color:#6b7280!important}input,select,textarea{background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .1s ease,box-shadow .1s ease}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0d2d5e40}input:disabled,select:disabled,textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}input:read-only,textarea:read-only{background:#f9fafb;color:#374151;cursor:default}input:read-only:focus,textarea:read-only:focus{border-color:var(--brand-border);box-shadow:none}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:none;accent-color:var(--brand-primary)}.module-header{background:var(--brand-surface);border-bottom:1px solid var(--brand-border);padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.module-header h1,.module-header h2,.module-title{font-size:18px;font-weight:600;color:var(--brand-primary);margin:0}.module-tabs,.module-header .tabs{display:flex;gap:4px;align-items:stretch}.module-tab,.module-tabs button,.module-header .tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:color .1s ease,border-color .1s ease}.module-tab:hover,.module-tabs button:hover,.module-header .tab:hover{color:#111827}.module-tab-active,.module-tabs button.active,.module-header .tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.card,.brand-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow-card);padding:16px 20px}table{border:none;border-collapse:collapse;width:100%}th,td{border:none;padding:12px 16px;text-align:left}thead tr{background:#f8f9fa;border-bottom:2px solid #e5e7eb}thead th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}tbody tr{border-bottom:1px solid #f3f4f6}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#e0edff}tbody td{color:#111827;font-size:13px;font-weight:500}tbody td.muted,tbody td.id,tbody td.nr{color:#6b7280;font-size:12px;font-weight:400}[class~=tab],[class~=tabs]>button,[class~=tabs]>a,[class$=-tab],[class*="-tab "],[class$=-tabs]>button,[class*="-tabs "]>button{background:none;border:none;border-bottom:2px solid transparent;padding:10px 20px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:color .1s ease,border-color .1s ease}[class~=tab]:hover,[class~=tabs]>button:hover,[class~=tabs]>a:hover,[class$=-tab]:hover,[class*="-tab "]:hover{color:#111827}[class~=tab][class*=active],[class~=tab].active,[class$=-tab][class*=active],[class$=-tab].active,[class*="-tab "][class*=active],[class*=tab-active]{color:var(--brand-primary)!important;border-bottom:2px solid var(--brand-primary)!important;font-weight:600!important}.module-content{background:var(--brand-surface);border-radius:8px;box-shadow:0 1px 4px #0000000f;margin:16px;overflow:hidden}[class*=stat-card],[class*=stat-box],[class~=stat],[class~=kpi],[class*=kpi-card],[class*=metric-card],[class*=summary-card]{background:var(--brand-surface)!important;border:1px solid var(--brand-border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--brand-text)!important}[class*=stat-card] [class*=value],[class*=stat-card] [class*=number],[class*=stat-card] strong,[class*=kpi] [class*=value],[class*=kpi] [class*=number],[class*=kpi] strong,[class*=metric] [class*=value],[class*=metric] strong{color:var(--brand-primary)!important}[class*=stat-card] [class*=label],[class*=kpi] [class*=label],[class*=metric] [class*=label]{color:#6b7280!important}.btn-primary{background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary);border-radius:var(--brand-radius-sm);font-weight:500;font-size:14px;padding:8px 16px;cursor:pointer;transition:background .1s ease}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--brand-surface);color:#374151;border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius-sm);font-weight:500;font-size:14px;padding:8px 16px;cursor:pointer;transition:background .1s ease}.btn-secondary:hover{background:var(--brand-bg-muted)}.btn-danger{background:var(--brand-danger);color:#fff;border:1px solid var(--brand-danger);border-radius:var(--brand-radius-sm);font-weight:500;font-size:14px;padding:8px 16px;cursor:pointer}.btn-danger:hover{background:#b91c1c}.divider{border:0;border-top:var(--brand-divider);margin:16px 0}.badge,[class*=status-active],[class*=status-ok],[class*=badge-success],[class*=-success][class*=badge],[class*=-active][class*=badge]{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-success,[class*=status-active],[class*=status-ok],[class*=-success][class*=badge]{background:var(--brand-badge-success-bg)!important;color:var(--brand-badge-success-text)!important}.badge-danger,[class*=status-error],[class*=status-failed],[class*=status-down],[class*=status-inactive],[class*=-error][class*=badge],[class*=-danger][class*=badge]{background:var(--brand-badge-danger-bg)!important;color:var(--brand-badge-danger-text)!important}.badge-info,[class*=status-info],[class*=-info][class*=badge]{background:var(--brand-badge-info-bg)!important;color:var(--brand-badge-info-text)!important}.badge-warning,[class*=status-draft],[class*=status-pending],[class*=status-warning],[class*=-warning][class*=badge]{background:var(--brand-badge-warning-bg)!important;color:var(--brand-badge-warning-text)!important}.badge-muted,[class*=status-archived],[class*=status-inactive],[class*=-muted][class*=badge]{background:var(--brand-badge-muted-bg)!important;color:var(--brand-badge-muted-text)!important}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}@media(max-width:768px){button,select,[role=button]{min-height:36px}input,textarea{font-size:16px}}:root[data-theme=windows]{--brand-primary: #0078d4;--brand-primary-hover: #106ebe;--brand-primary-soft: #cfe4fa;--brand-accent: #005a9e;--brand-accent-hover: #004578;--brand-accent-soft: #eff6fc;--brand-bg: #f3f3f3;--brand-bg-muted: #edebe9;--brand-bg-subtle: #f8f8f8;--brand-bg-faint: #faf9f8;--brand-surface: #ffffff;--brand-bg-elevated: #ffffff;--brand-border: #d2d0ce;--brand-border-soft: #e1dfdd;--brand-border-strong: #a19f9d;--brand-text: #201f1e;--brand-text-strong: #323130;--brand-text-muted: #484644;--brand-text-soft: #605e5c;--brand-text-subtle: #a19f9d;--brand-panel: #1b1a19;--brand-panel-soft: #292827;--brand-panel-border: #3b3a39;--brand-on-panel: #d2d0ce;--brand-radius: 2px;--brand-radius-sm: 2px;--brand-shadow-card: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .11);--brand-shadow-pop: 0 6.4px 14.4px rgba(0, 0, 0, .13), 0 1.2px 3.6px rgba(0, 0, 0, .11);--brand-divider: 1px solid #edebe9;--shell-topbar-height: 48px;--shell-sidebar-width: 228px;--shell-sidebar-collapsed: 48px;--density-scale: .9;--shell-content-inset: 9px;--font-shell: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif}:root[data-theme=android]{--brand-primary: #6750a4;--brand-primary-hover: #574192;--brand-primary-soft: #e8def8;--brand-accent: #625b71;--brand-accent-hover: #4a4458;--brand-accent-soft: #e8def8;--brand-bg: #fef7ff;--brand-bg-muted: #f3edf7;--brand-bg-subtle: #f7f2fa;--brand-bg-faint: #fdf7ff;--brand-surface: #ffffff;--brand-bg-elevated: #f7f2fa;--brand-border: #cac4d0;--brand-border-soft: #e7e0ec;--brand-border-strong: #79747e;--brand-text: #1d1b20;--brand-text-strong: #322f35;--brand-text-muted: #49454f;--brand-text-soft: #605d64;--brand-text-subtle: #79747e;--brand-panel: #1d1b20;--brand-panel-soft: #2b2930;--brand-panel-border: #49454f;--brand-on-panel: #e6e0e9;--brand-radius: 16px;--brand-radius-sm: 12px;--brand-shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--brand-shadow-pop: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);--brand-divider: 1px solid #e7e0ec;--shell-topbar-height: 64px;--shell-sidebar-width: 256px;--shell-sidebar-collapsed: 72px;--density-scale: 1.35;--shell-content-inset: 16px;--font-shell: Roboto, "Noto Sans", system-ui, sans-serif}:root[data-theme=odoo]{--brand-primary: #714b67;--brand-primary-hover: #5c3d54;--brand-primary-soft: #e6dbe3;--brand-accent: #017e84;--brand-accent-hover: #016b70;--brand-accent-soft: #e0f0f1;--brand-bg: #ffffff;--brand-bg-muted: #f9f9f9;--brand-bg-subtle: #f5f5f5;--brand-bg-faint: #fcfcfc;--brand-surface: #ffffff;--brand-bg-elevated: #ffffff;--brand-border: #dee2e6;--brand-border-soft: #e9ecef;--brand-border-strong: #adb5bd;--brand-text: #212529;--brand-text-strong: #343a40;--brand-text-muted: #495057;--brand-text-soft: #6c757d;--brand-text-subtle: #adb5bd;--brand-panel: #2b2b33;--brand-panel-soft: #35353f;--brand-panel-border: #45454f;--brand-on-panel: #dee2e6;--brand-radius: 4px;--brand-radius-sm: 3px;--brand-shadow-card: 0 1px 2px rgba(0, 0, 0, .06);--brand-shadow-pop: 0 2px 8px rgba(0, 0, 0, .12);--brand-divider: 1px solid #e9ecef;--shell-topbar-height: 46px;--shell-sidebar-width: 190px;--shell-sidebar-collapsed: 46px;--density-scale: .8;--shell-content-inset: 0px;--font-shell: "Inter", "Helvetica Neue", system-ui, sans-serif}:root[data-theme=huisstijl]{--brand-radius: 14px;--brand-radius-sm: 9px;--brand-bg: color-mix(in srgb, var(--brand-primary) 3%, #ffffff);--brand-bg-muted: color-mix(in srgb, var(--brand-primary) 7%, #ffffff);--brand-bg-subtle: color-mix(in srgb, var(--brand-primary) 5%, #ffffff);--brand-primary-soft: color-mix(in srgb, var(--brand-primary) 14%, #ffffff);--brand-border-soft: color-mix(in srgb, var(--brand-primary) 12%, #e5e7eb);--brand-shadow-card: 0 2px 8px color-mix(in srgb, var(--brand-primary) 12%, transparent);--brand-shadow-pop: 0 8px 28px color-mix(in srgb, var(--brand-primary) 22%, transparent)}:root[data-theme=huisstijl] .topbar{border-bottom:3px solid var(--brand-accent)}:root[data-theme=huisstijl] .sidebar-item-active,:root[data-theme=huisstijl] .sidebar-item-active:hover{background:var(--brand-primary);color:var(--brand-on-primary);border-left-color:var(--brand-accent)}:root[data-theme] body,:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea,:root[data-theme] button{font-family:var(--font-shell)}.nb-wrap{position:relative}.nb-bell{position:relative;background:none;border:none;color:var(--brand-text-soft);cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center}.nb-bell:hover{background:var(--brand-border);color:var(--brand-primary)}.nb-badge{position:absolute;top:-2px;right:0;background:var(--brand-primary);color:var(--brand-on-primary);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.nb-panel{position:absolute;top:100%;right:0;margin-top:8px;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 100px);background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:10px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:160}.nb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--brand-border)}.nb-title{font-size:13px;font-weight:600;color:var(--brand-text)}.nb-header-actions{display:flex;gap:10px;align-items:center}.nb-mark-all,.nb-clear-all{background:none;border:none;font-size:11px;cursor:pointer;font-weight:500}.nb-mark-all{color:var(--brand-primary)}.nb-clear-all{color:var(--sem-danger-soft)}.nb-mark-all:hover,.nb-clear-all:hover{text-decoration:underline}.nb-list{overflow-y:auto;flex:1;max-height:360px}.nb-item{padding:10px 14px;border-bottom:1px solid var(--brand-border);transition:background .1s}.nb-item.nb-clickable{cursor:pointer}.nb-item.nb-clickable:hover{background:var(--brand-border)}.nb-item.nb-unread{background:color-mix(in srgb,var(--brand-primary) 4%,transparent);border-left:3px solid var(--brand-primary)}.nb-item.nb-unread .nb-item-title{font-weight:800}.nb-item.nb-unread .nb-item-title:before{content:"● ";color:var(--brand-primary)}.nb-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.nb-item-title{font-size:12px;font-weight:600;color:var(--brand-text);margin-bottom:2px;flex:1}.nb-item-delete{background:none;border:none;color:var(--brand-text-subtle);font-size:16px;cursor:pointer;padding:0 2px;line-height:1;flex:none;opacity:0;transition:opacity .15s,color .15s}.nb-item:hover .nb-item-delete{opacity:1}.nb-item-delete:hover{color:var(--sem-danger-soft)}.nb-unread .nb-item-title{color:var(--brand-text)}.nb-item-message{font-size:12px;color:var(--brand-text-soft);line-height:1.4}.nb-item-time{font-size:10px;color:var(--brand-text-subtle);margin-top:4px}.nb-empty{padding:30px;text-align:center;color:var(--brand-text-subtle);font-size:13px}@media(max-width:768px){.nb-panel{width:calc(100vw - 20px);right:0;max-height:70vh}}.cb-btn{position:relative;background:none;border:none;color:var(--brand-text-soft);cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center}.cb-btn:hover{background:var(--brand-border);color:var(--brand-primary)}.cb-badge{position:absolute;top:-2px;right:0;background:var(--brand-primary);color:var(--brand-on-primary);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.winshell{display:flex;flex-direction:column;height:100vh;min-height:0;background:var(--brand-bg);color:var(--brand-text)}.winshell-content{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--shell-content-inset)}.winshell-taakbalk{flex:0 0 auto;display:flex;align-items:center;gap:calc(4px * var(--density-scale));height:var(--shell-topbar-height);padding:0 calc(6px * var(--density-scale));background:var(--brand-surface);border-top:1px solid var(--brand-border);box-shadow:var(--brand-shadow-pop);position:relative;z-index:40}.winshell-start,.winshell-taak,.winshell-vak-knop,.winshell-vak-gebruiker{display:inline-flex;align-items:center;gap:calc(8px * var(--density-scale));height:calc(var(--shell-topbar-height) - 10px);padding:0 calc(10px * var(--density-scale));border:1px solid transparent;border-radius:var(--brand-radius);background:transparent;color:var(--brand-text);font:inherit;font-size:calc(13px * var(--density-scale));cursor:pointer;white-space:nowrap}.winshell-start:hover,.winshell-taak:hover,.winshell-vak-knop:hover,.winshell-vak-gebruiker:hover{background:var(--brand-bg-muted)}.winshell-start:focus-visible,.winshell-taak-knop:focus-visible,.winshell-taak-sluit:focus-visible,.winshell-vak-knop:focus-visible,.winshell-vak-gebruiker:focus-visible,.winshell-tegel:focus-visible,.winshell-voet-gebruiker:focus-visible,.winshell-voet-actie:focus-visible,.winshell-zoek-veld:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.winshell-start-open,.winshell-start:hover{background:var(--brand-primary-soft)}.winshell-start-open{color:var(--brand-text)}.winshell-start-tekst{font-weight:600}.winshell-snelkoppelingen{display:flex;align-items:center;gap:calc(2px * var(--density-scale));flex:1 1 auto;min-width:0;overflow:hidden}.winshell-taak{position:relative;max-width:calc(180px * var(--density-scale));flex:0 1 auto;min-width:calc(52px * var(--density-scale));padding:0;gap:0}.winshell-taak-knop{display:inline-flex;align-items:center;gap:calc(8px * var(--density-scale));min-width:0;height:100%;padding:0 calc(2px * var(--density-scale)) 0 calc(10px * var(--density-scale));border:0;border-radius:var(--brand-radius);background:transparent;color:inherit;font:inherit;cursor:pointer;overflow:hidden}.winshell-taak-label{overflow:hidden;text-overflow:ellipsis}.winshell-taak-sluit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(18px * var(--density-scale));height:calc(18px * var(--density-scale));margin-right:calc(4px * var(--density-scale));padding:0;border:0;border-radius:var(--brand-radius-sm);background:transparent;color:var(--brand-text-soft);cursor:pointer;opacity:0}.winshell-taak:hover .winshell-taak-sluit,.winshell-taak:focus-within .winshell-taak-sluit,.winshell-taak-actief .winshell-taak-sluit{opacity:1}.winshell-taak-sluit:hover{background:var(--sem-danger);color:var(--sem-on-danger)}.winshell-taak-actief{background:var(--brand-bg-muted);border-color:var(--brand-border);box-shadow:inset 0 2px 0 0 var(--brand-primary)}.winshell-stip{width:6px;height:6px;border-radius:50%;background:var(--brand-primary);flex:0 0 auto}.winshell-icoon{flex:0 0 auto}.winshell-systeemvak{display:flex;align-items:center;gap:calc(2px * var(--density-scale));flex:0 0 auto;padding-left:calc(6px * var(--density-scale));border-left:1px solid var(--brand-border)}.winshell-vak-knop{position:relative;padding:0 calc(9px * var(--density-scale))}.winshell-vak-badge{position:absolute;top:calc(2px * var(--density-scale));right:calc(2px * var(--density-scale));min-width:15px;padding:0 3px;border-radius:999px;background:var(--brand-primary);color:var(--brand-on-primary);font-size:10px;line-height:15px;text-align:center}.winshell-vak-naam{max-width:calc(160px * var(--density-scale));overflow:hidden;text-overflow:ellipsis}.winshell-bel{display:inline-flex;align-items:center}.winshell-bel .nb-panel{top:auto;bottom:100%;margin-top:0;margin-bottom:calc(8px * var(--density-scale))}.winshell-startmenu{position:fixed;left:calc(6px * var(--density-scale));bottom:calc(var(--shell-topbar-height) + 6px);z-index:50;display:flex;flex-direction:column;width:min(380px,calc(100vw - 12px));max-height:min(560px,calc(100vh - var(--shell-topbar-height) - 24px));background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow-pop);overflow:hidden}.winshell-zoek{display:flex;align-items:center;gap:calc(8px * var(--density-scale));flex:0 0 auto;padding:calc(10px * var(--density-scale)) calc(12px * var(--density-scale));border-bottom:1px solid var(--brand-border);background:var(--brand-bg-subtle)}.winshell-zoek-icoon{color:var(--brand-text-soft);flex:0 0 auto}.winshell-zoek-veld{flex:1 1 auto;min-width:0;padding:calc(6px * var(--density-scale)) calc(8px * var(--density-scale));border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);color:var(--brand-text);font:inherit;font-size:calc(13px * var(--density-scale))}.winshell-startlijst{flex:1 1 auto;min-height:0;overflow-y:auto;padding:calc(6px * var(--density-scale)) 0}.winshell-leeg{margin:0;padding:calc(16px * var(--density-scale));color:var(--brand-text-soft);font-size:calc(13px * var(--density-scale));text-align:center}.winshell-groep+.winshell-groep{margin-top:calc(4px * var(--density-scale));border-top:1px solid var(--brand-border);padding-top:calc(4px * var(--density-scale))}.winshell-groep-label{padding:calc(6px * var(--density-scale)) calc(14px * var(--density-scale)) calc(2px * var(--density-scale));color:var(--brand-text-soft);font-size:calc(11px * var(--density-scale));font-weight:600;text-transform:uppercase;letter-spacing:.04em}.winshell-tegel{display:flex;align-items:center;gap:calc(10px * var(--density-scale));width:100%;padding:calc(7px * var(--density-scale)) calc(14px * var(--density-scale));border:0;border-left:3px solid transparent;background:transparent;color:var(--brand-text);font:inherit;font-size:calc(13px * var(--density-scale));text-align:left;cursor:pointer}.winshell-tegel:hover{background:var(--brand-bg-muted)}.winshell-tegel-actief{background:var(--brand-bg-muted);border-left-color:var(--brand-primary);font-weight:600}.winshell-tegel-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.winshell-badge{flex:0 0 auto;min-width:18px;padding:0 5px;border-radius:999px;background:var(--brand-primary);color:var(--brand-on-primary);font-size:calc(11px * var(--density-scale));line-height:18px;text-align:center}.winshell-startvoet{display:flex;align-items:center;gap:calc(4px * var(--density-scale));flex:0 0 auto;padding:calc(8px * var(--density-scale));border-top:1px solid var(--brand-border);background:var(--brand-bg-subtle)}.winshell-voet-gebruiker{display:flex;align-items:center;gap:calc(8px * var(--density-scale));flex:1 1 auto;min-width:0;padding:calc(4px * var(--density-scale));border:0;border-radius:var(--brand-radius);background:transparent;color:var(--brand-text);font:inherit;text-align:left;cursor:pointer}.winshell-voet-gebruiker:hover,.winshell-voet-actie:hover{background:var(--brand-bg-muted)}.winshell-voet-tekst{display:flex;flex-direction:column;min-width:0}.winshell-voet-naam{font-size:calc(13px * var(--density-scale));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winshell-voet-rol{color:var(--brand-text-soft);font-size:calc(11px * var(--density-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winshell-voet-actie{flex:0 0 auto;padding:calc(6px * var(--density-scale)) calc(10px * var(--density-scale));border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);color:var(--brand-text);font:inherit;font-size:calc(12px * var(--density-scale));cursor:pointer}.winshell-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(32px * var(--density-scale));height:calc(32px * var(--density-scale));border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);font-size:calc(13px * var(--density-scale));font-weight:600}.winshell-avatar-klein{width:calc(24px * var(--density-scale));height:calc(24px * var(--density-scale));font-size:calc(11px * var(--density-scale))}@media(max-width:900px){.winshell-taak-label,.winshell-vak-naam{display:none}}@media(max-width:520px){.winshell-start-tekst{display:none}}.ls-schil{display:grid;grid-template-rows:var(--shell-topbar-height) 1fr auto;height:100vh;height:100dvh;background:var(--brand-bg);color:var(--brand-text);overflow:hidden}.ls-bovenbalk{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density-scale));padding:0 calc(8px * var(--density-scale));background:var(--brand-surface);border-bottom:1px solid var(--brand-border-soft);box-shadow:var(--brand-shadow-card);z-index:20}.ls-titel{margin:0;padding-left:calc(8px * var(--density-scale));font-size:1.15rem;font-weight:500;color:var(--brand-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-acties{display:flex;align-items:center;gap:calc(4px * var(--density-scale));flex-shrink:0}.ls-acties .nb-wrap{display:inline-flex;align-items:center}.ls-acties .cb-btn,.ls-acties .nb-bell{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--brand-radius)}.ls-gebruiker{position:relative}.ls-gebruiker-knop{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;border-radius:var(--brand-radius);cursor:pointer}.ls-gebruiker-knop:hover{background:var(--brand-bg-muted)}.ls-gebruiker-knop:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ls-gebruiker-knop .user-avatar{background:var(--ls-accent, var(--brand-primary));color:var(--brand-on-primary);box-shadow:0 0 0 2px var(--brand-surface),0 0 0 4px color-mix(in srgb,var(--ls-accent, var(--brand-primary)) 45%,transparent)}.ls-gebruiker-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:calc(6px * var(--density-scale));background:var(--brand-surface);border:1px solid var(--brand-border-soft);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow-pop);z-index:30}.ls-gebruiker-kop{padding:calc(8px * var(--density-scale)) calc(12px * var(--density-scale));border-bottom:1px solid var(--brand-border-soft);margin-bottom:calc(4px * var(--density-scale))}.ls-gebruiker-naam{font-weight:600;color:var(--brand-text-strong)}.ls-gebruiker-rol{font-size:.8rem;color:var(--brand-text-soft)}.ls-menu-item{display:block;width:100%;min-height:48px;padding:0 calc(12px * var(--density-scale));text-align:left;border:none;background:transparent;color:var(--brand-text);font-size:.95rem;border-radius:var(--brand-radius-sm);cursor:pointer}.ls-menu-item:hover{background:var(--brand-primary-soft)}.ls-menu-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.ls-inhoud{min-height:0;overflow:auto;background:var(--brand-bg);-webkit-overflow-scrolling:touch;padding:var(--shell-content-inset)}.ls-onderbalk{display:flex;align-items:stretch;justify-content:center;gap:calc(2px * var(--density-scale));padding:calc(4px * var(--density-scale)) calc(4px * var(--density-scale));padding-bottom:calc(calc(4px * var(--density-scale)) + env(safe-area-inset-bottom,0px));background:var(--brand-surface);border-top:1px solid var(--brand-border-soft);box-shadow:var(--brand-shadow-card);z-index:20}.ls-tab{flex:1 1 0;min-width:48px;max-width:calc(148px * var(--density-scale));min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:calc(4px * var(--density-scale)) 2px;border:none;background:transparent;color:var(--brand-text-soft);border-radius:var(--brand-radius);cursor:pointer}.ls-tab:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.ls-tab-icoon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:var(--brand-radius)}.ls-tab-actief{color:var(--ls-accent, var(--brand-primary))}.ls-tab-actief .ls-tab-icoon{background:color-mix(in srgb,var(--ls-accent, var(--brand-primary)) 16%,transparent)}.ls-tab-label{font-size:.7rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-punt{position:absolute;top:-2px;right:4px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;line-height:1;color:var(--brand-on-primary);background:var(--sem-danger);border-radius:999px;pointer-events:none;box-shadow:0 0 0 2px var(--brand-surface)}.ls-launcher{position:fixed;inset:0;z-index:60;overflow-y:auto;overscroll-behavior:contain;background:var(--brand-bg);padding:0 calc(12px * var(--density-scale)) calc(24px * var(--density-scale));padding-bottom:calc(calc(24px * var(--density-scale)) + env(safe-area-inset-bottom,0px));padding-inline:max(calc(12px * var(--density-scale)),calc((100% - 960px)/2));animation:ls-omhoog .16s ease-out}@keyframes ls-omhoog{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.ls-launcher{animation:none}}.ls-greep{width:40px;height:4px;margin:calc(8px * var(--density-scale)) auto 0;border-radius:999px;background:var(--brand-border)}.ls-launcher-kop{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density-scale));padding:calc(8px * var(--density-scale)) 0;background:var(--brand-bg);z-index:2}.ls-launcher-titel{margin:0;font-size:1.3rem;font-weight:600;color:var(--brand-text-strong)}.ls-sluit{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--brand-bg-muted);color:var(--brand-text);border-radius:var(--brand-radius);cursor:pointer}.ls-sluit:hover{background:var(--brand-primary-soft)}.ls-sluit:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ls-zoek{display:flex;align-items:center;gap:calc(8px * var(--density-scale));min-height:56px;padding:0 calc(16px * var(--density-scale));margin-bottom:calc(12px * var(--density-scale));background:var(--brand-bg-muted);border:1px solid var(--brand-border-soft);border-radius:999px;color:var(--brand-text-soft)}.ls-zoek:focus-within{border-color:var(--brand-primary)}.ls-zoek-veld{flex:1;min-width:0;border:none;background:transparent;color:var(--brand-text);font-size:1rem;outline:none}.ls-zoek-veld::placeholder{color:var(--brand-text-subtle)}.ls-leeg{padding:calc(24px * var(--density-scale)) 0;text-align:center;color:var(--brand-text-soft)}.ls-groep{margin-bottom:calc(20px * var(--density-scale))}.ls-groep-kop{margin:0 0 calc(8px * var(--density-scale));padding-left:calc(4px * var(--density-scale));font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text-soft)}.ls-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:calc(12px * var(--density-scale))}@media(min-width:900px){.ls-raster{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.ls-tegel{min-height:96px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--density-scale));padding:calc(10px * var(--density-scale)) calc(4px * var(--density-scale));border:1px solid var(--brand-border-soft);background:var(--brand-surface);color:var(--brand-text);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow-card);cursor:pointer;text-align:center}.ls-tegel:hover{background:color-mix(in srgb,var(--ls-accent, var(--brand-primary)) 7%,var(--brand-surface))}.ls-tegel:active{transform:scale(.97)}.ls-tegel:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ls-tegel:active{transform:none}}.ls-tegel-actief{border-color:var(--ls-accent, var(--brand-primary));background:color-mix(in srgb,var(--ls-accent, var(--brand-primary)) 12%,var(--brand-surface))}.ls-tegel-icoon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--brand-radius);background:var(--ls-accent, var(--brand-primary));color:var(--brand-on-primary)}.ls-tegel-label{font-size:.78rem;font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.ls-icoon{flex-shrink:0}.odoo-shell{display:flex;flex-direction:column;height:100vh;min-height:0;background:var(--brand-bg);color:var(--brand-text)}.odoo-topbar{position:relative;z-index:40;flex:0 0 auto;height:var(--shell-topbar-height);display:flex;align-items:center;gap:calc(8px * var(--density-scale));padding:0 calc(10px * var(--density-scale));background:var(--brand-primary);color:var(--brand-on-primary);border-bottom:1px solid var(--brand-primary-hover)}.odoo-topbar button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.odoo-apps-knop{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:calc(30px * var(--density-scale));height:calc(30px * var(--density-scale));border-radius:var(--brand-radius-sm)}.odoo-apps-knop svg{width:calc(18px * var(--density-scale));height:calc(18px * var(--density-scale))}.odoo-apps-knop:hover,.odoo-apps-knop[aria-expanded=true]{background:var(--brand-primary-hover)}.odoo-kruimelpad{flex:1 1 auto;min-width:0;overflow:hidden}.odoo-kruimelpad ol{display:flex;align-items:center;gap:calc(4px * var(--density-scale));margin:0;padding:0;list-style:none;white-space:nowrap}.odoo-kruimelpad li{display:flex;align-items:center;gap:calc(4px * var(--density-scale));min-width:0}.odoo-kruimel-huidig{font-weight:600;overflow:hidden;text-overflow:ellipsis}.odoo-kruimel-tussen{opacity:.85}.odoo-kruimel-link{padding:0;opacity:.85;text-decoration:none}.odoo-kruimel-link:hover{opacity:1;text-decoration:underline}.odoo-kruimel-scheiding{opacity:.55}.odoo-systeemvak{flex:0 0 auto;display:flex;align-items:center;gap:calc(4px * var(--density-scale))}.odoo-vak-knop{position:relative;display:flex;align-items:center;justify-content:center;width:calc(30px * var(--density-scale));height:calc(30px * var(--density-scale));border-radius:var(--brand-radius-sm)}.odoo-vak-knop svg{width:calc(17px * var(--density-scale));height:calc(17px * var(--density-scale))}.odoo-vak-knop:hover{background:var(--brand-primary-hover)}.odoo-vak-teller,.odoo-apps-teller{min-width:calc(15px * var(--density-scale));padding:0 calc(3px * var(--density-scale));border-radius:999px;background:var(--brand-accent);color:var(--brand-on-accent);font-size:calc(10px * var(--density-scale));line-height:calc(15px * var(--density-scale));text-align:center}.odoo-vak-teller{position:absolute;top:calc(1px * var(--density-scale));right:calc(1px * var(--density-scale))}.odoo-vak-bel{position:relative;display:flex;align-items:center}.odoo-vak-bel button{color:var(--brand-on-primary)}.odoo-vak-bel svg{width:calc(17px * var(--density-scale));height:calc(17px * var(--density-scale))}.odoo-gebruiker{position:relative}.odoo-gebruiker-knop{display:flex;align-items:center;gap:calc(4px * var(--density-scale));height:calc(30px * var(--density-scale));padding:0 calc(8px * var(--density-scale));border-radius:var(--brand-radius-sm);font-size:calc(13px * var(--density-scale))}.odoo-gebruiker-knop:hover,.odoo-gebruiker-knop[aria-expanded=true]{background:var(--brand-primary-hover)}.odoo-gebruiker-knop svg{width:calc(14px * var(--density-scale));height:calc(14px * var(--density-scale))}.odoo-gebruiker-naam{max-width:calc(160px * var(--density-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odoo-gebruiker-menu{position:absolute;top:calc(100% + calc(4px * var(--density-scale)));right:0;z-index:60;min-width:calc(160px * var(--density-scale));display:flex;flex-direction:column;padding:calc(4px * var(--density-scale));background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow-pop)}.odoo-gebruiker-menu button{padding:calc(7px * var(--density-scale)) calc(10px * var(--density-scale));border-radius:var(--brand-radius-sm);color:var(--brand-text);font-size:calc(13px * var(--density-scale));text-align:left}.odoo-gebruiker-menu button:hover{background:var(--brand-bg-muted)}.odoo-sluitvlak{position:fixed;inset:0;z-index:50;background:transparent}.odoo-sluitvlak-apps{background:#00000040}.odoo-apps-paneel{position:fixed;top:var(--shell-topbar-height);left:0;z-index:55;width:min(100%,calc(720px * var(--density-scale)));max-height:calc(100vh - var(--shell-topbar-height) - calc(16px * var(--density-scale)));display:flex;flex-direction:column;padding:calc(10px * var(--density-scale));background:var(--brand-surface);border:1px solid var(--brand-border);border-top:0;border-radius:0 0 var(--brand-radius) 0;box-shadow:var(--brand-shadow-pop)}.odoo-apps-paneel:focus{outline:none}.odoo-apps-zoek{flex:0 0 auto;width:100%;padding:calc(6px * var(--density-scale)) calc(9px * var(--density-scale));margin-bottom:calc(8px * var(--density-scale));background:var(--brand-bg);color:var(--brand-text);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);font-size:calc(13px * var(--density-scale))}.odoo-apps-zoek:focus{outline:none;border-color:var(--brand-primary)}.odoo-apps-inhoud{flex:1 1 auto;min-height:0;overflow-y:auto}.odoo-apps-leeg{margin:calc(12px * var(--density-scale)) 0;color:var(--brand-text-soft);font-size:calc(13px * var(--density-scale));text-align:center}.odoo-apps-groep+.odoo-apps-groep{margin-top:calc(10px * var(--density-scale))}.odoo-apps-groep h2{margin:0 0 calc(4px * var(--density-scale));color:var(--brand-text-soft);font-size:calc(10px * var(--density-scale));font-weight:700;letter-spacing:.06em;text-transform:uppercase}.odoo-apps-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(148px * var(--density-scale)),1fr));gap:calc(4px * var(--density-scale))}.odoo-apps-tegel{position:relative;display:flex;align-items:center;gap:calc(7px * var(--density-scale));padding:calc(6px * var(--density-scale)) calc(8px * var(--density-scale));background:none;color:var(--brand-text);border:1px solid transparent;border-radius:var(--brand-radius-sm);font:inherit;font-size:calc(13px * var(--density-scale));text-align:left;cursor:pointer}.odoo-apps-tegel:hover{background:var(--brand-bg-muted)}.odoo-apps-tegel-actief{background:var(--brand-primary-soft);border-color:var(--brand-primary)}.odoo-module-icoon{flex:0 0 auto;width:calc(17px * var(--density-scale));height:calc(17px * var(--density-scale));color:var(--brand-primary)}.odoo-apps-label{flex:1 1 auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.odoo-inhoud{flex:1 1 auto;min-height:0;overflow:auto;background:var(--brand-bg);padding:var(--shell-content-inset)}.st-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:var(--brand-bg)}.st-inner{display:flex;flex-direction:column;align-items:center;gap:18px;animation:st-verschijn .12s ease-out}.st-tekening{width:min(320px,60vw);height:auto}.st-vlak{fill:none;stroke:var(--brand-primary);stroke-width:.7;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;animation:st-teken .62s cubic-bezier(.4,0,.2,1) forwards}.st-tekst{margin:0;font-size:13px;letter-spacing:.04em;color:var(--brand-text-soft);animation:st-pols 1.4s ease-in-out infinite}@keyframes st-verschijn{0%{opacity:0}to{opacity:1}}@keyframes st-teken{to{stroke-dashoffset:0}}@keyframes st-pols{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.st-inner{animation:none}.st-vlak{stroke-dashoffset:0;animation:none}.st-tekst{animation:none;opacity:1}}.br-float-btn{position:fixed;bottom:60px;right:16px;z-index:175;width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px var(--brand-bg-muted)}.br-float-btn:hover{background:color-mix(in srgb,var(--brand-primary) 25%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 50%,transparent);transform:scale(1.08);box-shadow:0 4px 20px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.br-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:190}.br-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:12px;width:480px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0009;overflow:hidden}.br-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--brand-border)}.br-header h3{font-size:16px;font-weight:600;color:var(--brand-on-primary);margin:0}.br-close{background:none;border:none;color:var(--brand-text-soft);font-size:22px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.br-close:hover{background:var(--sem-badge-danger-bg);color:var(--sem-danger-soft)}.br-body{padding:16px 20px;overflow-y:auto;flex:1}.br-row{display:flex;gap:12px}.br-field{margin-bottom:14px}.br-field-grow{flex:1}.br-field label{display:block;font-size:12px;color:var(--brand-text-soft);margin-bottom:5px;font-weight:500}.br-field input,.br-field textarea,.br-field select{width:100%;padding:8px 10px;font-size:13px;background:var(--brand-bg);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:6px;outline:none;font-family:inherit;box-sizing:border-box}.br-field input:focus,.br-field textarea:focus,.br-field select:focus{border-color:var(--brand-primary)}.br-field textarea{resize:vertical;min-height:60px}.br-field select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%237a9bbf' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.br-field select option{background:var(--brand-bg);color:var(--brand-text)}.br-error{padding:8px 12px;background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);border-radius:6px;color:var(--sem-danger-soft);font-size:13px;margin-bottom:14px}.br-screenshot-wrap{border:1px solid var(--brand-border);border-radius:6px;overflow:hidden;background:var(--brand-bg-muted)}.br-screenshot{display:block;width:100%;max-height:180px;object-fit:contain}.br-extra-grid{display:flex;flex-wrap:wrap;gap:8px}.br-extra-item{position:relative;width:84px;height:84px;border:1px solid var(--brand-border);border-radius:6px;overflow:hidden;background:var(--brand-bg-muted)}.br-extra-img{width:100%;height:100%;object-fit:cover;display:block}.br-extra-del{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0009;color:var(--brand-on-primary);font-size:14px;line-height:1;cursor:pointer}.br-extra-del:hover{background:var(--sem-danger)}.br-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--brand-border)}.br-btn-cancel{padding:8px 18px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:6px;cursor:pointer;font-size:13px}.br-btn-cancel:hover{background:var(--brand-border-strong);color:var(--brand-on-primary)}.br-btn-submit{padding:8px 22px;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.br-btn-submit:hover{background:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.br-btn-submit:disabled{opacity:.5;cursor:default}.br-success{padding:40px 20px;text-align:center}.br-success-icon{width:48px;height:48px;border-radius:50%;background:var(--sem-success-bg-faint);color:var(--sem-success-soft);font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.br-success h3{font-size:16px;color:var(--brand-on-primary);margin:0 0 8px}.br-success p{color:var(--brand-text-soft);font-size:14px;margin:0}.um{height:100%;display:flex;flex-direction:column;padding:16px 20px}.um-loading{padding:40px;text-align:center;color:var(--brand-text-soft)}.um-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.um-header h3{font-size:15px;font-weight:600}.um-add{padding:6px 14px;background:var(--brand-primary);color:var(--brand-on-primary);border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.um-add:hover{background:var(--brand-primary-hover)}.um-error{background:color-mix(in srgb,var(--sem-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:12px}.um-table{width:100%;border-collapse:collapse;font-size:13px}.um-table th{text-align:left;padding:8px 10px;color:var(--brand-text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border)}.um-table td{padding:10px;border-bottom:1px solid var(--brand-border)}.um-email{color:var(--brand-text-soft)}.um-role{padding:3px 8px;border-radius:3px;font-size:11px;font-weight:500}.um-role-list{display:inline-flex;flex-wrap:wrap;gap:4px}.um-role-admin{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.um-role-manager{background:color-mix(in srgb,var(--data-accent-5) 15%,transparent);color:var(--data-accent-5)}.um-role-verkoper{background:color-mix(in srgb,var(--data-accent-6) 15%,transparent);color:var(--data-accent-6)}.um-role-inkoper{background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);color:var(--data-accent-4)}.um-role-magazijnier{background:color-mix(in srgb,var(--data-accent-3) 15%,transparent);color:var(--data-accent-3)}.um-role-engineer{background:color-mix(in srgb,var(--data-accent-1) 15%,transparent);color:var(--data-accent-1)}.um-role-planner{background:color-mix(in srgb,var(--data-accent-2) 15%,transparent);color:var(--data-accent-2)}.um-role-medewerker{background:var(--brand-border);color:var(--brand-text-soft)}.um-actions{text-align:right;white-space:nowrap}.um-actions button{background:none;border:none;color:var(--brand-text-muted);cursor:pointer;padding:4px 8px;font-size:14px;border-radius:3px;transition:all .15s}.um-actions button:hover{background:var(--brand-border);color:var(--brand-primary)}.um-actions .um-delete:hover{background:color-mix(in srgb,var(--sem-danger) 20%,transparent);color:var(--sem-danger-soft)}.um-form{height:100%;display:flex;flex-direction:column}.um-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.um-form-header h3{font-size:15px;font-weight:600}.um-back{padding:4px 12px;background:var(--brand-border);color:var(--brand-text-soft);border:none;border-radius:4px;cursor:pointer;font-size:12px}.um-back:hover{background:var(--brand-border-strong)}.um-form form{display:flex;flex-direction:column;gap:14px}.um-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--brand-text-soft)}.um-hint{font-size:11px;color:var(--brand-text-muted)}.um-form input,.um-form select{padding:10px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:14px;outline:none}.um-form input:focus,.um-form select:focus{border-color:var(--brand-primary)}.um-form select{appearance:none;cursor:pointer}.um-form select option{background:var(--brand-bg-muted);color:var(--brand-text)}.um-save{padding:10px;background:var(--brand-primary);color:var(--brand-on-primary);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}.um-save:hover{background:var(--brand-primary-hover)}.um-save:disabled{background:var(--brand-bg-muted);color:var(--brand-text);cursor:wait}.um-create-mode{display:flex;flex-direction:column;gap:8px}.um-mode-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.um-mode-option:hover{border-color:var(--brand-border-strong)}.um-mode-active{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent);background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.um-mode-option input[type=radio]{margin-top:2px;accent-color:var(--brand-primary)}.um-mode-option div{display:flex;flex-direction:column;gap:2px}.um-mode-option strong{font-size:13px;color:var(--brand-text);font-weight:600}.um-mode-option span{font-size:12px;color:var(--brand-text-subtle);line-height:1.4}.um-invite-hint{font-size:12px;color:var(--brand-text-subtle);margin:0;padding:0;line-height:1.4}.um-invite-result{padding:8px 0}.um-invite-result>p{font-size:13px;color:var(--brand-text);margin:0 0 12px}.um-invite-url-box{display:flex;gap:8px;margin-bottom:16px}.um-invite-url-box input{flex:1;padding:10px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:13px;font-family:Consolas,Monaco,monospace;outline:none}.um-invite-url-box input:focus{border-color:var(--brand-primary)}.um-copy-btn{padding:10px 16px;background:var(--brand-primary);color:var(--brand-on-primary);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.um-copy-btn:hover{background:var(--brand-primary-hover)}.um-clickable{cursor:pointer;transition:background .15s}.um-clickable:hover{background:var(--brand-bg-muted)}.um-job{color:var(--brand-text-subtle)}.um-form textarea{padding:10px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:14px;font-family:inherit;outline:none;resize:vertical}.um-form textarea:focus{border-color:var(--brand-primary)}.um-profile{height:100%;display:flex;flex-direction:column;gap:20px}.um-profile-top{display:flex;align-items:center;justify-content:space-between}.um-profile-actions-top{display:flex;gap:8px}.um-edit-btn{padding:6px 14px;background:var(--brand-border);color:var(--brand-text);border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.um-edit-btn:hover{background:var(--brand-border-strong);color:var(--brand-primary)}.um-profile-header{display:flex;align-items:center;gap:18px}.um-profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.um-profile-identity{display:flex;flex-direction:column;gap:4px}.um-profile-identity h2{font-size:18px;font-weight:600;margin:0;line-height:1.2}.um-profile-title{font-size:13px;color:var(--brand-text);margin:0}.um-profile-dept{font-size:12px;color:var(--brand-text-subtle);margin:0}.um-profile-bio{padding:14px 16px;background:var(--brand-bg-muted);border-radius:8px;border:1px solid var(--brand-border)}.um-profile-bio p{margin:0;font-size:13px;color:var(--brand-text-strong);line-height:1.5}.um-profile-details{display:flex;flex-direction:column;gap:0;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.um-detail{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--brand-surface);border-bottom:var(--brand-divider)}.um-detail:last-child{border-bottom:none}.um-detail:nth-child(2n){background:var(--brand-bg-faint)}.um-detail-label{font-size:11px;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.um-detail-value{font-size:13px;color:var(--brand-text);font-weight:500}.um-avatar-img{object-fit:cover;border-radius:50%}.um-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.um-avatar-wrap{position:relative;display:inline-flex}.um-online-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;background:var(--sem-success-soft);border-radius:50%;border:2px solid var(--brand-surface)}.um-online-dot-lg{width:14px;height:14px;border-width:3px}.um-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:var(--brand-on-overlay);font-size:11px;font-weight:600}.um-avatar-wrapper:hover .um-avatar-overlay{opacity:1}.um-td-avatar{width:40px;padding-right:0!important}.um-td-avatar .um-profile-avatar{border-radius:50%}.um-profile-section{display:flex;flex-direction:column;gap:12px}.um-section-title{font-size:13px;font-weight:600;color:var(--brand-text-soft);margin:0;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.um-action-btn{padding:8px 16px;background:var(--brand-border);color:var(--brand-text);border:1px solid var(--brand-border-strong);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.um-action-btn:hover{background:var(--brand-border-strong);color:var(--brand-primary)}.um-action-btn:disabled{opacity:.5;cursor:wait}.um-delete-btn{padding:6px 14px;background:color-mix(in srgb,var(--sem-danger) 10%,transparent);color:var(--sem-danger-soft);border:1px solid color-mix(in srgb,var(--sem-danger) 20%,transparent);border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.um-delete-btn:hover{background:color-mix(in srgb,var(--sem-danger) 20%,transparent)}.um-link-result{display:flex;flex-direction:column;gap:8px}.um-link-result>p{font-size:13px;color:var(--brand-text);margin:0}.um-link-box{display:flex;gap:8px}.um-link-box input{flex:1;padding:10px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:13px;font-family:Consolas,Monaco,monospace;outline:none}.um-link-box input:focus{border-color:var(--brand-primary)}.um-link-hint{font-size:12px;color:var(--brand-text-subtle);margin:0}.um-extra-toggle{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;color:var(--brand-text-soft);font-size:13px;cursor:pointer;transition:color .15s}.um-extra-toggle:hover{color:var(--brand-text)}.um-extra-arrow{font-size:10px;transition:transform .2s;display:inline-block}.um-extra-open{transform:rotate(90deg)}.um-extra-fields{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px}.um-create-hint{font-size:12px;color:var(--brand-text-subtle);margin:0;line-height:1.4}@media(max-width:768px){.um-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.um-table th:nth-child(3),.um-table td:nth-child(3),.um-table th:nth-child(4),.um-table td:nth-child(4){display:none}.um-td-avatar{display:none}.um-profile-header{gap:12px}.um-profile-identity h2{font-size:16px}.um-detail{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px}.um-profile-actions-row,.um-link-box,.um-invite-url-box{flex-direction:column}}.um-bg-section{margin-top:8px}.um-bg-label{display:block;font-size:12px;color:var(--brand-text-soft);margin-bottom:8px;font-weight:500}.um-bg-options{display:flex;gap:8px;flex-wrap:wrap}.um-bg-option{cursor:pointer;text-align:center;border:2px solid transparent;border-radius:6px;padding:4px;transition:border-color .15s}.um-bg-option:hover{border-color:var(--brand-bg-muted)}.um-bg-active{border-color:var(--brand-primary)}.um-bg-preview{width:80px;height:50px;border-radius:4px;object-fit:cover;display:block}.um-bg-default{background:linear-gradient(135deg,var(--brand-bg-muted) 0%,var(--brand-bg-muted) 50%,var(--brand-bg-muted) 100%)}.um-bg-option span{display:block;font-size:10px;color:var(--brand-text-soft);margin-top:3px}.um-invite-options{margin:12px 0;padding:10px 12px;background:var(--brand-bg-muted);border:1px solid var(--brand-bg-muted);border-radius:6px}.um-checkbox-label{display:flex;align-items:center;gap:8px;color:var(--brand-text-strong);font-size:13px;cursor:pointer}.um-checkbox-label input[type=checkbox]{accent-color:var(--brand-primary)}.um-created-success{padding:12px 14px;background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 20%,transparent);border-radius:6px;color:var(--sem-success-soft);font-size:13px;margin-bottom:16px}.um-email-sent{color:var(--sem-info-soft)}.um-created-actions{margin-top:16px}.um-not-activated{padding:10px 14px;background:color-mix(in srgb,var(--sem-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-warning) 25%,transparent);border-radius:6px;color:var(--sem-warning);font-size:13px;font-weight:500;margin-bottom:12px}.um-acc-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:10px}.um-acc-active{background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent);color:var(--sem-success-soft)}.um-acc-pending{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning)}.um-acc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.um-acc-list li{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--brand-text-muted)}.um-acc-list li strong{color:var(--brand-text);font-weight:600}.um-acc-list li em{color:var(--brand-text-soft);font-style:italic}.um-acc-icon{flex:0 0 16px;text-align:center;font-size:13px}.um-acc-done .um-acc-icon{color:var(--sem-success-soft)}.um-acc-todo .um-acc-icon{color:var(--brand-text-soft)}.um-acc-warn,.um-acc-warn .um-acc-icon{color:var(--sem-warning)}.um-profile-actions-row{display:flex;gap:8px;flex-wrap:wrap}.um-action-primary{background:color-mix(in srgb,var(--brand-primary) 15%,transparent)!important;border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent)!important;color:var(--brand-primary)!important}.um-action-primary:hover{background:color-mix(in srgb,var(--brand-primary) 25%,transparent)!important}.um-action-email{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent)!important;border-color:color-mix(in srgb,var(--sem-info-soft) 25%,transparent)!important;color:var(--sem-info-soft)!important}.um-action-email:hover{background:color-mix(in srgb,var(--sem-info-soft) 20%,transparent)!important}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px #00081014}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:#00081033;border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:#00081033;border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:#00081033;border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:#00081033}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}.rt-wrap{border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg);display:flex;flex-direction:column;overflow:hidden}.rt-toolbar{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted);flex-wrap:wrap;align-items:center}.rt-toolbar button{font-family:inherit;font-size:12px;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--brand-text);line-height:1.3}.rt-toolbar button:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand-border)}.rt-toolbar button.active{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent)}.rt-toolbar button:disabled{opacity:.4;cursor:not-allowed}.rt-toolbar select{font-family:inherit;font-size:12px;padding:4px 6px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:4px;cursor:pointer}.rt-sep{width:1px;height:18px;background:var(--brand-border);margin:0 4px}.rt-wrap{position:relative}.rt-wrap.rt-dragover{outline:2px dashed var(--brand-accent);outline-offset:-2px;border-radius:6px}.rt-wrap.rt-dragover:after{content:"📎 Loslaten om als bijlage toe te voegen";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--brand-accent-soft);color:var(--brand-accent);font-size:13px;font-weight:600;pointer-events:none;z-index:5;border-radius:6px}.rt-menu-wrap{position:relative;display:inline-flex}.rt-menu-backdrop{position:fixed;inset:0;z-index:50}.rt-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:51;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;box-shadow:0 6px 24px #0000001f;padding:6px;min-width:190px;display:flex;flex-direction:column;gap:4px}.rt-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--brand-text);padding:2px 4px}.rt-menu-row select{flex:1;max-width:130px}.rt-menu-item{text-align:left;width:100%;font-size:13px!important;padding:6px 8px!important}.rt-menu-item:hover{background:var(--brand-bg-muted)!important}.rt-menu-item.active{background:var(--brand-accent)!important;color:var(--brand-on-accent)!important}.rt-trailing{margin-left:auto;display:flex;gap:4px;align-items:center}.rt-uploading{font-size:11px;color:var(--brand-text-muted);font-style:italic;margin:0 6px}.rt-editor{flex:1;overflow-y:auto}.rt-content{outline:none;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--brand-text);font-family:ui-sans-serif,system-ui,sans-serif}.rt-content p{margin:0 0 6px}.rt-content p:last-child{margin-bottom:0}.rt-content ul,.rt-content ol{margin:0 0 6px;padding-left:24px}.rt-content a{color:var(--brand-accent);text-decoration:underline}.rt-content h2{font-size:16px;font-weight:600;margin:8px 0 4px}.rt-content h3{font-size:14px;font-weight:600;margin:6px 0 3px}.rt-resizable-img{display:block;margin:6px 0}.rt-resizable-img-inner{position:relative;display:inline-block;vertical-align:top}.rt-resizable-img[data-selected] .rt-resizable-img-inner img,.rt-resizable-img-inner:hover img{outline:2px solid var(--brand-accent);outline-offset:1px}.rt-resize-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;background:var(--brand-accent);border:2px solid var(--brand-surface);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0000004d;z-index:2}.rt-resize-presets{position:absolute;top:-28px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:4px;padding:2px;box-shadow:0 2px 6px #0000001f;z-index:2;white-space:nowrap}.rt-resize-presets button{font-family:inherit;font-size:11px;padding:3px 8px;background:transparent;border:0;border-radius:3px;cursor:pointer;color:var(--brand-text)}.rt-resize-presets button:hover{background:var(--brand-bg-muted)}.rt-content.is-empty:before,.rt-content p.is-empty:first-child:before{content:attr(data-placeholder);color:var(--brand-text-subtle);pointer-events:none;float:left;height:0}.rt-fullscreen-backdrop{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px}.rt-fullscreen{background:var(--brand-bg);border-radius:var(--brand-radius);width:min(1100px,96vw);height:min(800px,92vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.rt-fullscreen-header{padding:12px 16px;border-bottom:1px solid var(--brand-border);display:flex;justify-content:space-between;align-items:center;background:var(--brand-bg-muted)}.rt-fullscreen-header h3{font-size:14px;font-weight:600;margin:0}.rt-fullscreen-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px;gap:12px}.rt-fullscreen-body .rt-wrap{flex:1;min-height:0}.rt-fullscreen-body .rt-editor{flex:1}.ai-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.ai-diff-col{display:flex;flex-direction:column;border:1px solid var(--brand-border);border-radius:6px;overflow:hidden;background:var(--brand-bg)}.ai-diff-label{padding:6px 10px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-muted)}.ai-diff-pre{flex:1;overflow:auto;margin:0;padding:12px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--brand-text)}.ai-diff-pre-new{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-ai) 5%,transparent),transparent 60%);border-top:2px solid color-mix(in srgb,var(--brand-ai) 50%,var(--brand-surface))}.ai-diff-pre-edit{width:100%;border:0;outline:none;resize:none;font-family:ui-sans-serif,system-ui,sans-serif;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-ai) 6%,transparent),var(--brand-surface) 60%)}.ai-diff-pre-edit:focus{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-ai) 10%,transparent),var(--brand-surface) 60%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-ai) 25%,transparent)}.ai-refine{flex-shrink:0;border:1px solid var(--brand-border);border-radius:6px;padding:10px 12px;background:var(--brand-bg-muted)}.ai-refine-label{font-size:11px;font-weight:600;color:var(--brand-text-muted);margin-bottom:6px}.ai-refine-row{display:flex;gap:6px}.ai-refine-row input{flex:1;font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-surface)}.ai-refine-hist{margin-top:6px;font-size:11px;color:var(--brand-text-subtle)}.rt-fullscreen-footer{padding:10px 16px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px;background:var(--brand-bg-muted)}.rt-mention-list{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:6px;min-width:220px;max-width:360px;box-shadow:0 6px 20px #0000001f;overflow:hidden}.rt-mention-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:7px 12px;cursor:pointer;font:inherit;color:var(--brand-text)}.rt-mention-item:hover,.rt-mention-item.active{background:var(--brand-bg-muted)}.rt-mention-email{font-size:11px;color:var(--brand-text-muted);margin-left:6px}.rt-mention-empty{padding:8px 12px;font-size:12px;color:var(--brand-text-muted)}.rt-content .rt-mention,.rt-mention{display:inline-block;padding:0 4px;background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info);border-radius:3px;font-weight:500;text-decoration:none}.rt-ai-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;box-shadow:0 4px 14px #00000026;z-index:20;min-width:240px;padding:4px}.rt-ai-menu button{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:0;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.rt-ai-menu button:hover{background:var(--brand-bg-subtle)}.sr-page{max-width:1280px;margin:0 auto}.sr-topbar{position:sticky;top:0;z-index:5;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;box-shadow:0 1px 2px #0000000a}.sr-topbar-title{font-size:18px;font-weight:600;margin:0 0 2px;color:var(--brand-text)}.sr-topbar-meta{font-size:13px;color:var(--brand-text-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sr-status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.sr-status-concept{background:var(--brand-badge-muted-bg);color:var(--brand-text-muted)}.sr-status-in_progress{background:var(--brand-badge-info-bg);color:var(--brand-badge-info-text)}.sr-status-sent_to_customer{background:var(--brand-badge-warning-bg);color:var(--brand-badge-warning-text)}.sr-status-signed{background:var(--brand-badge-success-bg);color:var(--brand-badge-success-text)}.sr-status-archived{background:var(--sem-badge-muted-bg);color:var(--brand-text-soft)}.sr-save-indicator{font-size:12px;display:inline-flex;align-items:center;gap:4px}.sr-save-saving{color:var(--brand-warning)}.sr-save-saved{color:var(--brand-success)}.sr-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:10px;margin-bottom:14px;overflow:hidden}.sr-section-header{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted)}.sr-section-icon{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:var(--brand-on-primary)}.sr-section-icon-general{background:var(--data-accent-9)}.sr-section-icon-machines{background:var(--data-accent-1)}.sr-section-icon-diagnosis{background:var(--sem-warning)}.sr-section-icon-failure{background:var(--sem-danger)}.sr-section-icon-parts{background:var(--data-accent-4)}.sr-section-icon-tools{background:var(--data-accent-6)}.sr-section-icon-conclusion{background:var(--data-accent-7)}.sr-section-icon-hours{background:var(--data-accent-3)}.sr-section-icon-signatures{background:var(--brand-text-strong)}.sr-section-title{font-size:15px;font-weight:600;margin:0;color:var(--brand-text);flex:1}.sr-section-num{display:inline-block;width:22px;height:22px;background:var(--brand-primary);color:var(--brand-on-primary);border-radius:50%;font-size:12px;line-height:22px;text-align:center;font-weight:600}.sr-section-body{padding:16px 18px}.sr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.sr-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sr-field{display:flex;flex-direction:column;gap:4px}.sr-field>label,.sr-field>.sr-label{font-size:12px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.3px}.sr-field input[type=text],.sr-field input[type=email],.sr-field input[type=tel],.sr-field input[type=date],.sr-field input[type=time],.sr-field input[type=number],.sr-field input[type=search],.sr-field textarea,.sr-field select{padding:7px 10px;border:1px solid var(--brand-border);border-radius:6px;background:var(--brand-bg);font-size:13px;font-family:inherit;color:var(--brand-text)}.sr-field input:focus,.sr-field textarea:focus,.sr-field select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-soft)}.sr-machine{border:1px solid var(--brand-border);border-radius:8px;padding:14px;margin-bottom:10px;background:var(--brand-bg)}.sr-machine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sr-machine-title-btn{background:transparent;border:0;cursor:pointer;font-size:14px;font-weight:600;color:var(--brand-text);padding:0;display:flex;align-items:center;gap:6px}.sr-machine-title-btn:hover{color:var(--brand-primary)}.sr-components{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:14px}.sr-component{border:1px solid var(--brand-border);border-radius:6px;padding:8px;background:var(--brand-bg-muted);transition:all .12s ease}.sr-component.active{background:var(--brand-bg);border-color:var(--brand-primary-soft);box-shadow:0 0 0 1px var(--brand-primary-soft)}.sr-component-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.sr-component.active .sr-component-label{font-weight:600}.sr-component select{width:100%;margin-top:6px;font-size:12px;padding:4px 8px}.sr-module{border:1px solid var(--brand-border);border-radius:6px;margin-bottom:10px;overflow:hidden}.sr-module-header{padding:8px 12px;background:var(--brand-bg-muted);font-weight:600;font-size:13px;border-bottom:1px solid var(--brand-border)}.sr-module-item{display:grid;grid-template-columns:1fr 200px 1fr;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--brand-border);font-size:13px}.sr-module-item:first-child{border-top:0}.sr-module-item:hover{background:var(--brand-bg-muted)}.sr-status-buttons{display:flex;gap:3px}.sr-status-btn{flex:1;font-size:11px;padding:4px 6px;border:1px solid var(--brand-border);background:var(--brand-bg);cursor:pointer;border-radius:4px;font-weight:500;transition:all .1s ease}.sr-status-btn:hover{background:var(--brand-bg-muted)}.sr-status-btn.ok.active{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text);border-color:var(--sem-success)}.sr-status-btn.nn.active{background:var(--sem-badge-muted-bg);color:var(--brand-text-muted);border-color:var(--brand-border-strong)}.sr-status-btn.np.active{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text);border-color:var(--sem-warning)}.sr-status-btn.fail.active{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);border-color:var(--sem-danger)}.sr-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.sr-table thead th{text-align:left;padding:8px 6px;font-size:11px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--brand-border)}.sr-table tbody td{padding:4px 6px;border-bottom:1px solid var(--brand-border)}.sr-table tbody tr:hover{background:var(--brand-bg-muted)}.sr-table input,.sr-table select{width:100%;padding:5px 8px;border:1px solid transparent;border-radius:4px;font-size:13px;background:transparent}.sr-table input:hover,.sr-table select:hover{border-color:var(--brand-border);background:var(--brand-bg)}.sr-table input:focus,.sr-table select:focus{outline:none;border-color:var(--brand-primary);background:var(--brand-bg)}.sr-table tfoot td{padding:8px 6px;border-top:2px solid var(--brand-border);font-weight:600;font-size:13px}.sr-tools-group{margin-bottom:14px}.sr-tools-group-label{font-size:11px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.sr-tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px}.sr-tool-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer;transition:background .1s ease}.sr-tool-item:hover{background:var(--brand-bg-muted)}.sr-rec-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}.sr-prio-low{color:var(--brand-text-soft)}.sr-prio-medium{color:var(--sem-info-soft)}.sr-prio-high{color:var(--sem-warning)}.sr-prio-urgent{color:var(--sem-danger)}.sr-sig-pad{width:100%;height:160px;border:1px dashed var(--brand-border-strong);border-radius:6px;background:#fff;cursor:crosshair;touch-action:none}.sr-sig-saved{border:1px solid var(--brand-success);border-radius:6px;padding:10px;background:#fff}.sr-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:6px;font-size:13px;font-family:inherit;cursor:pointer;color:var(--brand-text);transition:all .1s ease}.sr-btn:hover{background:var(--brand-bg-muted);border-color:var(--brand-border-strong)}.sr-btn:disabled{opacity:.5;cursor:not-allowed}.sr-btn-primary{background:var(--brand-primary);color:var(--brand-on-primary);border-color:var(--brand-primary)}.sr-btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.sr-btn-danger{color:var(--brand-danger)}.sr-btn-danger:hover{background:var(--sem-danger-bg-faint);border-color:var(--brand-danger)}.sr-btn-icon{background:transparent;border:0;cursor:pointer;color:var(--brand-text-muted);padding:4px;border-radius:4px}.sr-btn-icon:hover{background:var(--brand-bg-muted);color:var(--brand-text)}.sr-empty{text-align:center;padding:28px 18px;color:var(--brand-text-muted);font-size:13px}.sr-list-row{cursor:pointer}.sr-list-row:hover{background:var(--brand-bg-muted)}.sr-visit-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--brand-bg-muted);color:var(--brand-text)}.sr-visit-preventive{background:var(--sem-badge-info-bg);color:var(--sem-badge-info-text)}.sr-visit-diagnosis{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.sr-visit-failure{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text)}.sr-visit-process_tests{background:var(--sem-badge-accent-bg);color:var(--sem-badge-accent-text)}.sr-sync-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid transparent;cursor:default}.sr-sync-ok{background:var(--brand-badge-success-bg);color:var(--brand-badge-success-text)}.sr-sync-offline{background:var(--brand-badge-danger-bg);color:var(--brand-badge-danger-text)}.sr-sync-pending{background:var(--brand-badge-warning-bg);color:var(--brand-badge-warning-text);border-color:var(--brand-warning);cursor:pointer}.sr-sync-pending:hover{background:var(--brand-warning);color:var(--brand-on-primary)}.sr-sync-syncing{background:var(--brand-badge-info-bg);color:var(--brand-badge-info-text)}@media(max-width:900px){.sr-grid-2,.sr-grid-3{grid-template-columns:1fr;gap:8px}.sr-module-item{grid-template-columns:1fr;gap:6px;padding:8px 0}.sr-status-buttons{flex-wrap:wrap}.sr-status-btn{padding:7px 12px;font-size:13px}.sr-topbar{flex-wrap:wrap;gap:8px}.sr-topbar-title{font-size:16px}.sr-topbar-meta{flex-wrap:wrap}.sr-report-tab{padding:7px 9px!important;font-size:12px!important}.sr-page{padding-left:2px;padding-right:2px}.sr-section{margin-bottom:10px}.sr-section-header{padding:8px 10px}.sr-section-title{font-size:14px}.sr-section-icon{width:22px;height:22px;font-size:11px}.sr-section-body{padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sr-table{font-size:12px}.sr-table th,.sr-table td{padding:4px}.sr-table input,.sr-table select{padding:5px 4px;font-size:13px;max-width:100%;width:100%;box-sizing:border-box}.sr-table input[type=number]{max-width:62px}.sr-table input[type=date]{max-width:108px}.sr-table input[type=time]{max-width:74px}.sr-hide-mobile{display:none!important}.sr-section-body input,.sr-section-body select,.sr-section-body textarea{font-size:14px}.sr-field label{font-size:11px}.sr-btn{padding:7px 10px;font-size:13px}}@media(max-width:900px){.sr-photo-thumb{width:56px!important;height:56px!important}.sr-photo-remove{width:24px!important;height:24px!important;font-size:14px!important}.sr-photo-btn{padding:9px 14px!important;font-size:14px!important}}.sr-task-acc{border:1px solid var(--brand-border);border-radius:8px;margin-bottom:6px;background:var(--brand-bg)}.sr-task-acc-head{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:11px 12px;cursor:pointer;text-align:left;font-size:13.5px;color:inherit}.sr-task-acc-label{flex:1;line-height:1.35}.sr-task-acc-meta{display:flex;gap:8px;color:var(--brand-text-soft);font-size:12px;white-space:nowrap}.sr-task-acc-caret{color:var(--brand-text-soft);font-size:10px}.sr-task-chip{min-width:40px;text-align:center;font-size:11px;font-weight:700;padding:3px 6px;border-radius:10px;background:var(--brand-bg-muted);color:var(--brand-text-soft);flex-shrink:0}.sr-task-chip.ok{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.sr-task-chip.nn{background:var(--sem-badge-muted-bg);color:var(--brand-text-muted)}.sr-task-chip.np{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.sr-task-chip.fail{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text)}.sr-task-acc-body{padding:10px 12px 12px;border-top:1px solid var(--brand-border)}.sr-task-acc-status{margin-bottom:10px}.sr-task-acc-status .sr-status-btn{padding:9px 16px;font-size:13.5px}.sr-task-acc-fields{display:grid;grid-template-columns:130px 1fr;gap:10px}.sr-task-acc-fields textarea{width:100%;box-sizing:border-box;resize:vertical}.sr-autogrow{width:100%;box-sizing:border-box;resize:none;min-height:32px;field-sizing:content;line-height:1.35}@media(max-width:900px){.sr-page{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.sr-task-acc-fields{grid-template-columns:1fr}.sr-task-acc-status .sr-status-btn{padding:11px 18px;font-size:14px;flex:1}.sr-task-acc-meta{display:none}.sr-page .tk-table{font-size:12px}.sr-page .tk-table th,.sr-page .tk-table td{padding:7px 4px}.sr-page .tk-header h1{font-size:18px}.sr-page .tk-filterbar{gap:6px}.sr-page .tk-filterbar select,.sr-page .tk-filterbar input{font-size:13px;padding:6px 8px}}.sr-module-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;cursor:pointer;color:inherit;font:inherit;font-weight:600}.profile{display:flex;flex-direction:column;gap:28px;max-width:720px;padding:24px}.profile-header{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--brand-border)}.profile-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar{width:84px;height:84px;border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px}.profile-avatar-img{width:84px;height:84px;border-radius:50%;object-fit:cover;display:block}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--brand-on-overlay);font-weight:500;opacity:0;transition:opacity .15s}.profile-name{font-weight:600;font-size:18px;color:var(--brand-text)}.profile-role{font-size:13px;color:var(--brand-text-muted);margin-top:2px}.profile-remove-avatar{background:none;border:none;color:var(--brand-danger);font-size:12px;cursor:pointer;padding:0;margin-top:4px}.profile-remove-avatar:hover{text-decoration:underline}.profile-error{background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:10px 14px;border-radius:6px;font-size:13px}.profile-success{background:var(--sem-success-bg-faint);border:1px solid var(--sem-badge-success-bg);color:var(--sem-badge-success-text);padding:10px 14px;border-radius:6px;font-size:13px}.profile-section{padding-top:8px}.profile-section h4{font-size:12px!important;color:var(--brand-primary)!important;margin-bottom:14px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;padding-bottom:8px;border-bottom:1px solid var(--brand-border)}.profile-subsection{margin-top:18px}.profile-subsection h5{font-size:12px;color:var(--brand-text);margin:0 0 8px;font-weight:700}.profile form{display:flex;flex-direction:column;gap:18px}.profile label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--brand-text)}.profile-hint{font-size:11px;color:var(--brand-text-muted);font-style:italic}.profile input,.profile textarea{padding:9px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:14px;outline:none;font-family:inherit}.profile textarea{resize:vertical;min-height:80px}.profile input:focus,.profile textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.profile input:disabled{background:var(--brand-bg-muted);color:var(--brand-text-muted);cursor:not-allowed}.profile-save{align-self:flex-start;padding:9px 22px;background:var(--brand-primary);color:var(--brand-on-primary);border:1px solid var(--brand-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.profile-save:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.profile-save:disabled{background:var(--brand-text-subtle);border-color:var(--brand-text-subtle);cursor:not-allowed}.profile-status-row{display:flex;gap:8px;align-items:center}.profile-status-row input{flex:1}.profile-status-save{padding:9px 16px;background:var(--brand-primary);border:1px solid var(--brand-primary);color:var(--brand-on-primary);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.profile-status-save:hover{background:var(--brand-primary-hover)}@media(max-width:768px){.profile{padding:16px}.profile-header{flex-direction:column;text-align:center}.profile-status-row{flex-direction:column}.profile-status-row input{width:100%}}.sig-row{border:1px solid var(--brand-border);border-radius:6px;padding:10px 12px;margin-bottom:10px;background:var(--brand-bg)}.sig-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.sig-preview{border-top:1px dashed var(--brand-border);padding-top:8px;font-size:13px;line-height:1.5;color:var(--brand-text)}.sig-preview p{margin:0 0 4px}.pf-hint{display:block;margin:6px 0 14px;font-size:12px;line-height:1.45;color:var(--brand-text-muted)}.pm{height:100%;display:flex;flex-direction:column;padding:16px}.pm-loading{padding:40px;text-align:center;color:var(--brand-text-soft)}.pm-info{font-size:13px;color:var(--brand-text-soft);margin-bottom:16px;line-height:1.5}.pm-error{background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger);padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.pm-table-wrap{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--brand-surface);border:1px solid var(--brand-border-soft);border-radius:8px;box-shadow:0 1px 3px #0000000f;position:relative}.pm-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.pm-table thead th{position:sticky;top:0;z-index:3;background:var(--brand-bg-faint)!important;color:var(--brand-primary)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:12px 14px;border-bottom:2px solid var(--brand-border-soft);border-right:var(--brand-divider);white-space:nowrap}.pm-table thead th:first-child{text-align:left;z-index:4;left:0;min-width:280px;border-right:1px solid var(--brand-border-soft)}.pm-table thead th:last-child{border-right:none}.pm-table tbody td{padding:9px 14px;text-align:center;border-bottom:var(--brand-divider);border-right:var(--brand-divider);background:var(--brand-surface)}.pm-table tbody td:last-child{border-right:none}.pm-perm-name{text-align:left!important;color:var(--brand-text)!important;font-weight:500!important;position:sticky;left:0;z-index:1;background:var(--brand-surface)!important;border-right:1px solid var(--brand-border-soft)!important}.pm-table tbody tr:nth-child(2n) td{background:var(--brand-bg-faint)}.pm-table tbody tr:nth-child(2n) .pm-perm-name{background:var(--brand-bg-faint)!important}.pm-table tbody tr:hover td,.pm-table tbody tr:hover .pm-perm-name{background:color-mix(in srgb,var(--brand-primary-soft) 45%,var(--brand-surface))!important}.pm-table tbody td[colspan]{background:color-mix(in srgb,var(--brand-primary-soft) 45%,var(--brand-surface))!important;color:var(--brand-primary)!important;font-weight:700!important;font-size:11px!important;letter-spacing:.08em!important;padding:10px 16px!important;border-top:2px solid var(--brand-border-soft)!important;border-bottom:1px solid var(--brand-border-soft)!important;border-right:none!important;text-transform:uppercase!important;text-align:left!important;position:sticky;left:0}.pm-table tbody tr:hover td[colspan]{background:color-mix(in srgb,var(--brand-primary-soft) 45%,var(--brand-surface))!important}.pm-check{font-size:16px;display:inline-block}.pm-check.granted{color:var(--sem-success)}.pm-col-admin{opacity:1}.pm-col-admin .pm-check{color:var(--brand-text-subtle)}.pm-toggle{width:36px;height:30px;border:1px solid var(--brand-border);border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .15s;background:var(--brand-surface);display:inline-flex;align-items:center;justify-content:center}.pm-toggle.granted{background:color-mix(in srgb,var(--sem-success) 10%,transparent);border-color:color-mix(in srgb,var(--sem-success) 40%,transparent);color:var(--sem-success)}.pm-toggle.denied{background:var(--brand-surface);border-color:var(--brand-border-soft);color:var(--brand-text-subtle)}.pm-toggle:hover{border-color:var(--brand-primary);transform:scale(1.05)}.pm-toggle.saving{opacity:.5;cursor:wait}@media(max-width:768px){.pm{padding:8px}.pm-info{font-size:11px}.pm-table{min-width:600px}.pm-table th,.pm-table td{padding:6px 8px;font-size:11px}.pm-table thead th:first-child{min-width:200px}.pm-toggle{width:30px;height:26px;font-size:13px}}.file-explorer{display:flex;flex-direction:column;height:100%}.fe-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);flex-shrink:0}.fe-toolbar-left,.fe-toolbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.fe-tool-btn{width:32px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text-strong);border-radius:6px;cursor:pointer;transition:all .1s}.fe-tool-btn:hover{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary)}.fe-tool-btn:disabled{opacity:.3;cursor:default}.fe-tool-sm{width:26px;height:24px}.fe-usage{font-size:11px;color:var(--brand-text-subtle);white-space:nowrap;padding-right:4px}.fe-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;flex:1;min-width:0;overflow:hidden}.fe-breadcrumb-item{background:none;border:none;color:var(--brand-text-soft);font-size:13px;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .1s;white-space:nowrap}.fe-breadcrumb-item:hover{background:var(--brand-border);color:var(--brand-primary)}.fe-root{font-weight:600;color:var(--brand-primary)}.fe-root:hover{color:var(--brand-primary-hover)}.fe-copy-path{background:none;border:none;color:var(--brand-text-subtle);cursor:pointer;padding:2px 6px;margin-left:4px;border-radius:3px;font-size:12px;line-height:1;transition:all .15s}.fe-copy-path:hover{background:var(--brand-border);color:var(--brand-text)}.fe-copy-path.fe-copied{color:var(--sem-success-soft)}.fe-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe-copy-file{background:none;border:none;color:var(--brand-text-subtle);cursor:pointer;padding:1px 4px;margin-left:6px;border-radius:3px;font-size:11px;line-height:1;opacity:0;transition:all .15s;flex-shrink:0}.fe-row:hover .fe-copy-file{opacity:1}.fe-copy-file:hover{background:var(--brand-border-strong);color:var(--brand-text)}.fe-copy-file.fe-copied{opacity:1;color:var(--sem-success-soft)}.fe-breadcrumb-sep{color:var(--brand-text-subtle);font-size:12px;margin:0 1px}.fe-error{padding:8px 12px;color:var(--sem-danger-soft);font-size:12px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-danger) 10%,transparent);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fe-success{padding:8px 12px;color:var(--sem-success-soft);font-size:12px;background:color-mix(in srgb,var(--sem-success-soft) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-success-soft) 10%,transparent);flex-shrink:0}.fe-upload-progress{padding:8px 12px;background:color-mix(in srgb,var(--brand-primary) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand-primary) 10%,transparent);flex-shrink:0}.fe-upload-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.fe-upload-label{font-size:11px;color:var(--brand-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.fe-upload-pct{font-size:11px;font-weight:600;color:var(--brand-primary);font-family:JetBrains Mono,Fira Code,monospace;flex-shrink:0}.fe-upload-bar{height:4px;background:var(--brand-border);border-radius:2px;overflow:hidden}.fe-upload-bar-fill{height:100%;background:var(--brand-primary);border-radius:2px;transition:width .2s ease}.fe-msg-close{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0 4px;opacity:.6}.fe-new-folder{display:flex;align-items:center;gap:8px;padding:8px 14px;background:color-mix(in srgb,var(--brand-primary) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand-primary) 10%,transparent);flex-shrink:0}.fe-inline-input{padding:4px 8px;font-size:13px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;flex:1;min-width:0}.fe-inline-input:focus{border-color:var(--brand-primary)}.fe-rename-input{flex:0 1 auto;max-width:250px}.fe-inline-btn{padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:none;white-space:nowrap}.fe-inline-ok{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.fe-inline-ok:hover{background:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.fe-inline-cancel{background:var(--brand-border);color:var(--brand-text-soft)}.fe-inline-cancel:hover{background:var(--brand-border)}.fe-content{flex:1;display:flex;overflow:hidden;min-height:0}.fe-list{flex:1;overflow:auto;min-width:0}.fe-list-narrow{flex:0 0 45%;max-width:45%;border-right:1px solid var(--brand-border)}.fe-table{width:100%;border-collapse:collapse;font-size:13px}.fe-table thead th{position:sticky;top:0;background:var(--brand-bg-muted);padding:8px 14px;text-align:left;font-weight:500;color:var(--brand-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border);z-index:1}.fe-row{cursor:pointer;transition:background .08s}.fe-row:hover{background:var(--brand-border)}.fe-row-active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.fe-row-shortcut td.fe-name{color:var(--brand-primary);font-weight:500}.fe-row td{padding:7px 14px;border-bottom:1px solid var(--brand-border)}.fe-name{display:flex;align-items:center;gap:8px;color:var(--brand-text)}.fe-icon{font-size:14px;width:22px;text-align:center;flex-shrink:0}.fe-col-size{width:90px;text-align:right;color:var(--brand-text-subtle);font-size:12px}.fe-col-date{width:100px;text-align:right;color:var(--brand-text-subtle);font-size:12px}.fe-empty{text-align:center;padding:40px!important;color:var(--brand-text-soft)}.fe-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.fe-preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);flex-shrink:0}.fe-preview-title{font-size:13px;font-weight:500;color:var(--brand-text-subtle)}.fe-preview-actions{display:flex;align-items:center;gap:4px}.fe-preview-close{background:none;border:none;color:var(--brand-text-soft);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:3px}.fe-preview-close:hover{background:color-mix(in srgb,var(--sem-danger) 20%,transparent);color:var(--sem-danger-soft)}.fe-preview-body{flex:1;overflow:auto;padding:0}.fe-code{margin:0;padding:14px;font-size:12px;line-height:1.6;font-family:Consolas,Monaco,Courier New,monospace;color:var(--brand-text);white-space:pre;overflow-x:auto;tab-size:4}.fe-html-frame{width:100%;height:100%;border:none;background:var(--brand-surface);border-radius:4px}.fe-image-wrap{padding:20px;display:flex;align-items:center;justify-content:center}.fe-image{max-width:100%;max-height:400px;border-radius:4px;background:repeating-conic-gradient(var(--brand-bg-muted) 0% 25%,var(--brand-bg-muted) 0% 50%) 50% / 16px 16px}.fe-binary{padding:40px;text-align:center;color:var(--brand-text-subtle);font-size:14px}.fe-loading{padding:40px;text-align:center;color:var(--brand-text-subtle)}.fe-ctx-menu{position:fixed;min-width:170px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:6px;padding:4px 0;z-index:200;box-shadow:0 8px 24px #00000080}.fe-ctx-item{padding:8px 16px;font-size:13px;cursor:pointer;color:var(--brand-text);transition:background .1s}.fe-ctx-item:hover{background:var(--brand-border);color:var(--brand-text)}.fe-ctx-danger{color:var(--sem-danger-soft)}.fe-ctx-danger:hover{background:color-mix(in srgb,var(--sem-danger) 12%,transparent);color:var(--sem-danger-soft)}.fe-ctx-sep{height:1px;background:var(--brand-border);margin:4px 0}.fe-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.fe-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:10px;padding:24px;max-width:380px;box-shadow:0 16px 48px #0009}.fe-modal h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--brand-text)}.fe-modal p{font-size:13px;color:var(--brand-text-soft);margin-bottom:20px;line-height:1.5}.fe-modal strong{color:var(--brand-text)}.fe-modal-actions{display:flex;gap:10px;justify-content:flex-end}.fe-modal-cancel{padding:8px 18px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:6px;cursor:pointer;font-size:13px}.fe-modal-cancel:hover{background:var(--brand-border-strong);color:var(--brand-text)}.fe-modal-danger{padding:8px 18px;background:color-mix(in srgb,var(--sem-danger) 20%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.fe-modal-danger:hover{background:color-mix(in srgb,var(--sem-danger) 35%,transparent)}@media(max-width:768px){.fe-toolbar{flex-wrap:wrap;gap:4px;padding:6px 8px}.fe-content{flex-direction:column}.fe-list-narrow{flex:none;max-width:100%;border-right:none;border-bottom:1px solid var(--brand-border);max-height:40vh}.fe-col-size,.fe-col-date{display:none}.fe-table thead th:nth-child(2),.fe-table thead th:nth-child(3){display:none}.fe-row td:nth-child(2),.fe-row td:nth-child(3){display:none}.fe-preview-header{padding:6px 10px}.fe-modal{margin:12px;max-width:none}.fe-breadcrumb{font-size:12px}}.db-viewer{display:flex;height:100%}.db-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--brand-border);display:flex;flex-direction:column;overflow:hidden}.db-sidebar-header{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-subtle);background:var(--brand-surface);border-bottom:1px solid var(--brand-border)}.db-table-list{flex:1;overflow-y:auto}.db-table-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--brand-border);transition:background .1s}.db-table-item:hover{background:var(--brand-border)}.db-table-item.active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border-left:3px solid var(--brand-primary);padding-left:11px}.db-table-name{display:block;font-size:13px;color:var(--brand-text);font-weight:500}.db-table-meta{display:block;font-size:11px;color:var(--brand-text-subtle);margin-top:2px}.db-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.db-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);gap:12px;flex-wrap:wrap}.db-toolbar-left{display:flex;align-items:center;gap:10px}.db-toolbar-table{font-size:14px;font-weight:600;color:var(--brand-text)}.db-toggle{padding:4px 12px;font-size:12px;background:var(--brand-border);border:1px solid var(--brand-border);color:var(--brand-text-soft);border-radius:4px;cursor:pointer;transition:all .1s}.db-toggle:hover{background:var(--brand-border)}.db-toggle.active{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary)}.db-toolbar-right{display:flex;gap:6px}.db-search{padding:5px 10px;font-size:12px;background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);border-radius:4px;width:180px;outline:none}.db-search:focus{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)}.db-search-btn{padding:5px 12px;font-size:12px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);color:var(--brand-primary);border-radius:4px;cursor:pointer}.db-search-btn:hover{background:color-mix(in srgb,var(--brand-primary) 20%,transparent)}.db-structure{padding:0;border-bottom:1px solid var(--brand-border);max-height:200px;overflow:auto}.db-struct-table{width:100%;border-collapse:collapse;font-size:12px}.db-struct-table th{padding:7px 12px;text-align:left;background:var(--brand-bg-muted);color:var(--brand-text-subtle);font-weight:500;font-size:11px;text-transform:uppercase;position:sticky;top:0}.db-struct-table td{padding:6px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text-subtle)}.db-col-name{color:var(--brand-text);font-weight:500}.db-col-type{color:var(--brand-text-soft);font-family:monospace;font-size:12px}.db-col-default{color:var(--brand-text-subtle);font-family:monospace;font-size:11px}.db-data-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column}.db-data-scroll{flex:1;overflow:auto}.db-data-table{width:100%;border-collapse:collapse;font-size:12px}.db-data-table thead th{position:sticky;top:0;background:var(--brand-bg-muted);padding:8px 12px;text-align:left;color:var(--brand-text-subtle);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--brand-border);white-space:nowrap;z-index:1}.db-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.db-sortable:hover{color:var(--brand-text)}.db-sort-arrow{font-size:9px;color:var(--brand-primary)}.db-data-table tbody td{padding:6px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-null{color:var(--brand-text-subtle)!important;font-style:italic}.db-data-table tbody tr:hover{background:var(--brand-border)}.db-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:var(--brand-bg-muted);border-top:1px solid var(--brand-border)}.db-pagination button{padding:5px 14px;font-size:12px;background:var(--brand-border);border:1px solid var(--brand-border);color:var(--brand-text-soft);border-radius:4px;cursor:pointer}.db-pagination button:hover:not(:disabled){background:var(--brand-border);color:var(--brand-text-strong)}.db-pagination button:disabled{opacity:.3;cursor:default}.db-page-info{font-size:12px;color:var(--brand-text-subtle)}.db-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--brand-text-soft);font-size:14px}.db-editable{cursor:pointer}.db-editable:hover{outline:1px dashed color-mix(in srgb,var(--brand-primary) 25%,transparent);outline-offset:-2px}.db-edit-input{width:100%;padding:2px 4px;font-size:12px;background:var(--brand-surface);border:1px solid var(--brand-primary);color:var(--brand-text);border-radius:3px;outline:none;font-family:inherit}.db-col-actions{width:80px;text-align:center;white-space:nowrap}.db-btn-delete{background:none;border:none;color:var(--brand-text-soft);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:3px}.db-btn-delete:hover{background:color-mix(in srgb,var(--sem-danger) 15%,transparent);color:var(--sem-danger-soft)}.db-delete-confirm{display:flex;gap:4px}.db-btn-danger{padding:2px 8px;font-size:11px;background:color-mix(in srgb,var(--sem-danger) 20%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);border-radius:3px;cursor:pointer}.db-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger) 35%,transparent)}.db-btn-cancel{padding:2px 8px;font-size:11px;background:var(--brand-border);border:1px solid var(--brand-border);color:var(--brand-text-soft);border-radius:3px;cursor:pointer}.db-btn-cancel:hover{background:var(--brand-border)}.db-hint{padding:6px 14px;font-size:11px;color:var(--brand-text-subtle);text-align:center;border-top:1px solid var(--brand-border)}.db-error-close{float:right;background:none;border:none;color:var(--sem-danger-soft);font-size:16px;cursor:pointer;padding:0 4px}.db-loading{padding:40px;text-align:center;color:var(--brand-text-subtle)}.db-error{padding:10px 14px;color:var(--sem-danger-soft);font-size:13px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent)}@media(max-width:768px){.db-viewer{flex-direction:column}.db-sidebar{width:100%;max-height:150px;border-right:none;border-bottom:1px solid var(--brand-border)}.db-table-list{display:flex;overflow-x:auto;gap:0}.db-table-item{white-space:nowrap;border-bottom:none;border-right:1px solid var(--brand-border);padding:8px 12px}.db-table-item.active{border-left:none;border-bottom:3px solid var(--brand-primary);padding-left:12px}.db-toolbar{padding:8px 10px;gap:6px}.db-search{width:120px}.db-data-scroll{-webkit-overflow-scrolling:touch}}.cf-wrap{position:relative;display:inline-block;margin-left:4px}.cf-btn{background:transparent;border:0;cursor:pointer;color:var(--brand-text-subtle);font-size:9px;padding:2px 4px;border-radius:3px;line-height:1}.cf-btn:hover{background:var(--brand-bg-muted);color:var(--brand-text)}.cf-btn-active{background:var(--brand-accent);color:var(--brand-on-accent);font-weight:700}.cf-btn-active:hover{background:var(--brand-accent-hover);color:var(--brand-on-accent)}.cf-popover{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;min-width:180px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:6px;box-shadow:0 6px 20px #00000026;overflow:hidden}.cf-popover-actions{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted)}.cf-action{flex:1;background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;color:var(--brand-text);font-weight:500}.cf-action:hover{background:var(--brand-bg);border-color:var(--brand-text)}.cf-popover-list{max-height:280px;overflow-y:auto;padding:4px 0}.cf-option{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:13px;color:var(--brand-text);-webkit-user-select:none;user-select:none}.cf-option:hover{background:var(--brand-bg-muted)}.cf-option input[type=checkbox]{margin:0;cursor:pointer}.cf-popover-toggle{padding:8px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted)}.cf-toggle-all{width:100%;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--brand-border);border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--brand-text);font-family:inherit}.cf-toggle-all:hover{background:var(--brand-bg);border-color:var(--brand-accent);color:var(--brand-accent)}.cf-toggle-all input[type=checkbox]{margin:0;pointer-events:none}.cf-popover-footer{display:flex;gap:8px;padding:8px;border-top:1px solid var(--brand-border);background:var(--brand-bg-muted)}.cf-btn-cancel,.cf-btn-apply{flex:1;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid var(--brand-border)}.cf-btn-cancel{background:#fff;color:var(--brand-text)}.cf-btn-cancel:hover{background:var(--brand-bg-subtle)}.cf-btn-apply{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent)}.cf-btn-apply:hover{background:var(--brand-accent-hover)}.bt-list,.bt-detail{display:flex;flex-direction:column;height:100%}.bt-stats{display:flex;gap:1px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.bt-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:var(--brand-surface)}.bt-stat-num{font-size:20px;font-weight:600;color:var(--brand-primary)}.bt-stat-label{font-size:11px;color:var(--brand-text-subtle);margin-top:2px}.bt-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.bt-filter{padding:5px 8px;font-size:12px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;outline:none}.bt-filter:focus{border-color:var(--brand-primary)}.bt-filter option{background:var(--brand-surface);color:var(--brand-text)}.bt-total{margin-left:auto;font-size:12px;color:var(--brand-text-subtle)}.bt-error{padding:8px 14px;color:var(--sem-danger-soft);font-size:12px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-danger) 10%,transparent);flex-shrink:0}.bt-success-msg{padding:8px 14px;color:var(--sem-success-soft);font-size:12px;background:color-mix(in srgb,var(--sem-success-soft) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-success-soft) 10%,transparent);flex-shrink:0}.bt-table-wrap{flex:1;overflow:auto;min-height:0}.bt-table{width:100%;border-collapse:collapse;font-size:13px}.bt-table thead th{position:sticky;top:0;background:var(--brand-bg-muted);padding:8px 12px;text-align:left;font-weight:500;color:var(--brand-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border);z-index:1}.bt-row{cursor:pointer;transition:background .08s}.bt-row:hover{background:var(--brand-border)}.bt-row td{padding:8px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.bt-col-id{width:72px;white-space:nowrap;color:var(--brand-text-subtle)!important;font-size:12px}.bt-col-title{font-weight:500}.bt-col-badge{width:125px;white-space:nowrap}.bt-col-priority,.bt-col-env{width:130px;white-space:nowrap}.bt-col-module{width:180px;white-space:nowrap}.bt-module-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--brand-badge-info-bg);color:var(--brand-badge-info-text);border:1px solid color-mix(in srgb,var(--brand-badge-info-text) 25%,var(--brand-badge-info-bg))}.bt-col-user{width:120px;color:var(--brand-text-soft)!important;font-size:12px}.bt-col-date{width:90px;color:var(--brand-text-subtle)!important;font-size:12px}.bt-col-comments{width:48px}.bt-comments-badge{display:inline-block;min-width:22px;padding:2px 6px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--brand-accent) 12%,transparent);color:var(--brand-accent);border-radius:999px}.bt-comments-empty{color:var(--brand-border);font-size:11px}.bt-th-sortable{-webkit-user-select:none;user-select:none}.bt-th-sortable:hover{background:#0000000a}.bt-th-sorted{color:var(--brand-accent)}.bt-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.bt-type-bug{background:color-mix(in srgb,var(--sem-danger) 12%,transparent);color:var(--sem-danger-soft)}.bt-type-verbetering{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft)}.bt-prio-hoog{background:color-mix(in srgb,var(--sem-danger) 12%,transparent);color:var(--sem-danger-soft)}.bt-prio-middel{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.bt-prio-laag,.bt-prio-toekomst{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft)}.bt-status-captured{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.bt-status-triaged{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft)}.bt-status-fixing{background:color-mix(in srgb,var(--data-accent-4) 12%,transparent);color:var(--data-accent-4)}.bt-status-staging_check{background:color-mix(in srgb,var(--data-accent-6) 12%,transparent);color:var(--data-accent-6)}.bt-status-production_check{background:color-mix(in srgb,var(--sem-info) 12%,transparent);color:var(--sem-info)}.bt-status-done{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);color:var(--sem-success-soft)}.bt-status-reopened{background:color-mix(in srgb,var(--sem-danger-soft) 12%,transparent);color:var(--sem-danger-soft)}.bt-status-feedback{background:color-mix(in srgb,var(--sem-warning) 12%,transparent);color:var(--sem-warning)}.bt-status-archived{background:var(--brand-border);color:var(--brand-text-subtle)}.bt-btn-info{background:color-mix(in srgb,var(--sem-warning) 12%,transparent);color:var(--sem-warning);border:1px solid color-mix(in srgb,var(--sem-warning) 40%,transparent);border-radius:6px}.bt-btn-warn{background:color-mix(in srgb,var(--sem-danger-soft) 12%,transparent);color:var(--sem-danger-soft);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 40%,transparent);border-radius:6px;cursor:pointer;font-weight:600}.bt-btn-warn:hover{background:color-mix(in srgb,var(--sem-danger-soft) 20%,transparent)}.bt-env-development{background:color-mix(in srgb,var(--sem-warning) 12%,transparent);color:var(--sem-warning)}.bt-env-staging{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft)}.bt-env-production{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);color:var(--sem-success-soft)}.bt-env-tabs{display:flex;gap:0;border-bottom:1px solid var(--brand-border);flex-shrink:0}.bt-env-tab{flex:1;padding:10px 16px;background:transparent;border:none;color:var(--brand-text-subtle);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.bt-env-tab:hover{color:var(--brand-text-strong);background:var(--brand-border)}.bt-env-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.bt-sync-btn{padding:6px 14px;margin:4px 8px 4px auto;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:4px;color:var(--brand-primary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.bt-sync-btn:hover{background:color-mix(in srgb,var(--brand-primary) 20%,transparent)}.bt-sync-btn:disabled{opacity:.5;cursor:wait}.bt-loading,.bt-empty{padding:40px;text-align:center;color:var(--brand-text-subtle);font-size:14px}.bt-empty-row{padding:32px!important;text-align:center;color:var(--brand-text-subtle);font-size:13px;font-style:italic}.bt-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;border-top:1px solid var(--brand-border);flex-shrink:0}.bt-pagination button{padding:5px 14px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:4px;cursor:pointer;font-size:12px}.bt-pagination button:hover:not(:disabled){background:var(--brand-border-strong);color:var(--brand-primary)}.bt-pagination button:disabled{opacity:.3;cursor:default}.bt-pagination span{font-size:12px;color:var(--brand-text-subtle)}.bt-detail-toolbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.bt-back{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--brand-border);color:var(--brand-text-soft);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.bt-back:hover{background:var(--brand-border);color:var(--brand-primary)}.bt-detail-id{font-size:13px;color:var(--brand-text-subtle);font-weight:600}.bt-detail-spacer{flex:1}.bt-copy-ref{background:none;border:1px solid var(--brand-border);color:var(--brand-text-soft);padding:4px 8px;border-radius:4px;cursor:pointer}.bt-copy-ref:hover{background:var(--brand-border);color:var(--brand-primary)}.bt-copy-claude{display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);color:var(--brand-primary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.bt-copy-claude:hover{background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.bt-detail-body{flex:1;display:flex;overflow:hidden;min-height:0}.bt-detail-main{flex:1;overflow:auto;padding:20px;min-width:0}.bt-detail-title{font-size:18px;font-weight:600;color:var(--brand-text);margin:0 0 10px}.bt-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.bt-detail-user,.bt-detail-date{font-size:12px;color:var(--brand-text-subtle)}.bt-section{margin-bottom:20px}.bt-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-subtle);margin:0 0 8px;font-weight:500}.bt-description{font-size:14px;color:var(--brand-text);line-height:1.6;white-space:pre-wrap;margin:0}.bt-screenshot-wrap{border:1px solid var(--brand-border);border-radius:6px;overflow:hidden;background:var(--brand-bg-muted);cursor:zoom-in;display:flex;justify-content:center;position:relative}.bt-screenshot-wrap:after{content:"🔍 klik voor groot";position:absolute;top:8px;right:8px;font-size:11px;padding:3px 8px;background:#0000008c;color:var(--brand-on-overlay);border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s}.bt-screenshot-wrap:hover:after{opacity:1}.bt-screenshot{display:block;max-width:100%;max-height:600px;height:auto;width:auto;object-fit:contain}.bt-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.bt-attachment{position:relative;width:120px;height:120px;border:1px solid var(--brand-border);border-radius:6px;overflow:hidden;background:var(--brand-bg-muted)}.bt-attachment-img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}.bt-attachment-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:var(--brand-text-soft)}.bt-attachment-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:var(--brand-on-overlay);font-size:15px;line-height:1;cursor:pointer}.bt-attachment-del:hover{background:var(--sem-danger)}.bt-attachment-add{display:inline-block;padding:8px 14px;font-size:13px;border:1px dashed var(--brand-border-strong);border-radius:6px;color:var(--brand-text-strong);cursor:pointer;background:var(--brand-bg-muted)}.bt-attachment-add:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.bt-attachment-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bt-attachment-hint{font-size:12px;color:var(--brand-text-soft)}.bt-screenshot-lightbox{position:fixed;inset:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:32px}.bt-screenshot-lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 24px #00000080;border-radius:4px}.bt-screenshot-lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1f;color:var(--brand-on-overlay);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.bt-screenshot-lightbox-close:hover{background:#ffffff38}.bt-zoom-lightbox{overflow:hidden;cursor:default}.bt-zoom-lightbox img{-webkit-user-select:none;user-select:none;will-change:transform}.bt-zoom-controls{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 10px;z-index:1}.bt-zoom-controls button{background:#ffffff1f;color:var(--brand-on-overlay);border:1px solid rgba(255,255,255,.25);border-radius:6px;min-width:32px;padding:4px 8px;font-size:15px;line-height:1;cursor:pointer}.bt-zoom-controls button:hover:not(:disabled){background:#ffffff40}.bt-zoom-controls button:disabled{opacity:.4;cursor:default}.bt-zoom-level{color:var(--brand-on-overlay);font-size:13px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.bt-tech-toggle{background:none;border:none;color:var(--brand-text-subtle);cursor:pointer;font-size:12px;padding:0;margin-bottom:8px}.bt-tech-toggle:hover{color:var(--brand-text-soft)}.bt-tech{padding:10px;background:var(--brand-bg-muted);border-radius:6px;font-size:12px}.bt-tech-row{display:flex;gap:8px;padding:3px 0}.bt-tech-label{color:var(--brand-text-subtle);flex-shrink:0;font-weight:500}.bt-tech-value{color:var(--brand-text-soft);word-break:break-all}.bt-tech-block{margin-top:8px}.bt-tech-pre{margin:4px 0 0;padding:8px;background:var(--brand-bg-muted);border-radius:4px;color:var(--brand-text-soft);font-size:11px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-family:Consolas,Monaco,monospace}.bt-detail-sidebar{width:250px;flex-shrink:0;border-left:1px solid var(--brand-border);padding:16px;overflow-y:auto;background:var(--brand-bg-muted)}.bt-detail-sidebar h4{font-size:13px;color:var(--brand-text-soft);font-weight:600;margin:0 0 14px}.bt-admin-field{margin-bottom:12px}.bt-admin-field label{display:block;font-size:11px;color:var(--brand-text-subtle);margin-bottom:4px;font-weight:500}.bt-admin-field select,.bt-admin-field textarea{width:100%;padding:6px 8px;font-size:12px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;font-family:inherit;box-sizing:border-box}.bt-admin-field select:focus,.bt-admin-field textarea:focus{border-color:var(--brand-primary)}.bt-admin-field select option{background:var(--brand-surface);color:var(--brand-text)}.bt-admin-field textarea{resize:vertical;min-height:60px}.bt-save{width:100%;padding:8px;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.bt-save:hover{background:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.bt-save:disabled{opacity:.5;cursor:default}.bt-archive{width:100%;padding:7px;margin-top:8px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:6px;cursor:pointer;font-size:12px}.bt-archive:hover{background:var(--brand-border);color:var(--brand-primary)}.bt-admin-danger{margin-top:20px;padding-top:16px;border-top:1px solid var(--brand-border)}.bt-delete{width:100%;padding:7px;background:color-mix(in srgb,var(--sem-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 20%,transparent);color:var(--sem-danger-soft);border-radius:6px;cursor:pointer;font-size:12px}.bt-delete:hover{background:color-mix(in srgb,var(--sem-danger) 20%,transparent)}.bt-delete-confirm{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--sem-danger-soft)}.bt-delete-yes{padding:6px;background:color-mix(in srgb,var(--sem-danger) 20%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.bt-delete-no{padding:6px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:4px;cursor:pointer;font-size:12px}@media(max-width:768px){.bt-stats{flex-wrap:wrap}.bt-stat{min-width:33%}.bt-toolbar{flex-wrap:wrap;gap:6px;padding:8px 10px}.bt-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.bt-table{min-width:500px}.bt-col-user,.bt-col-date{display:none}.bt-detail-body{flex-direction:column}.bt-detail-sidebar{width:100%;border-left:none;border-top:1px solid var(--brand-border)}.bt-detail-main{padding:14px}.bt-detail-title{font-size:16px}.bt-detail-toolbar{flex-wrap:wrap;gap:6px}}.bt-col-check{width:32px;text-align:center}.bt-col-check input[type=checkbox]{cursor:pointer;width:16px;height:16px}.bt-row-selected{background:var(--brand-accent-soft)!important}.bt-bulkbar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:10px;background:var(--brand-accent-soft);border:1px solid var(--brand-border);border-radius:6px}.bt-bulkbar-count{font-weight:600;font-size:13px}.bt-bulkbar-apply{background:var(--brand-accent);color:var(--brand-on-accent);border:none;border-radius:4px;padding:6px 14px;font-size:13px;cursor:pointer}.bt-bulkbar-apply:disabled{opacity:.5;cursor:not-allowed}.bt-bulkbar-cancel{background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:6px 14px;font-size:13px;cursor:pointer}.bt-bulkbar-icon{margin-left:auto;background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:13px;line-height:1;color:var(--brand-text-muted);opacity:.6;transition:opacity .15s}.bt-bulkbar-icon:hover{opacity:1;background:var(--brand-bg-muted)}.bt-bulkbar-icon:disabled{opacity:.3;cursor:not-allowed}.ct-thread{margin-top:16px;border-top:1px solid var(--brand-border);padding-top:12px}.ct-thread-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-soft);margin-bottom:10px}.ct-thread-loading,.ct-thread-empty{font-size:13px;color:var(--brand-text-soft);padding:10px 0;font-style:italic}.ct-thread-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}.ct-thread-item{display:flex;gap:10px;align-items:flex-start}.ct-thread-avatar-wrap{flex-shrink:0}.ct-thread-avatar-fallback{width:32px;height:32px;border-radius:50%;background:var(--brand-border-soft);color:var(--brand-text-strong);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center}.ct-thread-bubble{flex:1;min-width:0;background:var(--brand-bg-faint);border:1px solid var(--brand-border);border-radius:8px;padding:8px 12px}.ct-thread-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--brand-text);margin-bottom:4px}.ct-thread-meta>strong{font-weight:600}.ct-thread-time{color:var(--brand-text-subtle);font-weight:400;font-size:11px}.ct-thread-body{font-size:13px;color:var(--brand-text);white-space:pre-wrap;word-break:break-word}.ct-thread-delete{margin-left:auto;background:transparent;border:none;font-size:16px;color:var(--brand-text-subtle);cursor:pointer;line-height:1;padding:0 4px}.ct-thread-delete:hover{color:var(--sem-danger-soft)}.ct-thread-edit{margin-left:auto;background:transparent;border:none;font-size:13px;color:var(--brand-text-subtle);cursor:pointer;line-height:1;padding:0 4px}.ct-thread-edit+.ct-thread-delete{margin-left:0}.ct-thread-edit:hover{color:var(--sem-info-soft)}.ct-thread-edited{font-style:italic;color:var(--brand-text-subtle);font-size:11px}.ct-thread-cancel{background:transparent;border:1px solid var(--brand-border);color:var(--brand-text-soft);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer}.ct-thread-cancel:hover{background:var(--brand-bg-subtle)}.ct-thread-internal .ct-thread-bubble{background:color-mix(in srgb,var(--sem-warning) 8%,var(--brand-surface));border-color:color-mix(in srgb,var(--sem-warning) 42%,var(--brand-surface))}.ct-thread-badge{background:var(--sem-warning);color:var(--sem-on-warning);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.ct-thread-origin{background:var(--sem-info)}.ct-thread-deleted .ct-thread-bubble{background:var(--brand-bg-subtle);color:var(--brand-text-subtle);text-decoration:line-through}.ct-thread-deleted .ct-thread-body em{font-style:italic;color:var(--brand-text-soft);text-decoration:none}.ct-thread-system{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;color:var(--brand-text-soft);font-style:italic}.ct-thread-system-dot{color:var(--brand-text-subtle);font-size:6px}.ct-thread-system-body{flex:1}.ct-thread-system-time{color:var(--brand-text-subtle);font-size:11px}.ct-thread-form{margin-top:12px}.ct-thread-textarea{width:100%;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;color:var(--brand-text)}.ct-thread-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.ct-thread-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.ct-thread-internal-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--brand-text-soft)}.ct-thread-internal-toggle input[type=checkbox]{accent-color:var(--sem-warning)}.ct-thread-submit{background:var(--brand-primary);color:var(--brand-on-primary);border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;margin-left:auto}.ct-thread-submit:hover:not(:disabled){background:var(--brand-primary-hover)}.ct-thread-submit:disabled{opacity:.5;cursor:not-allowed}.ct-thread-error{background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:8px 10px;border-radius:6px;font-size:12px;margin-bottom:10px}.al-container{display:flex;flex-direction:column;height:100%}.al-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0;flex-wrap:wrap}.al-filter{padding:5px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;outline:none}.al-filter:focus{border-color:var(--brand-primary)}.al-filter option{background:var(--brand-bg-muted);color:var(--brand-text)}.al-date{width:130px;color-scheme:dark}.al-reset{padding:5px 10px;font-size:12px;background:color-mix(in srgb,var(--sem-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 20%,transparent);color:var(--sem-danger-soft);border-radius:4px;cursor:pointer}.al-reset:hover{background:color-mix(in srgb,var(--sem-danger) 20%,transparent)}.al-total{margin-left:auto;font-size:12px;color:var(--brand-text-subtle)}.al-error{padding:8px 14px;color:var(--sem-danger-soft);font-size:12px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-danger) 10%,transparent);flex-shrink:0}.al-table-wrap{flex:1;overflow:auto;min-height:0}.al-table{width:100%;border-collapse:collapse;font-size:13px}.al-table thead th{position:sticky;top:0;background:var(--brand-bg-muted);padding:8px 12px;text-align:left;font-weight:500;color:var(--brand-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border);z-index:1}.al-row td{padding:7px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.al-col-date{width:150px;color:var(--brand-text-subtle)!important;font-size:12px;white-space:nowrap}.al-col-user{width:120px;color:var(--brand-text-soft)!important;font-size:12px}.al-col-action{width:180px}.al-col-details{font-size:12px;color:var(--brand-text-subtle)!important;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-col-ip{width:120px;color:var(--brand-text-subtle)!important;font-size:12px;font-family:Consolas,Monaco,monospace}.al-action-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.al-action-login,.al-action-logout{background:color-mix(in srgb,var(--data-accent-5) 12%,transparent);color:var(--data-accent-5)}.al-action-user{background:color-mix(in srgb,var(--data-accent-4) 12%,transparent);color:var(--data-accent-4)}.al-action-bug{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.al-action-file{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);color:var(--sem-success-soft)}.al-action-document{background:color-mix(in srgb,var(--data-accent-5) 12%,transparent);color:var(--data-accent-5)}.al-action-setting{background:var(--brand-border);color:var(--brand-text-soft)}.al-loading,.al-empty{padding:40px;text-align:center;color:var(--brand-text-subtle);font-size:14px}.al-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;border-top:1px solid var(--brand-border);flex-shrink:0}.al-pagination button{padding:5px 14px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:4px;cursor:pointer;font-size:12px}.al-pagination button:hover:not(:disabled){background:var(--brand-border-strong);color:var(--brand-text-strong)}.al-pagination button:disabled{opacity:.3;cursor:default}.al-pagination span{font-size:12px;color:var(--brand-text-subtle)}@media(max-width:768px){.al-toolbar{padding:8px 10px;gap:6px}.al-filter{font-size:11px}.al-date{width:110px}.al-total{display:none}.al-table{min-width:550px}.al-table-wrap{-webkit-overflow-scrolling:touch}.al-col-date{width:120px}.al-col-ip{display:none}.al-col-details{max-width:180px}}.ss-container{display:flex;flex-direction:column;height:100%}.ss-tabs{display:flex;gap:1px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0;flex-wrap:wrap}.ss-tab{flex:1 1 13%;min-width:108px;padding:10px 12px;background:var(--brand-bg-muted);border:none;color:var(--brand-text-subtle);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.ss-tab:hover{background:var(--brand-border);color:var(--brand-text-soft)}.ss-tab.active{background:color-mix(in srgb,var(--brand-primary) 8%,transparent);color:var(--brand-primary);border-bottom:2px solid var(--brand-primary)}.ss-error{padding:8px 14px;color:var(--sem-danger-soft);font-size:12px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-danger) 10%,transparent);flex-shrink:0}.ss-success{padding:8px 14px;color:var(--sem-success-soft);font-size:12px;background:color-mix(in srgb,var(--sem-success-soft) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-success-soft) 10%,transparent);flex-shrink:0}.ss-body{flex:1;overflow-y:auto;padding:20px}.ss-body>*{max-width:1160px}.ss-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px 28px;align-items:start}.ss-fields>.ss-full{grid-column:1 / -1}.ss-field{margin-bottom:0}.ss-field label{display:block;font-size:12px;color:var(--brand-text-soft);margin-bottom:5px;font-weight:500}.ss-field-row{display:flex;gap:8px;align-items:flex-start}.ss-field-row input,.ss-field-row select{flex:1;padding:7px 10px;font-size:13px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;font-family:inherit;box-sizing:border-box}.ss-field-row input:focus,.ss-field-row select:focus{border-color:var(--brand-primary)}.ss-field-row select option{background:var(--brand-surface);color:var(--brand-text)}.ss-save-btn{padding:7px 14px;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.ss-save-btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.ss-save-btn:disabled{opacity:.3;cursor:default}.ss-field-desc{font-size:11px;color:var(--brand-text-subtle);margin:0 0 6px;line-height:1.4}.ss-user-select{display:flex;flex-direction:column;gap:4px;flex:1;max-height:200px;overflow-y:auto;padding:6px 8px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:4px}.ss-user-option{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:3px;cursor:pointer;font-size:12px;color:var(--brand-text)}.ss-user-option:hover{background:var(--brand-border)}.ss-user-option input[type=checkbox]{accent-color:var(--brand-primary);cursor:pointer}.ss-user-role{font-size:10px;color:var(--brand-text-subtle);margin-left:auto;padding-left:12px}.ss-muted{font-size:12px;color:var(--brand-text-subtle)}.ss-interval-wrap{display:flex;gap:8px;flex:1;align-items:center}.ss-interval-wrap select{flex:1}.ss-time-input{padding:7px 10px;font-size:13px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;font-family:inherit;width:110px}.ss-time-input:focus{border-color:var(--brand-primary)}.ss-time-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.ss-loading,.ss-empty{padding:40px;text-align:center;color:var(--brand-text-subtle);font-size:14px}@media(max-width:768px){.ss-tabs{flex-wrap:wrap}.ss-tab{padding:8px;font-size:11px}.ss-body{padding:12px}.ss-fields{max-width:none}.ss-field-row{flex-direction:column}.ss-field-row input,.ss-field-row select{width:100%}.ss-interval-wrap{flex-direction:column;align-items:stretch}.ss-time-input{width:100%}}.ss-theme{padding:8px 0}.ss-theme-actions{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--brand-border)}.ss-reset-btn{background:var(--brand-surface);color:var(--brand-text-strong);border:1px solid var(--brand-border-strong);border-radius:6px;font-weight:500;font-size:13px;padding:8px 16px;cursor:pointer}.ss-reset-btn:hover{background:var(--brand-bg-muted)}.ss-reset-btn:disabled{opacity:.5;cursor:not-allowed}.ss-theme-dirty{font-size:12px;color:var(--brand-accent);font-weight:500}.ss-theme-group{margin-bottom:28px}.ss-theme-group-title{font-size:13px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary)!important;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--brand-border)}.ss-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ss-theme-item{display:flex;flex-direction:column;gap:6px}.ss-theme-label{font-size:12px;font-weight:600;color:var(--brand-text)}.ss-theme-row{display:flex;gap:8px;align-items:center}.ss-theme-picker{width:44px!important;height:36px!important;padding:2px!important;border:1px solid var(--brand-border)!important;border-radius:6px!important;cursor:pointer}.ss-theme-hex{flex:1;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:12px!important;text-transform:uppercase;padding:8px 10px!important}.ss-theme-revert{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:6px;width:30px;height:36px;cursor:pointer;font-size:14px;color:var(--brand-text-muted)}.ss-theme-revert:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.ss-theme-hint{font-size:10px;color:var(--brand-text-subtle);font-family:ui-monospace,monospace}.ss-translation{padding:8px 0}.ss-tr-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.ss-tr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--brand-border)}.ss-tr-section-header h3{font-size:13px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary)!important;margin:0}.ss-tr-status{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--brand-on-primary);text-transform:uppercase;letter-spacing:.04em}.ss-tr-toggle-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:500;color:var(--brand-text);cursor:pointer}.ss-tr-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ss-tr-field label{font-size:12px;font-weight:600;color:var(--brand-text-strong)}.ss-tr-info{background:var(--brand-accent-soft);border:1px solid var(--brand-accent);color:var(--brand-accent);padding:10px 14px;border-radius:6px;font-size:12px;margin-top:8px}.ss-tr-langs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ss-tr-lang{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--brand-border);border-radius:6px;cursor:pointer;background:var(--brand-surface);font-size:13px;color:var(--brand-text)}.ss-tr-lang:hover{background:var(--brand-bg-muted)}.ss-tr-lang-active{background:var(--brand-accent-soft);border-color:var(--brand-primary)}.ss-tr-lang-locked{opacity:.85;cursor:not-allowed;background:var(--brand-bg-muted)}.ss-tr-flag{font-size:18px;line-height:1}.ss-tr-langname{flex:1;font-weight:500}.ss-tr-locked{font-size:10px;color:var(--brand-text-soft);font-style:italic}.ss-tr-actions{margin-top:12px;display:flex;align-items:center}.ss-layouts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ss-layouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.ss-layout-card{border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface);overflow:hidden;display:flex;flex-direction:column}.ss-layout-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--brand-border)}.ss-layout-name{font-weight:600;font-size:14px}.ss-layout-head-actions{display:inline-flex;align-items:center;gap:6px}.ss-layout-save{padding:4px 12px;font-size:12px}.ss-layout-reset{padding:4px 10px;font-size:12px;cursor:pointer;background:none;border:1px solid var(--brand-border);border-radius:4px;color:var(--brand-text-soft)}.ss-layout-reset:hover{background:var(--brand-bg-muted)}.ss-layout-swatches{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-height:150px;padding:12px;border-bottom:1px solid var(--brand-border)}.ss-swatch{display:inline-flex;align-items:center;gap:6px}.ss-swatch input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--brand-border);border-radius:4px;cursor:pointer;background:none}.ss-swatch-label{font-size:11px;color:var(--brand-text-muted)}.ss-layout-preview{position:relative;height:560px;background:#fff;overflow:hidden;cursor:zoom-in}.ss-layout-preview iframe{width:800px;height:1500px;border:0;pointer-events:none;transform:scale(.375);transform-origin:top left}.ss-layout-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--brand-text-soft)}.ss-layout-zoom{position:fixed;inset:0;z-index:9999;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:32px}.ss-layout-zoom iframe{width:min(900px,92vw);height:92vh;border:0;background:#fff;border-radius:4px}.ss-layout-zoom-close{position:absolute;top:18px;right:24px;background:var(--brand-surface);border:0;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer;font-weight:600}.ss-terms-intro{color:var(--brand-text-muted);font-size:13px;max-width:62ch;margin-bottom:18px;line-height:1.55}.ss-terms-langs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.ss-terms-lang{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--brand-radius-sm);border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);font-size:13px;cursor:pointer}.ss-terms-lang.active{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}.ss-terms-badge{font-size:11px;padding:2px 7px;border-radius:999px}.ss-terms-badge.gereed{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.ss-terms-badge.incompleet{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.ss-terms-waarschuwing{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text);border-radius:var(--brand-radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px}.ss-terms-lijst{display:flex;flex-direction:column;gap:12px}.ss-terms-rij{border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);padding:14px 16px}.ss-terms-rij.onvolledig{border-left:3px solid var(--sem-warning)}.ss-terms-kop{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ss-terms-key{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;background:var(--brand-bg-muted);padding:2px 6px;border-radius:3px;color:var(--brand-text-muted)}.ss-terms-omschrijving{font-size:13px;color:var(--brand-text-muted)}.ss-terms-velden{display:flex;gap:12px;flex-wrap:wrap}.ss-terms-velden label{display:flex;flex-direction:column;gap:4px;flex:1 1 180px}.ss-terms-velden label span{font-size:11px;color:var(--brand-text-muted)}.ss-terms-smal{flex:0 1 130px!important}.ss-terms-voorbeeld{margin-top:10px;font-size:13px;color:var(--brand-text-muted);font-style:italic;border-left:2px solid var(--brand-border);padding-left:10px}.ss-terms-acties{margin-top:18px}@media(max-width:640px){.ss-terms-velden label{flex:1 1 100%}.ss-terms-smal{flex:1 1 100%!important}}.ss-skin{padding:16px;border:1px solid var(--brand-border-soft);border-radius:var(--brand-radius);background:var(--brand-bg-faint);margin-bottom:20px}.ss-skin-uitleg{margin:4px 0 12px;font-size:13px;color:var(--brand-text-soft);max-width:60ch}.ss-skin-row{display:flex;flex-wrap:wrap;gap:8px}.ss-skin-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);color:var(--brand-text);font-size:13px;cursor:pointer}.ss-skin-btn:hover{background:var(--brand-bg-subtle)}.ss-skin-btn-active{border-color:var(--brand-primary);background:var(--brand-primary-soft);font-weight:600}.ss-skin-swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--brand-border)}.ss-skin-swatch-standaard{background:#0d2d5e}.ss-skin-swatch-huisstijl{background:var(--brand-primary)}.ss-skin-swatch-windows{background:#0078d4}.ss-skin-swatch-android{background:#6750a4}.ss-skin-swatch-odoo{background:#714b67}.ss-logo-kaart{padding-bottom:12px;border-bottom:1px solid var(--brand-border-soft);margin-bottom:8px}.ss-logo-rij{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ss-logo-preview{max-height:72px;max-width:220px;padding:8px 12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-soft);border-radius:8px;object-fit:contain}.ss-logo-leeg{font-size:13px;color:var(--brand-text-subtle)}.adm-page{padding:24px;max-width:1100px}.adm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.adm-head h1{margin:0 0 4px;font-size:22px}.adm-sub{margin:0;color:var(--brand-text-soft);font-size:14px}.adm-empty{padding:32px;color:var(--brand-text-soft)}.adm-success{background:var(--sem-success);color:var(--sem-on-success);padding:8px 12px;border-radius:8px;margin-bottom:12px}.adm-error{background:var(--sem-danger, #b3261e);color:var(--sem-on-danger, #fff);padding:8px 12px;border-radius:8px;margin-bottom:12px}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px}.adm-card{text-align:left;padding:14px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--brand-border, rgba(128,128,128,.3));background:var(--brand-bg-muted, transparent);color:inherit;font:inherit}.adm-card-active{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.adm-card-title{display:flex;align-items:center;gap:8px;font-weight:600}.adm-card-sub{font-size:13px;color:var(--brand-text-soft);margin-top:2px}.adm-card-meta{font-size:12px;color:var(--brand-text-soft);margin-top:8px}.adm-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px;text-transform:uppercase}.adm-badge-default{background:var(--brand-primary);color:var(--brand-on-primary)}.adm-badge-archived{background:var(--sem-warning);color:var(--sem-on-warning)}.adm-form{border:1px solid var(--brand-border, rgba(128,128,128,.3));border-radius:12px;padding:20px}.adm-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.adm-form-head h2{margin:0;font-size:18px}.adm-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--brand-border, rgba(128,128,128,.3))}.adm-tabs button{padding:8px 14px;border:none;background:none;cursor:pointer;font:inherit;color:var(--brand-text-soft);border-bottom:2px solid transparent}.adm-tabs .adm-tab-active{color:inherit;border-bottom-color:var(--brand-primary);font-weight:600}.adm-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.adm-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.adm-field span{color:var(--brand-text-soft)}.adm-field input,.adm-field textarea{padding:8px 10px;border-radius:8px;font:inherit;border:1px solid var(--brand-border, rgba(128,128,128,.35));background:transparent;color:inherit}.adm-field-wide{grid-column:1 / -1}.adm-form-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.adm-danger{color:var(--sem-danger, #b3261e)}.adm-hint{font-size:13px;color:var(--brand-text-soft);margin-top:12px}.adm-users{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.adm-user-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.adm-user-row:hover{background:var(--brand-bg-muted, rgba(128,128,128,.08))}.adm-user-email{color:var(--brand-text-soft);font-size:12px}.adm-table{width:100%;border-collapse:collapse;font-size:14px}.adm-table th,.adm-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--brand-border, rgba(128,128,128,.2))}.adm-table th{color:var(--brand-text-soft);font-weight:600;font-size:12px;text-transform:uppercase}.adm-prefix-input{width:110px;padding:5px 8px;border-radius:6px;border:1px solid var(--brand-border, rgba(128,128,128,.35));background:transparent;color:inherit;font:inherit}.adm-kleur{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adm-kleur-kiezer{width:44px;height:32px;padding:2px;border:1px solid var(--brand-border);border-radius:6px;background:var(--brand-surface);cursor:pointer}.adm-kleur-palet{display:flex;gap:6px;flex-wrap:wrap}.adm-kleur-optie{width:24px;height:24px;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-text) 20%,transparent);cursor:pointer;padding:0}.adm-kleur-optie-actief{box-shadow:0 0 0 2px var(--brand-surface),0 0 0 4px var(--brand-text)}.adm-kleur-wissen{padding:5px 10px;font-size:13px}.adm-kleur-uitleg{display:block;margin-top:6px;color:var(--brand-text-muted);font-size:12px}.adm-kleur-stip{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-text) 25%,transparent)}.bm-container{display:flex;flex-direction:column;height:100%}.bm-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.bm-create{padding:7px 16px;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.bm-create:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.bm-create:disabled{opacity:.5;cursor:default}.bm-total{margin-left:auto;font-size:12px;color:var(--brand-text-subtle)}.bm-error{padding:8px 14px;color:var(--sem-danger-soft);font-size:12px;background:color-mix(in srgb,var(--sem-danger) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-danger) 10%,transparent);flex-shrink:0}.bm-success{padding:8px 14px;color:var(--sem-success-soft);font-size:12px;background:color-mix(in srgb,var(--sem-success) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sem-success) 10%,transparent);flex-shrink:0}.bm-table-wrap{flex:1;overflow:auto;min-height:0}.bm-table{width:100%;border-collapse:collapse;font-size:13px}.bm-table thead th{position:sticky;top:0;background:var(--brand-bg-muted);padding:8px 12px;text-align:left;font-weight:500;color:var(--brand-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border);z-index:1}.bm-row td{padding:10px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.bm-col-file{font-family:Consolas,Monaco,monospace;font-size:12px}.bm-col-type{width:80px}.bm-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.bm-type-full{background:color-mix(in srgb,var(--sem-success-soft) 12%,transparent);color:var(--sem-success-soft)}.bm-type-db{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft)}.bm-col-size{width:80px;color:var(--brand-text-soft)!important;font-size:12px}.bm-col-user{width:120px;color:var(--brand-text-soft)!important;font-size:12px}.bm-col-date{width:140px;color:var(--brand-text-subtle)!important;font-size:12px;white-space:nowrap}.bm-col-actions{width:110px;display:flex;gap:6px}.bm-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--brand-border-strong);background:var(--brand-border);color:var(--brand-text-soft);cursor:pointer}.bm-btn:hover{background:var(--brand-border);color:var(--brand-primary)}.bm-btn-delete:hover{background:color-mix(in srgb,var(--sem-danger) 15%,transparent);border-color:color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft)}.bm-btn-restore:hover{background:color-mix(in srgb,var(--sem-success) 10%,transparent);border-color:color-mix(in srgb,var(--sem-success) 20%,transparent);color:var(--sem-success-soft)}.bm-loading,.bm-empty{padding:40px;text-align:center;color:var(--brand-text-subtle);font-size:14px}.bm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.bm-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:10px;padding:24px;max-width:420px;width:90%}.bm-modal h3{font-size:16px;color:var(--brand-text);margin:0 0 10px}.bm-modal p{color:var(--brand-text-soft);font-size:13px;margin:0 0 8px;line-height:1.5}.bm-warning{color:var(--sem-danger-soft)!important;font-weight:500}.bm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.bm-modal-cancel{padding:7px 16px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);border-radius:6px;cursor:pointer;font-size:13px}.bm-modal-cancel:hover{background:var(--brand-border-strong);color:var(--brand-text)}.bm-modal-danger{padding:7px 16px;background:color-mix(in srgb,var(--sem-danger) 20%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.bm-modal-danger:hover:not(:disabled){background:color-mix(in srgb,var(--sem-danger) 35%,transparent)}.bm-modal-danger:disabled{opacity:.5;cursor:default}.bm-modal-confirm{padding:7px 16px;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.bm-modal-confirm:hover{background:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.bm-type-options{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}.bm-type-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--brand-border);border:1px solid var(--brand-border);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.bm-type-option:hover{background:var(--brand-border)}.bm-type-selected{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent);background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.bm-type-option input[type=radio]{margin-top:2px;accent-color:var(--brand-primary)}.bm-type-option div{display:flex;flex-direction:column;gap:2px}.bm-type-option strong{font-size:13px;color:var(--brand-text);font-weight:600}.bm-type-option span{font-size:12px;color:var(--brand-text-subtle);line-height:1.4}.bm-progress-bar-wrap{padding:8px 16px;border-bottom:1px solid var(--brand-border);flex-shrink:0}.bm-progress-label{font-size:12px;color:var(--brand-text-soft);display:block;margin-bottom:6px}.bm-progress-bar{height:6px;background:var(--brand-border);border-radius:3px;overflow:hidden}.bm-progress-fill{height:100%;background:var(--brand-primary);border-radius:3px;transition:width .2s}.bm-progress-indeterminate{width:40%!important;animation:bm-progress-slide 1.5s ease-in-out infinite}@keyframes bm-progress-slide{0%{margin-left:0}50%{margin-left:60%}to{margin-left:0}}.bm-download-progress{font-size:11px;color:var(--brand-primary);font-weight:600;font-family:monospace}@media(max-width:768px){.bm-toolbar{padding:8px 10px;gap:8px;flex-wrap:wrap}.bm-table{min-width:500px}.bm-table-wrap{-webkit-overflow-scrolling:touch}.bm-col-file{font-size:11px;word-break:break-all}.bm-col-user{display:none}}.hm-container{padding:20px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.hm-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--brand-text-subtle);font-size:14px}.hm-header,.hm-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hm-header h3,.hm-history-header h3{margin:0;font-size:15px;font-weight:600;color:var(--brand-text)}.hm-check-btn{padding:7px 16px;background:color-mix(in srgb,var(--brand-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--brand-primary);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.hm-check-btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.hm-check-btn:disabled{opacity:.5;cursor:wait}.hm-error{background:color-mix(in srgb,var(--sem-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 25%,transparent);color:var(--sem-danger-soft);padding:8px 12px;border-radius:6px;font-size:13px}.hm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.hm-card{display:flex;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;overflow:hidden;transition:border-color .2s}.hm-card-indicator{width:4px;flex-shrink:0}.hm-status-ok .hm-card-indicator{background:var(--sem-success)}.hm-status-warning .hm-card-indicator{background:var(--sem-warning)}.hm-status-critical .hm-card-indicator{background:var(--sem-danger-soft)}.hm-status-down .hm-card-indicator{background:var(--sem-danger)}.hm-status-unknown .hm-card-indicator{background:var(--brand-text-soft)}.hm-status-ok{border-color:color-mix(in srgb,var(--sem-success) 20%,transparent)}.hm-status-warning{border-color:color-mix(in srgb,var(--sem-warning) 20%,transparent)}.hm-status-critical{border-color:color-mix(in srgb,var(--sem-danger-soft) 20%,transparent)}.hm-status-down{border-color:color-mix(in srgb,var(--sem-danger) 30%,transparent)}.hm-card-body{padding:14px 16px;flex:1;min-width:0}.hm-card-name{font-size:14px;font-weight:600;color:var(--brand-text);margin-bottom:4px}.hm-card-status{font-size:13px;font-weight:500}.hm-status-ok .hm-card-status{color:var(--sem-success)}.hm-status-warning .hm-card-status{color:var(--sem-warning-strong)}.hm-status-critical .hm-card-status{color:var(--sem-danger-soft)}.hm-status-down .hm-card-status{color:var(--sem-danger)}.hm-status-unknown .hm-card-status{color:var(--brand-text-soft)}.hm-card-time{font-size:12px;color:var(--brand-text-subtle);margin-top:4px}.hm-card-details{font-size:12px;color:var(--brand-text);margin-top:6px;line-height:1.4}.hm-card-checked{font-size:11px;color:var(--brand-text);margin-top:8px}.hm-empty{grid-column:1 / -1;text-align:center;color:var(--brand-text-subtle);font-size:13px;padding:24px}.hm-filters{display:flex;gap:8px}.hm-filters select{padding:6px 10px;background:var(--brand-border);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;outline:none;cursor:pointer}.hm-filters select:focus{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)}.hm-table-wrap{overflow-x:auto}.hm-table{width:100%;border-collapse:collapse;font-size:13px}.hm-table th{text-align:left;padding:10px 12px;color:var(--brand-text-subtle);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--brand-border);white-space:nowrap}.hm-table td{padding:9px 12px;color:var(--brand-text);border-bottom:1px solid var(--brand-border);white-space:nowrap}.hm-table tbody tr:hover{background:var(--brand-border)}.hm-details-cell{white-space:normal!important;max-width:300px;font-size:12px;color:var(--brand-text)!important}.hm-no-data{text-align:center!important;color:var(--brand-text-subtle)!important;padding:24px 12px!important}.hm-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.hm-badge.hm-status-ok{background:color-mix(in srgb,var(--sem-success) 15%,transparent);color:var(--sem-success)}.hm-badge.hm-status-warning{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning-strong)}.hm-badge.hm-status-critical{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft)}.hm-badge.hm-status-down{background:color-mix(in srgb,var(--sem-danger) 20%,transparent);color:var(--sem-danger)}.hm-badge.hm-status-unknown{background:color-mix(in srgb,var(--brand-text-soft) 15%,transparent);color:var(--brand-text-soft)}.hm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.hm-pagination button{padding:6px 14px;background:var(--brand-border);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;cursor:pointer;transition:background .2s}.hm-pagination button:hover:not(:disabled){background:var(--brand-border)}.hm-pagination button:disabled{opacity:.3;cursor:default}.hm-pagination span{font-size:13px;color:var(--brand-text-subtle)}@media(max-width:768px){.hm-container{padding:12px;gap:12px}.hm-header,.hm-history-header{flex-direction:column;align-items:flex-start;gap:8px}.hm-cards{grid-template-columns:1fr}.hm-table{min-width:500px}.hm-table-wrap{-webkit-overflow-scrolling:touch}.hm-filters{flex-wrap:wrap}.hm-details-cell{max-width:200px}}.vm{height:100%;display:flex;flex-direction:column;background:var(--brand-bg-muted);color:var(--brand-text);font-size:13px}.vm-loading{padding:40px;text-align:center;color:var(--brand-text-subtle)}.vm-tabs{display:flex;gap:0;border-bottom:1px solid var(--brand-border);padding:0 16px;flex-shrink:0}.vm-tab{padding:10px 16px;background:none;border:none;color:var(--brand-text-soft);cursor:pointer;font-size:12px;font-weight:500;border-bottom:2px solid transparent;transition:all .15s}.vm-tab:hover{color:var(--brand-text)}.vm-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.vm-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vm-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:16px}.vm-card-title{font-size:11px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.vm-version-big{font-size:28px;font-weight:700;color:var(--brand-primary);font-family:monospace}.vm-meta{font-size:11px;color:var(--brand-text-subtle);margin-top:6px}.vm-warning{font-size:11px;color:var(--sem-warning);margin-top:6px;padding:4px 8px;background:color-mix(in srgb,var(--sem-warning) 10%,transparent);border-radius:4px;display:inline-block}.vm-info{font-size:11px;color:var(--sem-info-soft);margin-top:4px}.vm-env-list{display:flex;flex-direction:column;gap:10px}.vm-env-row{display:flex;align-items:center;gap:10px}.vm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vm-dot-green{background:var(--sem-success-soft);box-shadow:0 0 6px color-mix(in srgb,var(--sem-success-soft) 40%,transparent)}.vm-dot-red{background:var(--sem-danger-soft);box-shadow:0 0 6px color-mix(in srgb,var(--sem-danger-soft) 40%,transparent)}.vm-env-info{flex:1}.vm-env-name{display:block;font-weight:600;font-size:13px}.vm-env-url{font-size:11px;color:var(--sem-info-soft);text-decoration:none}.vm-env-url:hover{text-decoration:underline}.vm-env-status{font-size:11px;text-transform:uppercase;font-weight:600}.vm-release-form{display:flex;flex-direction:column;gap:10px}.vm-release-types{display:flex;gap:6px}.vm-type-btn{padding:8px 14px;border:1px solid var(--brand-border-strong);border-radius:6px;background:var(--brand-border);color:var(--brand-text-soft);cursor:pointer;text-align:center;transition:all .15s}.vm-type-btn:hover{border-color:var(--brand-border-strong)}.vm-type-btn.active{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}.vm-type-label{display:block;font-weight:600;text-transform:capitalize;font-size:13px}.vm-type-version{display:block;font-family:monospace;font-size:14px;margin-top:2px}.vm-release-row{display:flex;gap:8px}.vm-release-desc{display:flex;flex-direction:column;gap:8px}.vm-release-desc-actions{display:flex;gap:8px;justify-content:flex-end}.vm-textarea{resize:vertical;font-family:monospace;font-size:12px;line-height:1.5;min-height:60px}.vm-input{flex:1;padding:8px 12px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;outline:none}.vm-input:focus{border-color:var(--brand-primary)}.vm-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--brand-text-soft);cursor:pointer}.vm-checkbox input{accent-color:var(--brand-primary)}.vm-btn{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.vm-btn:disabled{opacity:.4;cursor:not-allowed}.vm-btn-primary{background:var(--brand-primary);color:var(--brand-on-primary)}.vm-btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.vm-btn-danger{background:var(--sem-danger);color:var(--brand-on-primary)}.vm-btn-danger:hover:not(:disabled){background:var(--sem-danger-soft)}.vm-btn-warning{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning);border:1px solid color-mix(in srgb,var(--sem-warning) 30%,transparent)}.vm-btn-warning:hover:not(:disabled){background:color-mix(in srgb,var(--sem-warning) 25%,transparent)}.vm-btn-small{padding:4px 10px;font-size:11px;background:var(--brand-border);color:var(--brand-text-soft);border:1px solid var(--brand-border-strong);border-radius:4px}.vm-btn-small:hover{background:var(--brand-border-strong);color:var(--brand-text)}.vm-version-list{display:flex;flex-direction:column;gap:0}.vm-version-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--brand-border)}.vm-version-row:last-child{border-bottom:none}.vm-version-latest{background:color-mix(in srgb,var(--brand-primary) 5%,transparent);margin:-4px -8px;padding:10px 8px;border-radius:6px;border-bottom:none}.vm-version-tag{font-family:monospace;font-weight:700;font-size:14px;color:var(--brand-primary);min-width:60px}.vm-version-info{flex:1}.vm-version-msg{display:block;color:var(--brand-text)}.vm-version-meta{font-size:11px;color:var(--brand-text-subtle)}.vm-empty{padding:20px;text-align:center;color:var(--brand-text-subtle)}.vm-changelog{display:flex;flex-direction:column;gap:0}.vm-changelog-item{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--brand-border)}.vm-changelog-hash{font-family:monospace;font-size:11px;color:var(--brand-text-subtle);min-width:60px}.vm-changelog-msg{color:var(--brand-on-panel);font-size:12px}.vm-deploy-form{display:flex;flex-direction:column;gap:14px}.vm-deploy-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.vm-label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase}.vm-select{padding:8px 12px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px}.vm-env-btns{display:flex;gap:0}.vm-env-btn{padding:8px 16px;border:1px solid var(--brand-border-strong);background:var(--brand-border);color:var(--brand-text-soft);cursor:pointer;font-size:12px;font-weight:500}.vm-env-btn:first-child{border-radius:6px 0 0 6px}.vm-env-btn:last-child{border-radius:0 6px 6px 0;border-left:none}.vm-env-btn.active{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);border-color:var(--sem-success-soft);color:var(--sem-success-soft)}.vm-env-btn-prod.active{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent);border-color:var(--sem-danger-soft);color:var(--sem-danger-soft)}.vm-confirm-box{padding:12px;background:color-mix(in srgb,var(--sem-danger-soft) 6%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);border-radius:8px}.vm-confirm-warning{font-size:12px;color:var(--sem-danger-soft);margin-bottom:8px}.vm-help-text{font-size:12px;color:var(--brand-text-soft);line-height:1.5;margin:0}.vm-deploy-progress{padding:14px;background:color-mix(in srgb,var(--brand-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);border-radius:8px}.vm-deploy-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vm-deploy-progress-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-text)}.vm-deploy-elapsed{font-family:monospace;font-size:13px;color:var(--brand-primary);font-weight:600}.vm-deploy-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-top-color:var(--brand-primary);border-radius:50%;animation:vm-spin .8s linear infinite;flex-shrink:0}@keyframes vm-spin{to{transform:rotate(360deg)}}.vm-deploy-progress-bar{height:4px;background:var(--brand-border);border-radius:2px;overflow:hidden}.vm-deploy-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-soft),var(--brand-primary));background-size:200% 100%;border-radius:2px;animation:vm-progress 1.5s ease-in-out infinite}@keyframes vm-progress{0%{background-position:200% 0;width:40%}50%{width:70%}to{background-position:-200% 0;width:40%}}.vm-deploy-result{display:flex;align-items:center;gap:10px;padding:14px;border-radius:8px;font-size:13px}.vm-deploy-result-success{background:color-mix(in srgb,var(--sem-success-soft) 8%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 25%,transparent);color:var(--sem-success-soft)}.vm-deploy-result-error{background:color-mix(in srgb,var(--sem-danger-soft) 8%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 25%,transparent);color:var(--sem-danger-soft)}.vm-deploy-result-icon{font-size:18px;font-weight:700}.vm-deploy-log{margin-top:12px}.vm-deploy-log-header{display:flex;justify-content:space-between;align-items:center}.vm-deploy-elapsed-small{font-family:monospace;font-size:11px;color:var(--brand-primary)}.vm-log-output{background:#0006;border:1px solid var(--brand-border);border-radius:6px;padding:12px;font-family:monospace;font-size:11px;color:var(--brand-text-subtle);max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.vm-sync-info{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.vm-sync-diagram{display:flex;align-items:center;gap:16px;padding:14px;background:var(--brand-bg-muted);border-radius:8px;align-self:stretch;justify-content:center}.vm-sync-box{padding:10px 18px;border-radius:6px;font-weight:600;font-size:13px}.vm-sync-prod{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 30%,transparent);color:var(--sem-success-soft)}.vm-sync-staging{background:color-mix(in srgb,var(--sem-info-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-info-soft) 30%,transparent);color:var(--sem-info-soft)}.vm-sync-arrow{font-size:22px;color:var(--brand-text-subtle)}.vm-message{padding:10px 14px;border-radius:6px;font-size:12px;cursor:pointer}.vm-message-success{background:color-mix(in srgb,var(--sem-success-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 20%,transparent);color:var(--sem-success-soft);margin:12px 16px 0}.vm-message-error{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 20%,transparent);color:var(--sem-danger-soft);margin:12px 16px 0}@media(max-width:768px){.vm-grid,.vm-deploy-row{grid-template-columns:1fr}.vm-release-row{flex-direction:column}}.ch-container{display:flex;height:100%;background:var(--brand-bg-muted);color:var(--brand-text);font-size:13px}.ch-sidebar{width:300px;min-width:300px;border-right:1px solid var(--brand-border);display:flex;flex-direction:column}.ch-sidebar-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--brand-border)}.ch-search{flex:1;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);padding:7px 10px;font-size:12px;outline:none}.ch-search:focus{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)}.ch-search::placeholder{color:var(--brand-text-subtle)}.ch-new-btn{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);border:none;border-radius:6px;color:var(--brand-primary);cursor:pointer;padding:6px 8px;display:flex;align-items:center}.ch-new-btn:hover{background:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.ch-conv-list{flex:1;overflow-y:auto}.ch-conv-item{display:flex;gap:12px;padding:12px 14px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.ch-conv-item:hover{background:var(--brand-bg-muted)}.ch-conv-active{background:var(--brand-accent-soft)!important;border-left:3px solid var(--brand-primary)!important}.ch-conv-avatar-wrap{position:relative;flex-shrink:0}.ch-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--sem-success-soft);border-radius:50%;border:2px solid var(--brand-bg-muted)}.ch-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.ch-conv-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ch-conv-name{font-weight:600;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.ch-conv-time{font-size:10px;color:var(--brand-text-subtle);flex-shrink:0}.ch-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ch-conv-preview{font-size:12px;color:var(--brand-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-unread-badge{background:var(--brand-primary);color:var(--brand-on-primary);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.ch-empty{padding:30px;text-align:center;color:var(--brand-text-subtle)}.ch-avatar-img{border-radius:50%;object-fit:cover}.ch-avatar-fallback{border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600}.ch-conv-item .ch-avatar-img,.ch-conv-item .ch-avatar-fallback{width:40px!important;height:40px!important;font-size:16px}.ch-avatar-group{background:color-mix(in srgb,var(--data-neutral) 20%,transparent);color:var(--brand-text-soft)}.ch-main{flex:1;display:flex;flex-direction:column;min-width:0}.ch-no-conv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--brand-text-subtle)}.ch-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--brand-border-soft);background:var(--brand-surface)}.ch-header-info{display:flex;flex-direction:column;gap:2px}.ch-header-name{font-weight:700;color:var(--brand-primary);font-size:15px}.ch-header-sub{font-size:12px;color:var(--brand-text-soft)}.ch-back-btn{display:none;background:none;border:none;color:var(--brand-text-soft);cursor:pointer;padding:6px;border-radius:4px;flex-shrink:0}.ch-back-btn:hover{background:var(--brand-border);color:var(--brand-primary)}.ch-settings-btn{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;padding:6px;border-radius:4px}.ch-settings-btn:hover{background:var(--brand-border);color:var(--brand-primary)}.ch-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px;background:var(--brand-bg-muted)}.ch-messages.ch-drag-over{background:color-mix(in srgb,var(--brand-primary) 5%,transparent);outline:2px dashed color-mix(in srgb,var(--brand-primary) 30%,transparent);outline-offset:-4px}.ch-load-more{background:var(--brand-border);border:none;color:var(--brand-text-soft);padding:8px;border-radius:6px;cursor:pointer;font-size:12px;margin-bottom:8px;align-self:center}.ch-load-more:hover{background:var(--brand-border-strong)}.ch-date-divider{text-align:center;padding:14px 0 10px}.ch-date-divider span{background:var(--brand-bg-muted);color:var(--brand-text-soft);font-size:11px;font-weight:500;padding:4px 14px;border-radius:12px}.ch-msg{display:flex;gap:8px;margin-bottom:4px;max-width:65%;width:fit-content}.ch-msg-own{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.ch-msg-other{align-self:flex-start}.ch-msg-avatar{flex-shrink:0;margin-top:2px}.ch-msg-bubble{padding:8px 12px 6px;min-width:80px;position:relative}.ch-msg-text{padding-right:48px}.ch-msg-meta{position:absolute;bottom:4px;right:10px;display:flex;gap:4px;align-items:center;font-size:11px;margin-top:0!important}.ch-msg-time{font-size:11px;color:var(--brand-text-subtle)}.ch-msg-own .ch-msg-time{color:color-mix(in srgb,var(--brand-on-primary) 75%,transparent)}.ch-msg-own .ch-msg-bubble{background:var(--brand-primary);color:var(--brand-on-primary);border-radius:18px 18px 4px}.ch-msg-own .ch-msg-text{color:var(--brand-on-primary)}.ch-msg-own .ch-msg-time{color:color-mix(in srgb,var(--brand-on-primary) 70%,transparent)}.ch-msg-own .ch-msg-edited{color:color-mix(in srgb,var(--brand-on-primary) 60%,transparent)}.ch-msg-own .ch-link{color:var(--brand-primary-soft)}.ch-msg-own .ch-link:hover{color:var(--brand-on-primary)}.ch-msg-other .ch-msg-bubble{background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-border-soft);border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000000a}.ch-msg-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ch-msg-own .ch-msg-content{align-items:flex-end}.ch-msg-sender{display:block;font-size:12px;font-weight:600;color:var(--brand-primary);margin:0 0 2px 4px;text-align:left}.ch-msg-text{line-height:1.45;word-break:break-word;white-space:pre-wrap}.ch-link{color:var(--sem-info-soft);text-decoration:underline}.ch-link:hover{color:color-mix(in srgb,var(--sem-info-soft) 65%,var(--brand-surface))}.ch-msg-meta{display:flex;align-items:center;gap:6px;margin-top:3px}.ch-msg-time{font-size:10px;color:var(--brand-text-subtle)}.ch-msg-edited{font-size:10px;color:var(--brand-text-subtle);font-style:italic}.ch-msg-ticks{font-size:11px;color:var(--brand-text-subtle);letter-spacing:-1px;line-height:1}.ch-msg-ticks-read{color:var(--sem-success);font-weight:700}.ch-msg-quote{display:flex;flex-direction:column;gap:1px;border-left:3px solid var(--brand-primary);background:#0000000d;border-radius:4px;padding:4px 8px;margin-bottom:5px;font-size:12px}.ch-msg-quote-author{font-weight:600;color:var(--brand-primary)}.ch-msg-quote-body{color:var(--brand-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.ch-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-left:3px solid var(--brand-primary);background:var(--brand-bg-muted);margin:0 8px;border-radius:4px}.ch-reply-preview-text{display:flex;flex-direction:column;min-width:0}.ch-reply-preview-label{font-size:11px;font-weight:600;color:var(--brand-primary)}.ch-reply-preview-body{font-size:12px;color:var(--brand-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-reply-preview-close{border:none;background:transparent;font-size:20px;line-height:1;color:var(--brand-text-soft);cursor:pointer;flex-shrink:0}.ch-reply-preview-close:hover{color:var(--sem-danger)}.ch-msg-system{text-align:center;color:var(--brand-text-subtle);font-size:12px;font-style:italic;padding:6px 0}.ch-msg-file{display:flex;align-items:center;gap:8px}.ch-file-icon{color:var(--brand-text-soft);flex-shrink:0}.ch-file-info{flex:1;min-width:0;display:flex;flex-direction:column}.ch-file-name{font-weight:500;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.ch-file-size{font-size:10px;color:var(--brand-text-subtle)}.ch-file-actions{display:flex;gap:4px}.ch-file-actions button{background:var(--brand-border);border:none;color:var(--brand-text-soft);cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center}.ch-file-actions button:hover{background:var(--brand-border-strong);color:var(--brand-primary)}.ch-msg-screenshot{display:flex;flex-direction:column;gap:6px}.ch-screenshot-thumb{max-width:240px;max-height:160px;border-radius:6px;cursor:pointer;object-fit:cover}.ch-screenshot-thumb:hover{opacity:.85}.ch-msg-edit textarea{width:100%;min-height:130px;background:var(--brand-border);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:6px;color:var(--brand-text);padding:8px 10px;font-size:13px;line-height:1.5;font-family:inherit;resize:vertical;outline:none}.ch-msg-editing{max-width:92%;width:100%}.ch-msg-editing .ch-msg-content,.ch-msg-editing .ch-msg-bubble,.ch-msg-editing .ch-msg-edit{width:100%}.ch-msg-edit-actions{display:flex;gap:6px;margin-top:4px;justify-content:flex-end}.ch-msg-edit-actions button{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;font-size:11px;padding:2px 6px}.ch-msg-edit-actions button:last-child{color:var(--brand-primary);font-weight:600}.ch-input-bar{display:flex;align-items:flex-end;gap:10px;padding:14px 18px;border-top:2px solid var(--brand-border-soft);background:var(--brand-surface);box-shadow:0 -1px 3px #00000008}.ch-input-btn{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;flex-shrink:0;width:42px;height:42px;justify-content:center}.ch-input-btn svg{width:24px!important;height:24px!important}.ch-input-btn:hover{background:var(--brand-bg-muted);color:var(--brand-primary)}.ch-input-text{flex:1;background:var(--brand-bg-muted);border:1px solid transparent!important;border-radius:20px;color:var(--brand-text);padding:10px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;max-height:120px;line-height:1.4;box-shadow:none!important}.ch-input-text:focus{background:var(--brand-surface);border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)!important}.ch-input-text::placeholder{color:var(--brand-text-subtle)}.ch-send-btn{background:var(--brand-primary);border:none;color:var(--brand-on-primary);cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.ch-send-btn:hover:not(:disabled){background:var(--brand-primary-hover)}.ch-send-btn:disabled{opacity:.4;cursor:default}.ch-group-panel{width:280px;min-width:280px;border-left:1px solid var(--brand-border);display:flex;flex-direction:column;background:var(--brand-surface)}.ch-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--brand-border);font-weight:600;color:var(--brand-text);font-size:13px}.ch-group-close{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;font-size:18px;padding:0 4px}.ch-group-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.ch-group-field label{display:block;font-size:11px;font-weight:600;color:var(--brand-text-soft);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ch-group-field input,.ch-group-field textarea{width:100%;background:var(--brand-border);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);padding:7px 10px;font-size:12px;font-family:inherit;outline:none;resize:none}.ch-group-field input:focus,.ch-group-field textarea:focus{border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent)}.ch-group-section{display:flex;flex-direction:column;gap:6px}.ch-group-section-title{font-size:11px;font-weight:600;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.5px}.ch-group-members{display:flex;flex-direction:column;gap:2px}.ch-group-member{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px}.ch-group-add-member{cursor:pointer}.ch-group-add-member:hover{background:var(--brand-border)}.ch-member-name{flex:1;font-size:12px;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-member-online{width:8px;height:8px;background:var(--sem-success-soft);border-radius:50%;flex-shrink:0}.ch-member-role{font-size:10px;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);padding:1px 5px;border-radius:3px}.ch-member-remove{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;font-size:16px;padding:0 4px;opacity:0}.ch-group-member:hover .ch-member-remove{opacity:1}.ch-member-remove:hover{color:var(--sem-danger-soft)}.ch-leave-btn{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 20%,transparent);color:var(--sem-danger-soft);padding:8px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px}.ch-leave-btn:hover{background:color-mix(in srgb,var(--sem-danger-soft) 20%,transparent)}.ch-ctx-menu{position:fixed;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:140px;z-index:200;overflow:hidden}.ch-ctx-item{padding:8px 14px;cursor:pointer;font-size:12px;color:var(--brand-text);transition:background .1s}.ch-ctx-item:hover{background:var(--brand-border)}.ch-ctx-danger{color:var(--sem-danger-soft)}.ch-ctx-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent)}.ch-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:180}.ch-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:12px;box-shadow:0 16px 48px #00000080;width:420px;max-height:80vh;display:flex;flex-direction:column}.ch-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--brand-border);font-weight:600;color:var(--brand-text);font-size:14px}.ch-modal-close{background:none;border:none;color:var(--brand-text-soft);cursor:pointer;font-size:20px;padding:0 4px}.ch-modal-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ch-modal-toggle{display:flex;gap:4px;background:var(--brand-border);border-radius:6px;padding:3px}.ch-modal-toggle button{flex:1;background:none;border:none;color:var(--brand-text-soft);padding:7px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.ch-modal-toggle button.active{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.ch-modal-input{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);padding:8px 10px;font-size:13px;outline:none}.ch-modal-input:focus{border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent)}.ch-modal-input::placeholder{color:var(--brand-text-subtle)}.ch-selected-users{display:flex;flex-wrap:wrap;gap:4px}.ch-selected-chip{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary);padding:3px 8px;border-radius:12px;font-size:11px;cursor:pointer}.ch-selected-chip:hover{background:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.ch-user-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.ch-user-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer;transition:background .1s}.ch-user-item:hover{background:var(--brand-border)}.ch-user-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.ch-user-item-name{font-weight:500;color:var(--brand-text);font-size:13px}.ch-user-item-status{font-size:11px;color:var(--brand-text-subtle)}.ch-modal-footer{padding:12px 16px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px}.ch-modal-cancel{background:var(--brand-border);border:none;color:var(--brand-text-soft);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px}.ch-modal-start{background:var(--brand-primary);border:none;color:var(--brand-on-primary);padding:8px 20px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}.ch-modal-start:hover:not(:disabled){background:var(--brand-primary-hover)}.ch-modal-start:disabled{opacity:.4;cursor:default}.ch-screenshot-modal{width:600px}.ch-screenshot-preview{padding:12px 16px;display:flex;justify-content:center}.ch-screenshot-preview img{max-width:100%;max-height:400px;border-radius:6px;border:1px solid var(--brand-border-strong)}@media(max-width:768px){.ch-sidebar{width:100%;min-width:0}.ch-container.ch-has-active .ch-sidebar{display:none}.ch-container:not(.ch-has-active) .ch-main{display:none}.ch-main{width:100%}.ch-back-btn{display:flex}.ch-header{padding:10px 12px}.ch-msg{max-width:85%}.ch-msg-bubble{padding:7px 10px}.ch-input-bar{padding:8px;gap:4px}.ch-input-text{padding:8px 10px;font-size:14px}.ch-group-panel{position:absolute;top:0;right:0;bottom:0;width:100%;z-index:10;background:var(--brand-surface)}.ch-modal{width:calc(100% - 24px);max-height:90vh}.ch-screenshot-modal{width:calc(100% - 24px)}.ch-screenshot-preview img{max-height:300px}.ch-screenshot-thumb{max-width:180px;max-height:120px}}.ta{height:100%;overflow-y:auto;padding:12px;font-size:13px}.ta-loading,.ta-empty{text-align:center;padding:40px 0;color:var(--brand-text-soft);font-size:13px}.ta-section{margin-bottom:16px}.ta-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-soft);padding:4px 0 6px;font-weight:600}.ta-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--brand-bg-muted);border:1px solid var(--brand-bg-muted);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:background .15s,border-color .15s}.ta-item:hover{background:var(--brand-bg-muted);border-color:var(--brand-bg-muted)}.ta-item-overdue{border-left:3px solid var(--sem-danger-soft)}.ta-item-suggestion{border-left:3px solid var(--sem-warning)}.ta-item-left{flex:1;min-width:0}.ta-item-right{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.ta-item-header{display:flex;gap:6px;align-items:center;margin-bottom:3px}.ta-item-title{font-weight:600;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-item-meta{font-size:11px;color:var(--brand-text-soft);margin-top:2px}.ta-item-reason{color:var(--brand-text-soft)}.ta-item-date{font-size:11px;color:var(--brand-text-subtle);font-weight:500}.ta-date-overdue{color:var(--sem-danger);font-weight:600}.ta-date-soon{color:var(--sem-warning-strong);font-weight:600}.ta-hours{font-size:10px;color:var(--brand-text-soft);font-family:monospace}.ta-prio{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ta-prio-urgent{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger)}.ta-prio-high{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning-strong)}.ta-prio-normal{background:color-mix(in srgb,var(--sem-info-soft) 10%,transparent);color:var(--sem-info-soft)}.ta-prio-low{background:var(--brand-border);color:var(--brand-text-soft)}.ta-status{font-size:10px;color:var(--brand-text-subtle)}.ta-progress{font-size:10px;color:var(--sem-success-soft);font-weight:600}.ta-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-bottom:3px}.ta-badge-suggestion{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning-strong)}.ta-project{color:var(--data-accent-5)}.ta-phase{margin-left:6px;color:var(--brand-text-soft)}.ta-phase:before{content:"> "}.ta-agenda-day{margin-bottom:2px}.ta-agenda-day.ta-agenda-overdue{margin-bottom:8px}.ta-agenda-empty{opacity:.5}.ta-day-label{font-size:12px;font-weight:600;color:var(--brand-text-subtle);padding:8px 4px 4px;display:flex;align-items:center;gap:6px}.ta-agenda-overdue .ta-day-label{color:var(--sem-danger)}.ta-day-count{background:var(--sem-info-soft);color:var(--brand-on-accent);font-size:10px;padding:0 5px;border-radius:8px;min-width:16px;text-align:center;line-height:16px}.ta-agenda-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--brand-bg-muted);border:1px solid var(--brand-bg-muted);border-radius:4px;margin-bottom:2px;cursor:pointer;transition:background .15s}.ta-agenda-item:hover{background:var(--brand-bg-muted)}.ta-agenda-item.ta-item-overdue{border-left:3px solid var(--sem-danger-soft)}.ta-prio-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ta-prio-dot.ta-prio-urgent{background:var(--sem-danger-soft)}.ta-prio-dot.ta-prio-high{background:var(--sem-warning)}.ta-prio-dot.ta-prio-normal{background:var(--sem-info-soft)}.ta-prio-dot.ta-prio-low{background:var(--brand-text-muted)}.ta-agenda-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--brand-text);font-size:12px}.ta-agenda-project{font-size:10px;color:var(--data-accent-5);flex-shrink:0}.ta-agenda-status{font-size:10px;color:var(--brand-text-soft);flex-shrink:0}.ta-agenda-date{font-size:10px;flex-shrink:0}.ta-agenda-none{padding:4px 10px;font-size:11px;color:var(--brand-text-muted)}.ac{height:100%;display:flex;flex-direction:column;font-size:13px;overflow:hidden}.ac-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--brand-border);flex-shrink:0;gap:8px;flex-wrap:wrap}.ac-toolbar-left{display:flex;align-items:center;gap:6px}.ac-toolbar-right{display:flex;align-items:center;gap:8px}.ac-nav-btn{background:var(--brand-bg-muted);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:14px}.ac-nav-btn:hover{background:var(--brand-bg-subtle)}.ac-today-btn{font-size:12px}.ac-header-label{font-weight:600;color:var(--brand-text);font-size:14px;margin-left:8px;white-space:nowrap}.ac-user-select{background:var(--brand-bg-muted);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:4px 8px;border-radius:4px;font-size:12px}.ac-add-btn{background:var(--brand-accent);border:none;color:var(--brand-on-accent);padding:5px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.ac-add-btn:hover{background:var(--brand-accent-hover)}.ac-view-tabs{display:flex;border:1px solid var(--brand-border);border-radius:4px;overflow:hidden}.ac-view-tab{background:var(--brand-bg-muted);border:none;color:var(--brand-text-soft);padding:4px 10px;font-size:11px;cursor:pointer;border-right:1px solid var(--brand-border)}.ac-view-tab:last-child{border-right:none}.ac-view-tab:hover{background:var(--brand-bg-subtle)}.ac-view-active{background:var(--brand-bg-muted);color:var(--brand-text);font-weight:600}.ac-viewing-other{padding:4px 12px;background:color-mix(in srgb,var(--sem-info-soft) 10%,transparent);color:var(--sem-info);font-size:12px;text-align:center;flex-shrink:0}.ac-content{flex:1;overflow:auto}.ac-loading{text-align:center;padding:40px 0;color:var(--brand-text-soft)}.ac-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.ac-list{padding:8px 12px}.ac-list-day{margin-bottom:2px}.ac-list-day-empty{opacity:.5}.ac-list-overdue{margin-bottom:8px}.ac-list-day-label{font-size:12px;font-weight:600;color:var(--brand-text-subtle);padding:8px 4px 4px;display:flex;align-items:center;gap:6px;cursor:pointer}.ac-list-day-label:hover{color:var(--brand-text-strong)}.ac-list-overdue .ac-list-day-label{color:var(--sem-danger-soft)}.ac-list-count{background:var(--brand-accent);color:var(--brand-on-accent);font-size:10px;padding:0 5px;border-radius:8px;min-width:16px;text-align:center;line-height:16px}.ac-list-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:4px;margin-bottom:2px;cursor:pointer;transition:background .15s;border-left:3px solid var(--data-accent-5)}.ac-list-item:hover{background:var(--brand-bg-subtle)}.ac-list-item-task{border-left-color:var(--data-accent-4)}.ac-list-item-overdue{border-left-color:var(--sem-danger-soft)}.ac-list-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--brand-text);font-size:12px}.ac-list-time{font-size:10px;color:var(--brand-text-subtle);flex-shrink:0;font-weight:500}.ac-list-meta{font-size:10px;color:var(--brand-accent);flex-shrink:0}.ac-list-status{font-size:10px;color:var(--brand-text-soft);flex-shrink:0}.ac-list-none{padding:4px 10px;font-size:11px;color:var(--brand-text-strong)}.ac-month{display:flex;flex-direction:column;height:100%}.ac-month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--brand-border);flex-shrink:0}.ac-month-day-name{text-align:center;padding:6px 0;font-size:11px;font-weight:600;color:var(--brand-text-soft);text-transform:uppercase}.ac-month-week{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:0}.ac-month-cell{border-right:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:2px 4px;cursor:pointer;overflow:hidden;min-height:80px}.ac-month-cell:hover{background:color-mix(in srgb,var(--brand-accent) 5%,transparent)}.ac-month-today{background:color-mix(in srgb,var(--brand-primary-soft) 20%,transparent)}.ac-month-other{opacity:.35}.ac-month-date{font-size:12px;font-weight:500;color:var(--brand-text-subtle);margin-bottom:2px}.ac-month-today .ac-month-date{color:var(--brand-primary);font-weight:700}.ac-month-items{display:flex;flex-direction:column;gap:1px}.ac-month-evt{font-size:10px;padding:1px 4px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:500}.ac-month-evt:hover{filter:brightness(1.2)}.ac-month-evt-time{font-weight:600;margin-right:3px}.ac-month-task{background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);color:var(--data-accent-4);border-left:2px solid var(--data-accent-4)}.ac-month-more{font-size:10px;color:var(--brand-text-soft);padding:0 4px}.ac-week{display:flex;flex-direction:column;height:100%}.ac-week-header{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--brand-border);flex-shrink:0}.ac-week-day-header{text-align:center;padding:6px 0;cursor:pointer}.ac-week-day-header:hover{background:color-mix(in srgb,var(--brand-accent) 5%,transparent)}.ac-week-day-name{font-size:10px;text-transform:uppercase;color:var(--brand-text-soft);display:block}.ac-week-day-num{font-size:18px;font-weight:300;color:var(--brand-text-subtle)}.ac-week-today-num{color:var(--brand-primary);font-weight:700}.ac-week-today-header{background:color-mix(in srgb,var(--brand-primary-soft) 12%,transparent)}.ac-week-allday{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--brand-border);flex-shrink:0;min-height:28px}.ac-week-allday-label{font-size:10px;color:var(--brand-text-soft);display:flex;align-items:center;justify-content:center}.ac-week-allday-cell{padding:2px 3px;display:flex;flex-direction:column;gap:1px;border-left:1px solid var(--brand-border)}.ac-week-allday-evt{font-size:10px;padding:1px 4px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:500}.ac-week-task-evt{background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);color:var(--data-accent-4)}.ac-week-body{flex:1;overflow-y:auto}.ac-week-grid{display:grid;grid-template-columns:52px repeat(7,1fr);position:relative}.ac-week-time-gutter{flex-shrink:0}.ac-week-time-slot{height:48px;border-bottom:1px solid var(--brand-border);position:relative}.ac-week-time-label{position:absolute;top:-7px;right:6px;font-size:10px;color:var(--brand-text-strong)}.ac-week-day-col{border-left:1px solid var(--brand-border);position:relative}.ac-week-today-col{background:color-mix(in srgb,var(--brand-primary-soft) 8%,transparent)}.ac-week-hour-cell{height:48px;border-bottom:1px solid var(--brand-border);cursor:pointer}.ac-week-hour-cell:hover{background:color-mix(in srgb,var(--brand-accent) 5%,transparent)}.ac-week-event{position:absolute;left:2px;right:4px;padding:2px 4px;border-radius:3px;font-size:10px;overflow:hidden;cursor:pointer;z-index:1}.ac-week-event:hover{filter:brightness(1.3);z-index:2}.ac-week-event-time{font-weight:600}.ac-week-event-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-week-event-user{font-size:9px;opacity:.7}.ac-day{display:flex;flex-direction:column;height:100%}.ac-day-allday{padding:6px 12px 6px 64px;border-bottom:1px solid var(--brand-border);display:flex;flex-direction:column;gap:3px;flex-shrink:0}.ac-day-allday-evt{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;font-weight:500;font-size:12px}.ac-day-allday-evt:hover{filter:brightness(1.2)}.ac-day-task-evt{background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);color:var(--data-accent-4);border-left:3px solid var(--data-accent-4)}.ac-day-evt-title{font-weight:600;flex:1}.ac-day-evt-loc,.ac-day-evt-user{font-size:11px;opacity:.7}.ac-day-body{flex:1;overflow-y:auto}.ac-day-grid{position:relative}.ac-day-hour{display:flex;height:60px;border-bottom:1px solid var(--brand-border);cursor:pointer}.ac-day-hour:hover>.ac-day-hour-content{background:color-mix(in srgb,var(--brand-accent) 4%,transparent)}.ac-day-hour-label{width:52px;flex-shrink:0;font-size:10px;color:var(--brand-text-strong);text-align:right;padding:0 8px;position:relative;top:-7px}.ac-day-hour-content{flex:1;border-left:1px solid var(--brand-border)}.ac-day-event{position:absolute;left:60px;right:12px;padding:4px 8px;border-radius:4px;cursor:pointer;overflow:hidden;z-index:1}.ac-day-event:hover{filter:brightness(1.3);z-index:2}.ac-day-event-time{font-size:11px;font-weight:600}.ac-day-event-title{font-size:12px;font-weight:600}.ac-day-event-loc{font-size:11px;opacity:.7}.ac-day-event-desc{font-size:11px;opacity:.6;margin-top:2px}.ac-day-event-user{font-size:10px;opacity:.7}.ac-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.ac-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.ac-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--brand-border);font-weight:600;color:var(--brand-text);font-size:14px}.ac-modal-close{background:none;border:none;color:var(--brand-text-soft);font-size:20px;cursor:pointer;padding:0 4px}.ac-modal-close:hover{color:var(--brand-text)}.ac-modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.ac-modal-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--brand-border)}.ac-modal-spacer{flex:1}.ac-input{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);padding:8px 10px;border-radius:4px;font-size:13px;width:100%;box-sizing:border-box}.ac-input:focus{border-color:var(--brand-accent);outline:none}.ac-textarea{resize:vertical;font-family:inherit}.ac-label{font-size:11px;color:var(--brand-text-soft);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;display:block}.ac-checkbox-label{display:flex;align-items:center;gap:8px;color:var(--brand-text-strong);font-size:13px;cursor:pointer}.ac-form-row{display:flex;gap:10px}.ac-form-field{flex:1}.ac-color-row{display:flex;gap:6px}.ac-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.ac-color-btn:hover{transform:scale(1.15)}.ac-color-active{border-color:var(--brand-surface);box-shadow:0 0 0 2px var(--brand-bg-muted)}.ac-invite-list{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ac-invite-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:3px;cursor:pointer;color:var(--brand-text-strong);font-size:12px}.ac-invite-item:hover{background:var(--brand-bg-muted)}.ac-invite-role{margin-left:auto;font-size:10px;color:var(--brand-text-soft)}.ac-btn{background:var(--brand-bg-muted);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px}.ac-btn:hover{background:var(--brand-bg-subtle)}.ac-btn-primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-on-accent)}.ac-btn-primary:hover{background:var(--brand-accent-hover)}.ac-btn-danger{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);border-color:color-mix(in srgb,var(--sem-danger-soft) 30%,transparent);color:var(--sem-danger-soft)}.ac-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 25%,transparent)}.ac-dot.ta-prio-urgent{background:var(--sem-danger-soft)}.ac-dot.ta-prio-high{background:var(--sem-warning)}.ac-dot.ta-prio-normal{background:var(--sem-info-soft)}.ac-dot.ta-prio-low{background:var(--brand-text-strong)}@media(max-width:768px){.ac-toolbar{padding:6px 8px;gap:6px}.ac-toolbar-left{gap:4px}.ac-toolbar-right{gap:4px;flex-wrap:wrap}.ac-header-label{font-size:12px;margin-left:4px}.ac-nav-btn{padding:4px 8px;font-size:12px}.ac-add-btn{padding:4px 8px;font-size:11px}.ac-view-tab{padding:4px 6px;font-size:10px}.ac-user-select{font-size:11px;max-width:120px}.ac-month-cell{min-height:54px;padding:1px 2px}.ac-month-date{font-size:11px}.ac-month-evt{font-size:9px}.ac-month-day-name{font-size:10px}.ac-week-header,.ac-week-allday,.ac-week-grid{grid-template-columns:36px repeat(7,1fr)}.ac-week-day-num{font-size:14px}.ac-week-time-label{font-size:9px;right:2px}.ac-week-event-title{font-size:9px}.ac-day-hour-label{width:36px;font-size:9px}.ac-day-event{left:42px;right:6px}.ac-day-allday{padding-left:42px}.ac-list,.ac-list-item{padding:6px 8px}.ac-modal{width:95%;max-width:95vw}.ac-form-row{flex-direction:column}.ac-invite-list{max-height:100px}}.hub{display:flex;flex-direction:column;height:100%;background:var(--brand-bg-muted)}.hub-tabs{display:flex;gap:0;border-bottom:1px solid var(--brand-bg-muted);flex-shrink:0;padding:0 8px;background:var(--brand-bg-muted)}.hub-tab{background:none;border:none;color:var(--brand-text-soft);padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;position:relative}.hub-tab:hover{color:var(--brand-text-strong)}.hub-tab-active{color:var(--brand-text);border-bottom-color:var(--sem-info-soft)}.hub-tab-future{color:var(--brand-text-subtle);cursor:not-allowed;font-style:italic}.hub-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.hub-content>.ch{height:100%}.hub-content>.ta{height:100%}.hub-content>.ac{height:100%}@media(max-width:768px){.hub-tabs{padding:0 4px}.hub-tab{padding:8px 10px;font-size:12px}}.ct-wrap{position:relative;width:100%}.ct-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;margin-bottom:6px}.ct-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ct-toolbar-right{display:flex;align-items:center;gap:8px}.ct-pagesize{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--brand-text-strong)}.ct-pagesize select{padding:4px 8px;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-surface);color:var(--brand-text);font-size:12px}.ct-hidden-sort-note{font-size:11px;color:var(--brand-text-soft);background:var(--brand-bg-subtle);padding:2px 8px;border-radius:999px;border:1px solid var(--brand-border-soft)}.ct-settings-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;cursor:pointer;font-size:16px;color:var(--brand-text-strong);transition:background .12s,border-color .12s}.ct-settings-btn:hover{background:var(--brand-bg-subtle);border-color:var(--brand-border-strong)}.ct-settings-btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.ct-popover-backdrop{position:fixed;inset:0;background:transparent;z-index:80}.ct-popover{position:absolute;top:48px;right:0;width:320px;max-height:480px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;box-shadow:0 10px 30px #0000001f,0 2px 6px #0000000f;z-index:100;display:flex;flex-direction:column}.ct-popover-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--brand-border);color:var(--brand-text);font-size:13px}.ct-popover-close{background:transparent;border:none;cursor:pointer;font-size:20px;line-height:1;color:var(--brand-text-soft);padding:2px 6px;border-radius:4px}.ct-popover-close:hover{color:var(--brand-text);background:var(--brand-bg-subtle)}.ct-popover-body{flex:1;overflow-y:auto;padding:8px}.ct-popover-footer{padding:10px 14px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end}.ct-popover-reset{background:transparent;border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.ct-popover-reset:hover{background:var(--brand-bg-faint);border-color:var(--brand-border-strong)}.ct-col-list{list-style:none;padding:0;margin:0}.ct-col-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--brand-surface);touch-action:none}.ct-col-row:hover{background:var(--brand-bg-faint)}.ct-col-row-drag{background:var(--sem-info-bg-faint);box-shadow:0 2px 6px #00000014}.ct-drag-handle{background:transparent;border:none;cursor:grab;padding:4px 6px;color:var(--brand-text-subtle);font-size:14px;border-radius:4px}.ct-drag-handle:hover{color:var(--brand-text-strong);background:var(--brand-bg-subtle)}.ct-drag-handle:active{cursor:grabbing}.ct-col-label{display:flex;align-items:center;gap:8px;flex:1;font-size:13px;color:var(--brand-text);cursor:pointer}.ct-col-label input[type=checkbox]{accent-color:var(--brand-primary)}.ct-col-label input[type=checkbox]:disabled{cursor:not-allowed}.ct-locked{font-size:11px;color:var(--brand-text-subtle)}.ct-scroll{width:100%;overflow-x:auto}.ct-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--brand-surface)}.ct-table thead th{background:var(--brand-bg-faint);color:var(--brand-text-strong);text-align:left;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--brand-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.ct-table tbody td{padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--brand-border-soft) 55%,transparent);color:var(--brand-text)}.ct-table tbody tr{cursor:default}.ct-table tbody tr.ct-row-clickable{cursor:pointer}.ct-table tbody tr:hover{background:var(--brand-bg-faint)}.ct-table tbody tr.ct-row-selected{background:var(--sem-info-bg-faint)}.ct-sortable{cursor:pointer}.ct-sortable:hover{background:var(--brand-bg-subtle)}.ct-sort-ind{color:var(--brand-primary);font-size:10px}.ct-col-check{width:36px;text-align:center}.ct-col-expand{width:28px;text-align:center;padding:0}.ct-expand-btn{background:none;border:none;cursor:pointer;color:var(--brand-primary);font-size:10px;padding:4px 6px;line-height:1}.ct-expand-btn:hover{color:var(--brand-primary-hover)}.ct-table tbody tr.ct-row-expanded>td{padding:0;background:color-mix(in srgb,var(--brand-bg-faint) 60%,var(--brand-surface))}.ct-table tbody tr.ct-row-expanded:hover{background:color-mix(in srgb,var(--brand-bg-faint) 60%,var(--brand-surface))}.ct-empty,.ct-loading{text-align:center;padding:32px 16px;color:var(--brand-text-soft);font-size:13px}@media(max-width:639px){.ct-popover{position:fixed;inset:0;width:100%;max-height:100vh;border-radius:0;border:none}.ct-popover-backdrop{background:#00000040}}.sup-modal-backdrop{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px 16px;overflow-y:auto}.sup-modal{width:100%;max-width:720px;max-height:90vh;background:var(--brand-surface);border-radius:10px;box-shadow:0 16px 40px #0000002e;display:flex;flex-direction:column;overflow:hidden}.sup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.sup-modal-close{background:transparent;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--brand-text-soft);padding:2px 6px;border-radius:4px}.sup-modal-close:hover{color:var(--brand-text);background:var(--brand-bg-subtle)}.sup-modal-body{flex:1;overflow-y:auto;padding:16px 18px}.sup-modal-error{background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:8px 10px;border-radius:6px;margin-bottom:12px;font-size:12px}.sup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sup-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--brand-text-strong);font-weight:600}.sup-full{grid-column:1 / -1}.sup-form-grid input[type=text],.sup-form-grid input[type=number],.sup-form-grid select,.sup-form-grid textarea{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);padding:7px 10px;border-radius:6px;font-size:13px;font-family:inherit;font-weight:400;outline:none;width:100%;box-sizing:border-box;min-width:0}.sup-form-grid input:focus,.sup-form-grid select:focus,.sup-form-grid textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.sup-form-grid textarea{resize:vertical;min-height:60px}.sup-price-row{display:flex;gap:6px}.sup-price-row input{flex:1}.sup-price-row select{width:90px}.sup-readonly{background:var(--brand-bg-faint);border:1px solid var(--brand-border);padding:7px 10px;border-radius:6px;color:var(--brand-text);font-size:13px;font-weight:500}.sup-checkbox-label{flex-direction:row!important;align-items:center;gap:8px;font-size:12px;color:var(--brand-text)!important;font-weight:500!important}.sup-checkbox-label input[type=checkbox]{accent-color:var(--brand-primary);width:16px;height:16px}.sup-hint{color:var(--brand-text-subtle);font-weight:400;font-size:11px}.sup-modal-footer{padding:12px 18px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px}.sup-btn{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.sup-btn:hover:not(:disabled){background:var(--brand-bg-subtle)}.sup-btn:disabled{opacity:.6;cursor:not-allowed}.sup-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.sup-btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}@media(max-width:640px){.sup-modal-backdrop{padding:0}.sup-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.sup-form-grid{grid-template-columns:1fr}}.inv-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.inv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px}.inv-header h2{margin:0;font-size:18px;font-weight:600}.inv-tabs{display:flex;gap:1px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.inv-tab{flex:1;padding:10px 16px;background:var(--brand-bg-muted);border:none;color:var(--brand-text-subtle);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.inv-tab:hover{background:var(--brand-bg-muted);color:var(--brand-text)}.inv-tab-active{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);border-bottom:2px solid var(--brand-primary)}.inv-tab-divider{width:1px;background:var(--brand-border-strong);margin:6px 0;flex:none}.inv-products{display:flex;flex-direction:column;flex:1;overflow:hidden}.inv-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0;flex-wrap:wrap}.inv-search{flex:1;min-width:180px;padding:6px 10px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-search:focus{border-color:var(--brand-primary)}.inv-search::placeholder{color:var(--brand-text-subtle)}.inv-filter{padding:6px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;outline:none}.inv-filter-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--brand-text);background:var(--brand-primary-soft);border:1px solid var(--brand-primary);border-radius:16px;padding:5px 6px 5px 12px;min-width:240px}.inv-filter-chip-x{border:none;background:var(--brand-primary);color:var(--brand-on-primary);width:18px;height:18px;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;margin-left:auto}.inv-filter-chip-x:hover{background:var(--sem-badge-danger-text)}.inv-multifilter{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--brand-text);background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:4px;padding:4px 8px}.inv-filter:focus{border-color:var(--brand-primary)}.inv-filter option,.inv-select option{background:var(--brand-bg-muted);color:var(--brand-text)}.inv-select{padding:6px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;outline:none}.inv-select:focus{border-color:var(--brand-primary)}.inv-input{padding:6px 8px;font-size:12px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;box-sizing:border-box}.inv-input:focus{border-color:var(--brand-primary)}.inv-input::placeholder{color:var(--brand-text-subtle)}.inv-textarea{padding:6px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;resize:vertical}.inv-textarea:focus{border-color:var(--brand-primary)}.inv-textarea::placeholder{color:var(--brand-text-subtle)}.inv-cat-filter-wrap{position:relative}.inv-filter-active{border-color:var(--brand-primary)!important;color:var(--brand-primary)!important}.inv-cat-filter-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:220px;max-height:300px;overflow-y:auto;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:6px;box-shadow:0 8px 24px #0006;z-index:20;padding:4px 0}.inv-cat-filter-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;color:var(--brand-text-subtle);border-bottom:1px solid var(--brand-border);margin-bottom:2px}.inv-cat-filter-item{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:12px;color:var(--brand-text);cursor:pointer;transition:background .1s}.inv-cat-filter-item:hover{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.inv-cat-filter-item input[type=checkbox]{accent-color:var(--brand-primary);width:14px;height:14px;flex-shrink:0}.inv-btn{padding:6px 14px;font-size:12px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;white-space:nowrap}.inv-btn:hover{background:var(--brand-border-strong)}.inv-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.inv-btn-primary:hover{background:var(--brand-primary-hover)}.inv-btn-primary:disabled{opacity:.6;cursor:not-allowed}.inv-btn-danger{color:var(--sem-danger-soft);border-color:color-mix(in srgb,var(--sem-danger-soft) 30%,transparent)}.inv-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent)}.inv-btn-small{padding:4px 10px;font-size:11px;cursor:pointer}.inv-btn-xs{padding:3px 8px;font-size:11px;background:var(--brand-border-soft);border:1px solid var(--brand-border-strong);color:var(--brand-text-strong);font-weight:500;border-radius:3px;cursor:pointer}.inv-btn-xs:hover{background:var(--brand-border-strong);color:var(--brand-text)}.inv-btn-xs.inv-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.inv-btn-xs.inv-btn-primary:hover{background:var(--brand-primary-hover);color:var(--brand-on-primary)}.inv-btn-xs.inv-btn-danger{color:var(--sem-danger)}.inv-btn-xs.inv-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent)}.inv-list{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.inv-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0;padding-bottom:80px}.inv-table{width:100%;border-collapse:collapse;font-size:12px}.inv-table thead th{position:sticky;top:0;padding:8px 12px;text-align:left;font-weight:600;font-size:11px;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.5px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);white-space:nowrap}.inv-col-resize{position:absolute;right:-2px;top:0;bottom:0;width:5px;cursor:col-resize;z-index:1}.inv-col-resize:hover,.inv-col-resize:active{background:color-mix(in srgb,var(--brand-primary) 40%,transparent)}.inv-table tbody td{padding:6px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text);overflow:hidden;text-overflow:ellipsis}.inv-table tbody td .inv-input{width:100%;font-size:12px;padding:4px 6px}.inv-table .inv-add-line td{padding:6px 12px;vertical-align:middle}.inv-table .inv-add-line td .inv-input{padding:4px 6px}.inv-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.inv-sortable:hover{color:var(--brand-primary)}.inv-row{cursor:pointer;transition:background .1s}.inv-row td{padding:8px 12px;border-bottom:1px solid var(--brand-border);color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.inv-row:hover{background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.inv-row-active{background:color-mix(in srgb,var(--brand-primary) 10%,transparent)!important}.inv-row-inactive td{opacity:.5}.inv-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.inv-loc-link{cursor:pointer;color:var(--brand-primary-hover);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.inv-loc-link:hover{color:var(--brand-primary)}.inv-col-cat,.inv-col-price,.inv-col-stock,.inv-col-status{width:120px}.inv-col-stock-min,.inv-col-stock-max{width:60px;text-align:right;color:var(--brand-text-soft);font-size:12px}.inv-col-price,.inv-col-stock{text-align:right}.inv-stock-low{color:var(--sem-danger-soft)!important;font-weight:600}.inv-stock-unit{font-size:10px;color:var(--brand-text-soft);margin-left:4px}.inv-sale-price-row{display:flex;gap:6px;align-items:center;margin-top:4px}.inv-sale-price-row input{flex:1}.inv-sale-mode{width:90px!important;flex:none}.inv-sale-preview{font-size:12px;color:var(--brand-text-soft);white-space:nowrap}.inv-col-check{width:32px;text-align:center}.inv-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--brand-primary)}.inv-row-selected{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)!important}.inv-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);border-radius:6px;margin:0 12px 8px}.inv-bulk-count{font-size:12px;font-weight:600;color:var(--brand-primary);margin-right:4px}.inv-bulk-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:4px;width:100%}.inv-bulk-form .inv-select,.inv-bulk-form .inv-input{font-size:11px;padding:3px 6px;height:26px}.inv-per-page{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--brand-text-soft);margin-right:auto}.inv-per-page .inv-select{width:auto;font-size:11px;padding:2px 4px;height:24px}.inv-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.inv-status-active{background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent);color:var(--sem-success-soft)}.inv-status-inactive{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft)}.inv-no-results{text-align:center;color:var(--brand-text-subtle);padding:40px!important}.inv-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid var(--brand-border);flex-shrink:0}.inv-pagination button{padding:4px 10px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;cursor:pointer;font-size:12px}.inv-pagination button:hover:not(:disabled){background:var(--brand-border-strong)}.inv-pagination button:disabled{opacity:.3;cursor:not-allowed}.inv-pagination span{font-size:12px;color:var(--brand-text-subtle)}.inv-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.inv-breadcrumb-bar{padding:8px 20px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border);flex-shrink:0}.inv-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:12px}.inv-breadcrumb-item{display:inline-flex;align-items:center;gap:2px}.inv-breadcrumb-sep{color:var(--brand-text-subtle);margin:0 6px;-webkit-user-select:none;user-select:none}.inv-breadcrumb-link{color:var(--brand-accent);cursor:pointer;transition:color .15s;white-space:nowrap}.inv-breadcrumb-link:hover{color:var(--brand-primary);text-decoration:underline}.inv-breadcrumb-current{color:var(--brand-text);font-weight:500;white-space:nowrap}.inv-breadcrumb-nr{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;color:var(--brand-primary);margin-right:4px}.inv-page-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);flex-shrink:0}.inv-back-btn,.inv-back{padding:6px 12px;font-size:12px;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-subtle);border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.inv-back-btn:hover,.inv-back:hover{background:var(--brand-border-strong);color:var(--brand-text)}.inv-page-title{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.inv-page-title h2{margin:0;font-size:16px;color:var(--brand-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-page-artnr{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--brand-primary);font-weight:600;flex-shrink:0}.inv-badge-inactive{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft);flex-shrink:0}.inv-page-actions{display:flex;gap:6px;flex-shrink:0}.inv-page-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 300px;gap:16px;padding:16px 20px;align-content:start}.inv-page-main{display:flex;flex-direction:column;gap:12px;min-width:0}.inv-page-side{display:flex;flex-direction:column;gap:12px}.inv-page-form{grid-column:1 / -1;max-width:800px}.inv-card{background:var(--brand-surface);border-radius:8px;padding:16px;border:1px solid var(--brand-border)}.inv-card-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.5px}.inv-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inv-card-header .inv-card-title{margin-bottom:0}.inv-card-header-actions{display:flex;align-items:center;gap:8px}.inv-description{margin:0;font-size:13px;color:var(--brand-text-soft);line-height:1.5;white-space:pre-wrap}.inv-muted{margin:0;font-size:12px;color:var(--brand-text-subtle);font-style:italic}.inv-images{display:flex;flex-wrap:wrap;gap:8px}.inv-image-card{position:relative;width:100px;height:100px;border-radius:6px;overflow:hidden;border:2px solid var(--brand-border)}.inv-image-card.inv-primary{border-color:var(--brand-primary)}.inv-image-thumb{width:100%;height:100%;object-fit:cover}.inv-img-placeholder{width:100%;height:100%;background:var(--brand-border)}.inv-image-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;background:color-mix(in srgb,var(--sem-danger) 90%,transparent);border:none;color:var(--brand-on-primary);font-size:14px;line-height:1;border-radius:50%;cursor:pointer;display:none;z-index:10;padding:0}.inv-image-card:hover .inv-image-remove{display:flex;align-items:center;justify-content:center}.inv-image-add{width:100px;height:100px;border:2px dashed var(--brand-border-strong);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--brand-text-subtle);cursor:pointer;transition:border-color .15s,color .15s}.inv-image-add:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.inv-doc-list{display:flex;flex-direction:column;gap:4px}.inv-doc-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--brand-bg-muted);border-radius:4px}.inv-doc-type{font-size:10px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;white-space:nowrap;min-width:70px}.inv-doc-name{flex:1;font-size:12px;color:var(--brand-accent);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-doc-name:hover{color:var(--brand-primary);text-decoration:underline}.inv-doc-remove{background:none;border:none;color:var(--brand-text-subtle);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.inv-doc-remove:hover{color:var(--sem-danger-soft)}.inv-doc-delete{color:var(--brand-on-primary);background:var(--sem-danger);border-radius:4px;font-size:15px;font-weight:700;padding:1px 7px;margin-left:4px}.inv-doc-delete:hover{color:var(--brand-on-primary);background:var(--sem-badge-danger-text)}.inv-doc-upload{display:flex;align-items:center;gap:8px;margin-top:8px}.inv-doc-upload select{padding:4px 8px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-doc-desc-input{padding:4px 8px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;flex:1;min-width:100px}.inv-doc-desc-input:focus{border-color:var(--brand-primary)}.inv-doc-entry{border-radius:4px;overflow:hidden}.inv-doc-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.inv-doc-desc{font-size:10px;color:var(--brand-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-doc-purchase-toggle{display:flex;align-items:center;gap:3px;cursor:pointer;flex-shrink:0}.inv-doc-purchase-toggle input[type=checkbox]{width:13px;height:13px}.inv-doc-purchase-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,var(--sem-info-soft) 15%,transparent);color:var(--sem-info-soft);font-weight:600;flex-shrink:0}.inv-doc-rev{font-size:10px;font-weight:600;color:var(--brand-accent);background:var(--brand-border);padding:1px 6px;border-radius:8px;white-space:nowrap;flex-shrink:0}.inv-doc-size{font-size:10px;color:var(--brand-text-subtle);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace}.inv-doc-item{cursor:pointer}.inv-doc-detail{background:transparent;padding:8px 10px;border-top:1px solid var(--brand-border)}.inv-doc-detail-actions{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.inv-doc-edit-desc{display:flex;align-items:center;gap:6px;margin-bottom:6px}.inv-doc-edit-desc input{flex:1;padding:4px 8px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-doc-edit-desc input:focus{border-color:var(--brand-primary)}.inv-doc-revisions{margin-top:6px}.inv-doc-rev-title{font-size:10px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:4px}.inv-doc-rev-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:11px;color:var(--brand-accent);transition:background .1s}.inv-doc-rev-item:hover{background:var(--brand-border);color:var(--brand-primary)}.inv-doc-rev-nr{font-size:10px;font-weight:600;color:var(--brand-text-subtle);min-width:24px}.inv-doc-rev-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-doc-rev-date{font-size:10px;color:var(--brand-text-subtle);white-space:nowrap}.inv-doc-rev-size{font-size:10px;color:var(--brand-text-subtle);font-family:JetBrains Mono,Fira Code,monospace;white-space:nowrap}.inv-alt-list{display:flex;flex-direction:column;gap:4px}.inv-alt-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--brand-bg-muted);border-radius:4px;cursor:pointer;font-size:12px;color:var(--brand-text)}.inv-alt-item:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.inv-alt-nr{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;color:var(--brand-primary)}.inv-spec-card{background:var(--brand-surface);border-radius:8px;padding:14px;border:1px solid var(--brand-border)}.inv-spec-card h4{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.5px}.inv-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:5px;border-radius:50%;background:var(--brand-border-soft);color:var(--brand-text-muted);font-family:Times New Roman,serif;font-style:italic;font-size:10px;font-weight:700;cursor:help;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:0;vertical-align:middle;transition:background .12s,color .12s}.inv-info:hover,.inv-info:focus{background:var(--brand-accent);color:var(--brand-on-accent);outline:none}.inv-stock-display{display:flex;align-items:baseline;gap:6px;padding:8px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--brand-border)}.inv-stock-value{font-size:28px;font-weight:700;font-family:JetBrains Mono,Fira Code,monospace;line-height:1}.inv-stock-unit{font-size:12px;color:var(--brand-text-subtle)}.inv-stock-ok{color:var(--sem-success-soft)}.inv-stock-warn{color:var(--sem-warning)}.inv-stock-low{color:var(--sem-danger-soft)}.inv-stock-empty{color:var(--sem-danger)}.inv-stock-none{color:var(--brand-text-subtle)}.inv-spec-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid var(--brand-border)}.inv-spec-row:last-child{border-bottom:none}.inv-spec-row span:first-child{color:var(--brand-text-subtle)}.inv-spec-row span:last-child{color:var(--brand-text);text-align:right}.inv-tags{display:flex;flex-wrap:wrap;gap:6px}.inv-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-subtle);cursor:default;transition:background .15s}.inv-tag-active{font-weight:600}[role=button] .inv-tag,.inv-tag[onclick]{cursor:pointer}.inv-error{padding:8px 12px;margin-bottom:12px;background:color-mix(in srgb,var(--sem-danger-soft) 12%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 30%,transparent);border-radius:4px;color:var(--sem-danger-soft);font-size:12px}.inv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inv-form-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--brand-text-strong)}.inv-form-grid input,.inv-form-grid select,.inv-form-grid textarea{padding:8px 12px;font-size:14px;background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);font-weight:500;border-radius:6px;outline:none;font-family:inherit}.inv-form-grid input:focus,.inv-form-grid select:focus,.inv-form-grid textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.inv-form-grid textarea{resize:vertical;min-height:60px}.inv-full-width{grid-column:1 / -1}.inv-checkbox{flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:var(--brand-text)!important}.inv-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.inv-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding:12px 0 8px;border-top:1px solid var(--brand-border);position:sticky;bottom:0;background:var(--brand-bg-muted);z-index:2}.inv-settings-tab{flex:1;overflow-y:auto;padding:16px 20px}.inv-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.inv-settings-header h3{margin:0;font-size:15px;color:var(--brand-text)}.inv-settings-row{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--brand-border)}.inv-settings-row:hover{background:var(--brand-border)}.inv-settings-name{flex:1;font-size:13px;color:var(--brand-text)}.inv-settings-meta{font-size:11px;color:var(--brand-text-subtle);white-space:nowrap}.inv-settings-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.inv-settings-row:hover .inv-settings-actions{opacity:1}.inv-inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px 16px;margin-top:12px;background:var(--brand-bg-muted);border-radius:6px}.inv-inline-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:500;color:var(--brand-text-subtle)}.inv-inline-form input,.inv-inline-form select,.inv-inline-form textarea{padding:6px 10px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;font-family:inherit}.inv-inline-form input:focus,.inv-inline-form select:focus,.inv-inline-form textarea:focus{border-color:var(--brand-primary)}.inv-inline-form input[type=color]{padding:2px;width:40px;height:32px;cursor:pointer}.inv-inline-actions{display:flex;gap:6px}.inv-bom-filter{padding:4px 8px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;width:180px}.inv-bom-filter:focus{border-color:var(--brand-primary)}.inv-bom-filter::placeholder{color:var(--brand-text-subtle)}.inv-bom-filter-info{font-size:11px;color:var(--brand-text-subtle);margin-bottom:6px;font-style:italic}.inv-bom-grouped{display:flex;flex-direction:column;gap:2px}.inv-bom-group{border-radius:4px;overflow:hidden}.inv-bom-group-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--brand-surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.inv-bom-group-header:hover{background:var(--brand-surface)}.inv-bom-group-toggle{font-size:9px;color:var(--brand-text-subtle);width:12px;text-align:center;flex-shrink:0}.inv-bom-group-name{font-size:11px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.3px;flex:1}.inv-bom-group-count{font-size:10px;color:var(--brand-text-subtle);background:var(--brand-border);padding:1px 6px;border-radius:8px;flex-shrink:0}.inv-bom-price{font-size:11px;color:var(--brand-text-subtle);font-family:JetBrains Mono,Fira Code,monospace;white-space:nowrap;flex-shrink:0}.inv-bom-total{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;margin-top:10px;border-top:1px solid var(--brand-border);font-size:13px;font-weight:600;color:var(--brand-text)}.inv-bom-total-price{font-family:JetBrains Mono,Fira Code,monospace;color:var(--brand-primary);font-size:14px}.inv-bom-total-prices{display:inline-flex;align-items:center;gap:18px}.inv-bom-total-price-sale,.inv-bom-price-sale{color:var(--sem-success)}.inv-bom-add{background:var(--brand-bg-muted);border-radius:6px;padding:10px;margin-bottom:10px}.inv-bom-search{width:100%;padding:6px 10px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none;margin-bottom:6px;box-sizing:border-box}.inv-bom-search:focus{border-color:var(--brand-primary)}.inv-bom-results{max-height:200px;overflow-y:auto;border:1px solid var(--brand-border);border-radius:4px;margin-bottom:8px}.inv-bom-result{display:flex;gap:8px;padding:6px 10px;font-size:12px;color:var(--brand-text);cursor:pointer}.inv-bom-result:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.inv-bom-add-row{display:flex;gap:10px;align-items:flex-end}.inv-bom-add-row label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--brand-text-subtle)}.inv-bom-add-row input{padding:4px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-bom-qty{width:70px}.inv-bom-list{display:flex;flex-direction:column;gap:3px}.inv-bom-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--brand-bg-muted);border-radius:4px;border-left:3px solid color-mix(in srgb,var(--brand-primary) 30%,transparent)}.inv-bom-item:hover{background:var(--brand-bg-muted)}.inv-bom-item.inv-spare-auto{border-left-color:color-mix(in srgb,var(--brand-text-subtle) 45%,transparent);opacity:.92}.inv-spare-auto-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;color:var(--brand-text-soft);background:color-mix(in srgb,var(--brand-text-subtle) 15%,transparent);border:1px solid color-mix(in srgb,var(--brand-text-subtle) 30%,transparent);margin-left:6px}.inv-col-assembly{text-align:center}.inv-assembly-check{color:var(--sem-info-soft);font-weight:700;font-size:14px}.inv-tree{display:flex;flex-direction:column;gap:1px;padding:4px 0}.inv-tree-branch{display:flex;flex-direction:column;gap:1px}.inv-tree-row{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:12px;border-left:2px solid color-mix(in srgb,var(--brand-text-subtle) 25%,transparent)}.inv-tree-row:hover{background:color-mix(in srgb,var(--brand-text-subtle) 6%,transparent)}.inv-tree-caret{background:none;border:none;cursor:pointer;color:var(--brand-primary);font-size:9px;width:16px;padding:0;flex-shrink:0}.inv-tree-caret-spacer{display:inline-block;width:16px;flex-shrink:0}.inv-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-tree-link{cursor:pointer}.inv-tree-link:hover{text-decoration:underline}.inv-tree-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;border-radius:3px;color:var(--sem-info-soft);background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);white-space:nowrap}.inv-tree-stock{font-size:11px;color:var(--brand-text-soft);white-space:nowrap;min-width:70px;text-align:right}.inv-tree-loading,.inv-tree-empty{font-size:12px;color:var(--brand-text-soft);padding:6px 10px;font-style:italic}.inv-bom-subtree{margin:2px 0 4px 12px;border-left:1px dashed color-mix(in srgb,var(--brand-text-subtle) 35%,transparent)}.inv-bom-qty-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:2px 8px;background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary);border-radius:10px;font-size:11px;font-weight:600;flex-shrink:0}.inv-bom-info{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;overflow:hidden}.inv-bom-info:hover .inv-bom-name{color:var(--brand-primary)}.inv-bom-name{font-size:12px;color:var(--brand-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.inv-bom-cat{font-size:10px;color:var(--brand-text-subtle);background:var(--brand-border);padding:1px 6px;border-radius:8px;white-space:nowrap;flex-shrink:0}.inv-bom-note{font-size:11px;color:var(--brand-text-subtle);cursor:help;flex-shrink:0}.inv-bom-note-text{display:block;font-size:11px;color:var(--brand-text-soft);font-style:italic;margin-top:1px}.inv-bom-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s;flex-shrink:0}.inv-bom-item:hover .inv-bom-actions{opacity:1}.inv-bom-qty-edit{width:50px;padding:2px 4px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:3px;outline:none;text-align:center}.inv-bom-qty-wrap{display:inline-flex;align-items:center;gap:4px}.inv-bom-qty-edit-dirty{border-color:var(--brand-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 18%,transparent)}.inv-bom-qty-confirm{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:12px;line-height:1;color:var(--brand-on-primary);background:var(--sem-success);border:1px solid var(--sem-badge-success-text);border-radius:3px;cursor:pointer}.inv-bom-qty-confirm:hover{background:var(--sem-badge-success-text)}.inv-bom-spare-badge{font-size:9px;font-weight:700;color:var(--sem-warning);background:color-mix(in srgb,var(--sem-warning) 15%,transparent);padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.inv-bom-spare-toggle{font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;border:1px solid var(--brand-border-strong);background:var(--brand-bg-muted);color:var(--brand-text-subtle);cursor:pointer;transition:all .15s;white-space:nowrap}.inv-bom-spare-toggle:hover{border-color:var(--sem-warning);color:var(--sem-warning)}.inv-bom-spare-toggle.active{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);border-color:var(--sem-warning);color:var(--sem-warning)}.inv-spare-card{border-left:3px solid var(--sem-warning)}.inv-spare-list{display:flex;flex-direction:column;gap:3px}.inv-spare-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--brand-bg-muted);border-radius:4px;cursor:pointer;transition:background .1s}.inv-spare-item:hover{background:var(--brand-bg-muted)}.inv-spare-name{flex:1;font-size:12px;color:var(--brand-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-spare-cat{font-size:10px;color:var(--brand-text-subtle);white-space:nowrap;flex-shrink:0}.inv-supplier-add{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;margin-bottom:10px;background:var(--brand-bg-muted);border-radius:6px}.inv-supplier-add select,.inv-supplier-add input{padding:5px 8px;font-size:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-supplier-add select:focus,.inv-supplier-add input:focus{border-color:var(--brand-primary)}.inv-checkbox-inline{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--brand-text);white-space:nowrap;cursor:pointer}.inv-checkbox-inline input[type=checkbox]{accent-color:var(--brand-primary)}.inv-supplier-list{display:flex;flex-direction:column;gap:3px}.inv-supplier-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--brand-bg-muted);border-radius:4px}.inv-supplier-item:hover{background:var(--brand-bg-muted)}.inv-supplier-preferred{border-left:3px solid var(--brand-primary)}.inv-supplier-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.inv-supplier-name{font-size:12px;font-weight:500;color:var(--brand-text)}.inv-preferred-badge{color:var(--brand-primary);margin-left:4px;font-weight:700}.inv-supplier-artnr{font-size:13px;color:var(--brand-text);font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.inv-supplier-artnr:before{content:"Art.nr: ";color:var(--brand-text-soft);font-size:12px;font-weight:400;font-family:inherit}.inv-supplier-meta{display:flex;gap:10px;font-size:12px;color:var(--brand-text-soft);flex-shrink:0}.inv-supplier-editing{flex-wrap:wrap}.inv-supplier-edit-fields{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;margin-top:4px}.inv-supplier-edit-fields input[type=text],.inv-supplier-edit-fields input[type=number]{padding:3px 6px;font-size:12px;border:1px solid var(--brand-border-strong);border-radius:4px;background:var(--brand-bg-muted);color:var(--brand-text)}.inv-supplier-form{flex-direction:column}.inv-supplier-form label{width:100%}.inv-supplier-form .inv-inline-actions{width:100%;justify-content:flex-end}@media(max-width:768px){.inv-page-body,.inv-form-grid{grid-template-columns:1fr}.inv-col-cat,.inv-col-price,.inv-col-stock,.inv-col-stock-min,.inv-col-stock-max,.inv-col-status{display:none}.inv-toolbar{padding:8px 10px}.inv-search{min-width:120px}.inv-page-header{padding:10px 12px;gap:10px}.inv-page-body{padding:12px}.inv-page-title h2{font-size:14px}}.inv-stock-actions{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.inv-mutation-form{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;background:var(--brand-bg-muted);border-radius:6px}.inv-mutation-form select,.inv-mutation-form input{padding:5px 8px;font-size:11px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:4px;outline:none}.inv-mutation-form input:focus,.inv-mutation-form select:focus{border-color:var(--brand-primary)}.inv-mutation-actions{display:flex;gap:6px}.inv-btn-link{background:none;border:none;color:var(--brand-text-subtle);text-decoration:underline;cursor:pointer;font-size:11px;padding:4px 0;margin-top:6px}.inv-btn-link:hover{color:var(--brand-primary)}.inv-stock-history{margin-top:8px;display:flex;flex-direction:column;gap:3px;max-height:300px;overflow-y:auto}.inv-mutation-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:transparent;border-radius:3px;font-size:10px;flex-wrap:wrap}.inv-mutation-type{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.inv-mutation-receipt{background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent);color:var(--sem-success-soft)}.inv-mutation-issue{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft)}.inv-mutation-correction{background:color-mix(in srgb,var(--sem-info-soft) 15%,transparent);color:var(--sem-info-soft)}.inv-mutation-return{background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);color:var(--data-accent-4)}.inv-mutation-transfer{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning)}.inv-mutation-plus{color:var(--sem-success-soft);font-family:JetBrains Mono,monospace}.inv-mutation-minus{color:var(--sem-danger-soft);font-family:JetBrains Mono,monospace}.inv-mutation-after{font-family:JetBrains Mono,monospace;color:var(--brand-accent)}.inv-mutation-ref{color:var(--brand-text-subtle);font-style:italic}.inv-mutation-date{color:var(--brand-text-subtle);white-space:nowrap}.inv-mutation-user{color:var(--brand-text-subtle)}.inv-mutation-qty{font-weight:600}.inv-link{color:var(--brand-accent);cursor:pointer;font-size:12px}.inv-link:hover{color:var(--brand-primary);text-decoration:underline}.inv-wh-block{border:1px solid var(--brand-border);border-radius:6px;margin-bottom:6px;overflow:hidden}.inv-wh-header{cursor:pointer;background:var(--brand-surface)}.inv-wh-header:hover{background:var(--brand-surface)}.inv-wh-locations{padding:8px 12px;border-top:1px solid var(--brand-border)}.inv-loc-type-badge{font-size:9px;font-weight:600;color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,transparent);padding:1px 5px;border-radius:3px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.inv-reorder-stats{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.inv-stats-row{display:flex;flex-wrap:wrap;gap:8px}.inv-stat-card{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--brand-surface);border-radius:8px;border:1px solid var(--brand-border);min-width:100px;transition:border-color .15s,box-shadow .15s}.inv-stat-card:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.inv-stat-card-active{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 4%,transparent)}.inv-stat-value{font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace;line-height:1}.inv-stat-label{font-size:10px;color:var(--brand-text-subtle);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.inv-reorder-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.inv-reorder-pending{background:color-mix(in srgb,var(--sem-warning) 15%,transparent);color:var(--sem-warning)}.inv-reorder-approved{background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent);color:var(--sem-success-soft)}.inv-reorder-rejected{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft)}.inv-reorder-ordered{background:color-mix(in srgb,var(--sem-info-soft) 15%,transparent);color:var(--sem-info-soft)}.inv-reorder-group{margin-bottom:16px;border:1px solid var(--brand-border);border-radius:6px;overflow:hidden}.inv-reorder-group-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);font-size:13px;color:var(--brand-text)}.inv-reorder-group-header span{font-size:11px;color:var(--brand-text-soft)}.inv-reorder-group-actions{display:flex;gap:6px;margin-left:auto}.inv-reorder-group .inv-table{border:none}.inv-reorder-mode-badge{font-size:9px;font-weight:600;color:var(--data-accent-4);background:color-mix(in srgb,var(--data-accent-4) 15%,transparent);padding:1px 5px;border-radius:3px}.inv-count-detail{padding:12px}.inv-count-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.inv-count-detail-header h3{margin:0;font-size:16px}.inv-btn-back{background:var(--brand-border);border:1px solid var(--brand-border-strong);color:var(--brand-text-soft);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.inv-btn-back:hover{background:var(--brand-border-strong)}.inv-count-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.inv-count-draft{color:var(--brand-text-soft);background:color-mix(in srgb,var(--brand-text-subtle) 15%,transparent)}.inv-count-in_progress{color:var(--sem-warning);background:color-mix(in srgb,var(--sem-warning) 15%,transparent)}.inv-count-completed{color:var(--sem-success-soft);background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent)}.inv-count-cancelled{color:var(--sem-danger-soft);background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent)}.inv-count-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--brand-text-soft);margin-bottom:10px}.inv-count-diff-badge{color:var(--sem-warning);font-weight:600}.inv-count-notes{font-size:12px;color:var(--brand-text-soft);background:var(--brand-border);padding:6px 10px;border-radius:4px;margin:0 0 10px}.inv-count-actions{display:flex;gap:8px;margin-bottom:12px}.inv-count-table{font-size:12px}.inv-count-row-diff{background:color-mix(in srgb,var(--sem-warning) 6%,transparent)!important}.inv-count-row-skipped{opacity:.5}.inv-count-unit{font-size:10px;color:var(--brand-text-soft);margin-left:6px}.inv-count-input{width:104px;padding:3px 4px 3px 10px;background:var(--brand-border);border:1px solid var(--brand-primary);border-radius:3px;color:var(--brand-text);font-size:12px;font-family:JetBrains Mono,monospace;text-align:left}.inv-count-input:focus{outline:none;box-shadow:0 0 0 1px var(--brand-primary)}.inv-count-plus{color:var(--sem-success-soft)!important;font-weight:600}.inv-count-minus{color:var(--sem-danger-soft)!important;font-weight:600}.inv-count-line-status{font-size:10px;padding:1px 6px;border-radius:3px}.inv-count-line-pending{color:var(--brand-text-soft);background:color-mix(in srgb,var(--brand-text-subtle) 15%,transparent)}.inv-count-line-counted{color:var(--sem-success-soft);background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent)}.inv-count-line-skipped{color:var(--brand-text-subtle);background:color-mix(in srgb,var(--brand-text-subtle) 15%,transparent)}.inv-count-line-actions{display:flex;gap:4px}.inv-count-summary{display:flex;gap:16px;margin-top:16px;padding:12px;background:var(--brand-surface);border-radius:6px}.inv-count-summary-item{display:flex;flex-direction:column;align-items:center;gap:2px}.inv-count-summary-label{font-size:10px;color:var(--brand-text-soft)}.inv-count-summary-value{font-size:18px;font-weight:700;color:var(--brand-text)}.inv-count-summary-diff .inv-count-summary-value{color:var(--sem-warning)}.inv-count-list{padding:0}.inv-count-create{background:var(--brand-border);border:1px solid var(--brand-border);border-radius:6px;padding:14px;margin:8px 12px}.inv-count-create h4{margin:0 0 10px;font-size:13px}.inv-count-create-actions{display:flex;gap:8px;margin-top:10px}.inv-count-progress{position:relative;height:18px;background:var(--brand-border);border-radius:9px;overflow:hidden;min-width:100px}.inv-count-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--sem-warning));border-radius:9px;transition:width .3s}.inv-count-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--brand-on-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.inv-row-clickable{cursor:pointer}.inv-row-clickable:hover{background:var(--brand-border)}.inv-po-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.inv-po-draft{background:color-mix(in srgb,var(--brand-text-subtle) 15%,transparent);color:var(--brand-text-soft)}.inv-po-sent{background:color-mix(in srgb,var(--sem-info-soft) 15%,transparent);color:var(--sem-info-soft)}.inv-po-partial{background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-primary)}.inv-po-received{background:color-mix(in srgb,var(--sem-success-soft) 15%,transparent);color:var(--sem-success-soft)}.inv-po-cancelled{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);color:var(--sem-danger-soft)}.inv-po-info{background:var(--brand-bg-muted);border-radius:8px;padding:12px 16px;margin:12px 0}.inv-po-info .inv-spec-col{min-width:0}.inv-po-info .inv-spec-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 0}.inv-po-info .inv-spec-row>span:first-child{color:var(--brand-text-soft);white-space:normal}.inv-po-info .inv-spec-row>span:last-child,.inv-po-info .inv-spec-row>.inv-mono{text-align:left;justify-self:start}.inv-po-info{--field-w: 360px}.inv-po-info .inv-spec-row>:nth-child(2){justify-self:start;width:100%;max-width:var(--field-w);box-sizing:border-box}.inv-po-info .inv-spec-row .inv-input,.inv-po-info .inv-spec-row .inv-select,.inv-po-info .inv-spec-row textarea{width:100%!important;max-width:var(--field-w)!important;text-align:left!important}.inv-po-info .inv-spec-row>.inv-btn{width:100%;max-width:var(--field-w);justify-content:flex-start}.inv-po-info .inv-spec-row .inv-compound{display:flex;gap:6px;width:100%;max-width:var(--field-w);align-items:center}.inv-po-info .inv-spec-row .inv-compound>.inv-input,.inv-po-info .inv-spec-row .inv-compound>.inv-select{flex:1 1 0;width:auto!important;min-width:0;max-width:none!important}.inv-po-create{display:flex;gap:8px;align-items:center;margin:10px 0;padding:12px;background:var(--brand-bg-muted);border-radius:8px}.inv-po-add-line{margin-top:16px;padding:12px;background:var(--brand-bg-muted);border-radius:8px}.inv-po-add-line h4{margin:0 0 8px;font-size:13px;color:var(--brand-text)}.inv-po-search-results{position:absolute;left:0;z-index:180;min-width:320px;margin-top:6px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto}.inv-po-search-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--brand-border);white-space:nowrap}.inv-po-search-item .inv-po-search-name{flex:1;overflow:hidden;text-overflow:ellipsis}.inv-po-search-item:hover{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.inv-po-receive{margin:12px 0;padding:14px;background:var(--brand-bg-muted);border-radius:8px;border:1px solid color-mix(in srgb,var(--sem-info-soft) 30%,transparent)}.inv-po-receive h4{margin:0 0 10px;font-size:13px;color:var(--sem-info-soft)}.inv-po-receive-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.inv-consumption-stats{display:flex;gap:16px;margin-bottom:12px}.inv-consumption-stat{display:flex;flex-direction:column;align-items:center}.inv-consumption-value{font-size:18px;font-weight:700;color:var(--brand-primary);font-family:JetBrains Mono,monospace}.inv-consumption-label{font-size:10px;color:var(--brand-text-soft);text-transform:uppercase}.inv-consumption-chart{display:flex;align-items:flex-end;gap:3px;height:60px;padding-top:4px}.inv-consumption-bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end}.inv-consumption-bar{width:100%;min-width:8px;max-width:24px;background:var(--brand-primary);border-radius:2px 2px 0 0;min-height:2px}.inv-consumption-bar-label{font-size:8px;color:var(--brand-text-soft);margin-top:2px}.inv-article-row{display:flex;gap:6px;align-items:center}.inv-article-row input{flex:1}.inv-btn-generate{padding:5px 10px;font-size:11px;background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);border:1px solid color-mix(in srgb,var(--sem-info-soft) 25%,transparent);color:var(--sem-info-soft);border-radius:4px;cursor:pointer;white-space:nowrap;font-weight:600}.inv-btn-generate:hover{background:color-mix(in srgb,var(--sem-info-soft) 20%,transparent)}.inv-input-error{border-color:color-mix(in srgb,var(--sem-danger-soft) 50%,transparent)!important}.inv-input-ok{border-color:color-mix(in srgb,var(--sem-success-soft) 50%,transparent)!important}.inv-article-status{display:block;font-size:11px;margin-top:2px}.inv-article-ok{color:var(--sem-success-soft)}.inv-article-taken{color:var(--sem-danger-soft)}.inv-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--brand-border-strong);background:var(--brand-border);color:var(--brand-text-soft);cursor:pointer;font-size:14px;flex-shrink:0}.inv-btn-icon:hover{background:var(--brand-border);color:var(--brand-text)}.inv-btn-icon-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);border-color:color-mix(in srgb,var(--sem-danger-soft) 30%,transparent);color:var(--sem-danger-soft)}.inv-picker-toolbar{display:flex;gap:6px;margin-bottom:8px}.inv-picker-search{flex:1;padding:6px 10px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:4px;color:var(--brand-text);font-size:12px;outline:none}.inv-picker-search:focus{border-color:var(--brand-primary)}.inv-picker-cat{padding:6px 8px;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:4px;color:var(--brand-text);font-size:12px;max-width:180px}.inv-picker-list{max-height:260px;overflow-y:auto;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-bg-muted)}.inv-picker-row{display:flex;align-items:center;gap:10px;padding:6px 10px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--brand-border);transition:background .1s}.inv-picker-row:hover{background:var(--brand-border)}.inv-picker-row-selected{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border-left:3px solid var(--brand-primary)}.inv-picker-artnr{min-width:80px;color:var(--brand-text-subtle);font-size:11px}.inv-picker-name{flex:1;color:var(--brand-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-picker-cat-label{font-size:10px;color:var(--brand-text-subtle);min-width:70px}.inv-picker-stock{font-size:11px;color:var(--brand-text-soft);min-width:50px;text-align:right;font-family:monospace}.inv-picker-loading,.inv-picker-empty{padding:20px;text-align:center;color:var(--brand-text-subtle);font-size:12px}.inv-picker-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0}.inv-picker-page{font-size:11px;color:var(--brand-text-soft)}.inv-picker-confirm{margin-top:8px;padding:10px;background:color-mix(in srgb,var(--brand-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 15%,transparent);border-radius:6px}.inv-picker-selected-info{font-size:12px;color:var(--brand-primary);margin-bottom:6px}.inv-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.inv-modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:10px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--brand-border)}.inv-modal-header h3{margin:0;font-size:16px}.inv-modal-close{background:none;border:none;color:var(--brand-text-soft);font-size:22px;cursor:pointer;padding:0 4px}.inv-modal-close:hover{color:var(--brand-text)}.inv-modal-body{padding:20px;overflow-y:auto;flex:1}.inv-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--brand-border)}.inv-import-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.inv-import-table th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--brand-border);color:var(--brand-text-muted);font-weight:500}.inv-import-table td{padding:5px 8px;border-bottom:1px solid var(--brand-bg-muted)}.inv-import-table select{background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-border-strong);border-radius:4px;padding:4px 6px;font-size:12px;width:100%}.inv-import-table .inv-muted,.inv-modal .inv-muted{color:var(--brand-text-muted)}.inv-import-radio{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--brand-border);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:border-color .15s}.inv-import-radio:hover{border-color:var(--brand-primary)}.inv-import-radio input[type=radio]{margin-top:3px;accent-color:var(--brand-primary)}.inv-import-radio div{display:flex;flex-direction:column;gap:2px}.inv-import-radio strong{font-size:14px}.inv-import-radio .inv-muted{font-size:12px}.inv-import-summary{display:flex;gap:12px;margin-top:8px}.inv-import-stat{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;flex:1;text-align:center}.inv-import-stat-green{background:color-mix(in srgb,var(--sem-success-soft) 12%,transparent);color:var(--sem-success-soft);border:1px solid color-mix(in srgb,var(--sem-success-soft) 25%,transparent)}.inv-import-stat-blue{background:color-mix(in srgb,var(--sem-info-soft) 12%,transparent);color:var(--sem-info-soft);border:1px solid color-mix(in srgb,var(--sem-info-soft) 25%,transparent)}.inv-import-stat-gray{background:color-mix(in srgb,var(--brand-text-soft) 12%,transparent);color:var(--brand-text-soft);border:1px solid color-mix(in srgb,var(--brand-text-soft) 25%,transparent)}.inv-import-preview{max-height:200px;overflow-y:auto;border:1px solid var(--brand-border);border-radius:6px;margin-top:8px}.inv-sup-table-wrap{width:100%;overflow-x:auto;margin-top:6px}.inv-sup-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--brand-surface);table-layout:fixed}.inv-sup-table colgroup col.col-star{width:32px}.inv-sup-table colgroup col.col-name{width:18%}.inv-sup-table colgroup col.col-artnr{width:14%}.inv-sup-table colgroup col.col-desc{width:22%}.inv-sup-table colgroup col.col-price{width:110px}.inv-sup-table colgroup col.col-lead{width:80px}.inv-sup-table colgroup col.col-moq{width:60px}.inv-sup-table colgroup col.col-last{width:120px}.inv-sup-table colgroup col.col-note{width:28px}.inv-sup-table colgroup col.col-actions{width:64px}.inv-sup-table thead th{text-align:left;color:var(--brand-text-soft);font-weight:600;font-size:11px;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--brand-border);white-space:nowrap}.inv-sup-table tbody td{padding:6px 8px;border-bottom:1px solid var(--brand-border-soft);color:var(--brand-text);vertical-align:middle}.inv-sup-table tbody tr.inv-sup-row-preferred{background:var(--brand-accent-soft)}.inv-sup-table thead th.inv-sup-num,.inv-sup-table tbody td.inv-sup-num{text-align:right;white-space:nowrap}.inv-sup-star{width:28px;text-align:center;padding:4px!important}.inv-sup-note{width:24px;text-align:center}.inv-sup-actions{width:56px;text-align:right;white-space:nowrap}.inv-sup-name{font-weight:500}.inv-sup-desc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand-text-strong)}.inv-sup-star-btn{background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--brand-text-subtle);padding:2px 4px;line-height:1;transition:color .12s,transform .12s}.inv-sup-star-btn:hover:not(:disabled){color:var(--sem-warning);transform:scale(1.1)}.inv-sup-star-btn:disabled{cursor:default;opacity:.8}.inv-sup-star-btn.inv-sup-star-on{color:var(--sem-warning)}.inv-sup-note-icon{cursor:help;opacity:.7}.inv-sup-note-icon:hover{opacity:1}.inv-sup-stack{display:none}@media(max-width:767px){.inv-sup-table-wrap{display:none}.inv-sup-stack{display:flex;flex-direction:column;gap:8px;margin-top:8px}.inv-sup-stack-card{border:1px solid var(--brand-border);border-radius:8px;padding:10px 12px;background:var(--brand-surface)}.inv-sup-stack-card.inv-sup-row-preferred{background:var(--brand-accent-soft);border-color:var(--brand-accent)}.inv-sup-stack-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--brand-text);font-size:14px}.inv-sup-stack-row{display:flex;justify-content:space-between;padding:3px 0;font-size:12px;color:var(--brand-text-strong);border-top:1px solid var(--brand-border-soft)}.inv-sup-stack-row>span:first-child{color:var(--brand-text-soft)}.inv-sup-stack-row>span:last-child{color:var(--brand-text);text-align:right;max-width:60%;word-break:break-word}.inv-sup-stack-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--brand-border-soft)}}.qp-form{display:flex;flex-direction:column;gap:10px}.qp-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--brand-text-muted)}.qp-label .inv-input{font-weight:400;font-size:13px}.qp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qp-num-status{font-size:11px;margin-top:2px;font-weight:500}.qp-num-checking{color:var(--brand-text-soft)}.qp-num-available{color:var(--sem-success)}.qp-num-taken{color:var(--sem-danger)}.qp-more{background:transparent;border:0;color:var(--brand-accent);font-size:12px;cursor:pointer;text-align:left;padding:4px 0;font-family:inherit}.qp-more:hover{color:var(--brand-accent-hover);text-decoration:underline}.qp-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--brand-border)}.inv-lightbox{position:fixed;inset:0;z-index:2000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.inv-lightbox img{max-width:95vw;max-height:92vh;object-fit:contain;cursor:default;border-radius:4px}.inv-lightbox-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:0;color:var(--brand-on-overlay);font-size:28px;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1}.rc-modal-backdrop{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px 16px;overflow-y:auto}.rc-modal{width:100%;max-width:640px;max-height:90vh;background:var(--brand-surface);border-radius:10px;box-shadow:0 16px 40px #0000002e;display:flex;flex-direction:column;overflow:hidden}.rc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.rc-modal-close{background:transparent;border:none;cursor:pointer;font-size:22px;color:var(--brand-text-soft);padding:2px 6px;border-radius:4px}.rc-modal-close:hover{color:var(--brand-text);background:var(--brand-bg-subtle)}.rc-modal-body{flex:1;overflow-y:auto;padding:16px 18px}.rc-modal-error{background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:8px 10px;border-radius:6px;margin-bottom:12px;font-size:12px}.rc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rc-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--brand-text-strong);font-weight:600}.rc-full{grid-column:1 / -1}.rc-form-grid input[type=text],.rc-form-grid input[type=email],.rc-form-grid input[type=url],.rc-form-grid input[type=date],.rc-form-grid textarea{background:var(--brand-bg);border:1px solid var(--brand-border);color:var(--brand-text);padding:7px 10px;border-radius:6px;font-size:13px;font-family:inherit;font-weight:400;outline:none;width:100%;box-sizing:border-box}.rc-form-grid input:focus,.rc-form-grid textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.rc-form-grid textarea{resize:vertical;min-height:60px}.rc-checkbox-label{flex-direction:row!important;align-items:center;gap:8px;color:var(--brand-text)!important;font-weight:500!important}.rc-checkbox-label input[type=checkbox]{accent-color:var(--brand-primary);width:16px;height:16px}.rc-hint{color:var(--brand-text-subtle);font-weight:400;font-size:11px}.rc-modal-footer{padding:12px 18px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px}.rc-btn{background:var(--brand-bg);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.rc-btn:hover:not(:disabled){background:var(--brand-bg-subtle)}.rc-btn:disabled{opacity:.6;cursor:not-allowed}.rc-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.rc-btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}@media(max-width:640px){.rc-modal-backdrop{padding:0}.rc-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.rc-form-grid{grid-template-columns:1fr}}.rc-section{margin-top:14px}.rc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rc-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-soft)}.rc-section-add{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer}.rc-section-add:hover{background:var(--brand-bg-subtle)}.rc-section-empty{font-size:13px;color:var(--brand-text-soft);padding:10px 0;font-style:italic}.rc-section-error{background:var(--sem-danger-bg-faint);border:1px solid var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:8px 10px;border-radius:6px;font-size:12px;margin-bottom:8px}.rc-table-wrap{overflow-x:auto}.rc-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--brand-surface);table-layout:fixed}.rc-table colgroup col.rc-col-star{width:32px}.rc-table colgroup col.rc-col-name{width:18%}.rc-table colgroup col.rc-col-function{width:14%}.rc-table colgroup col.rc-col-email{width:20%}.rc-table colgroup col.rc-col-phone{width:120px}.rc-table colgroup col.rc-col-linkedin{width:60px}.rc-table colgroup col.rc-col-birth{width:90px}.rc-table colgroup col.rc-col-note{width:28px}.rc-table colgroup col.rc-col-actions{width:64px}.rc-table thead th{text-align:left;color:var(--brand-text-soft);font-weight:600;font-size:11px;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--brand-border);white-space:nowrap}.rc-table tbody td{padding:6px 8px;border-bottom:var(--brand-divider);color:var(--brand-text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-table tbody tr.rc-row-primary{background:var(--brand-accent-soft)}.rc-name{font-weight:500}.rc-col-star{text-align:center;padding:4px!important}.rc-col-note{text-align:center}.rc-col-actions{text-align:right;white-space:nowrap}.rc-star-btn{background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--brand-border);padding:2px 4px;line-height:1;transition:color .12s,transform .12s}.rc-star-btn:hover:not(:disabled){color:var(--data-accent-3);transform:scale(1.1)}.rc-star-btn:disabled{cursor:default;opacity:.8}.rc-star-btn.rc-star-on{color:var(--data-accent-3)}.rc-note-icon{cursor:help;opacity:.7}.rc-note-icon:hover{opacity:1}.rc-btn-xs,.rc-btn-xs-danger{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:13px;line-height:1}.rc-btn-xs{color:var(--brand-text-soft)}.rc-btn-xs:hover{color:var(--brand-text)}.rc-btn-xs-danger{color:var(--brand-text-subtle);font-size:16px}.rc-btn-xs-danger:hover{color:var(--sem-danger-soft)}.rc-stack{display:none}@media(max-width:767px){.rc-table-wrap{display:none}.rc-stack{display:flex;flex-direction:column;gap:8px}.rc-stack-card{border:1px solid var(--brand-border);border-radius:8px;padding:10px 12px;background:var(--brand-surface)}.rc-stack-card.rc-row-primary{background:var(--brand-accent-soft);border-color:var(--brand-accent)}.rc-stack-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--brand-text);font-size:14px}.rc-stack-row{display:flex;justify-content:space-between;padding:3px 0;font-size:12px;color:var(--brand-text-strong);border-top:var(--brand-divider)}.rc-stack-row>span:first-child{color:var(--brand-text-soft)}.rc-stack-row>span:last-child{color:var(--brand-text);text-align:right;max-width:60%;word-break:break-word}.rc-stack-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:var(--brand-divider)}.rc-btn{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text-strong);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.rc-btn-danger{color:var(--sem-danger-soft);border-color:var(--sem-badge-danger-bg)}}.tk-container{padding:20px 24px}.tk-stats{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:14px;overflow-x:auto}.tk-stats .tk-stat{flex:1 1 0;min-width:0}.tk-stat{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);padding:7px 9px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .12s,background .12s}.tk-stat:hover{border-color:var(--brand-accent)}.tk-stat-active{border-color:var(--brand-accent);border-width:2px;padding:6px 9px;background:var(--brand-accent-soft)}.tk-stat-value{font-size:16px;font-weight:700;color:var(--brand-text);line-height:1.1}.tk-stat-warning .tk-stat-value{color:var(--sem-warning-strong)}.tk-stat-danger .tk-stat-value{color:var(--sem-danger)}.tk-stats-mailbox{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto}.tk-stats-mailbox .tk-stat{flex:1 1 0;min-width:0}.tk-stat-zero{opacity:.5;background:var(--brand-bg-muted)}.tk-stat-zero:hover{opacity:1}.tk-stat-label{font-size:10px;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:1px}.tk-filterbar{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);padding:8px 12px;margin-bottom:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tk-filterbar select,.tk-filter-search{font-family:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-bg);color:var(--brand-text)}.tk-filter-search{flex:1;min-width:180px}.tk-filter-clear{font-size:11px;padding:5px 10px}.tk-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.tk-preset{display:inline-flex;align-items:stretch;border:1px solid var(--brand-border);border-radius:999px;overflow:hidden;background:var(--brand-bg);font-size:12px}.tk-preset-open{border:0;background:transparent;color:var(--brand-text);padding:4px 10px;cursor:pointer;font-weight:500}.tk-preset-open:hover{background:var(--brand-bg-muted)}.tk-preset-del{border:0;border-left:1px solid var(--brand-border);background:transparent;color:var(--brand-text-subtle);padding:0 8px;cursor:pointer;font-size:14px;line-height:1}.tk-preset-del:hover{background:var(--sem-danger-bg-faint);color:var(--sem-badge-danger-text)}.tk-preset-active{border-color:var(--brand-accent);background:var(--brand-accent-soft)}.tk-preset-active .tk-preset-open{color:var(--brand-accent);font-weight:600}.tk-preset-add{border:1px dashed var(--brand-border);border-radius:999px;background:transparent;color:var(--brand-accent);padding:4px 12px;cursor:pointer;font-size:12px;font-weight:500}.tk-preset-add:hover{background:var(--brand-bg-muted);border-color:var(--brand-accent)}.tk-mailbox-tag{display:inline-block;margin-top:3px;padding:1px 6px;background:var(--brand-bg-muted);border-radius:3px;font-size:10px;color:var(--brand-text-muted);font-family:ui-monospace,SFMono-Regular,monospace}.tk-mailbox-tag-internal{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.tk-group-chip{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:999px;font-size:11px;color:var(--brand-text);white-space:nowrap}.tk-sort-arrow{display:inline-block;width:10px;color:var(--brand-text-muted);font-size:11px;margin-left:2px}.tk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tk-header h1{font-size:22px;font-weight:600;color:var(--brand-text)}.tk-btn{font-family:inherit;font-size:13px;padding:7px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg);color:var(--brand-text);cursor:pointer}.tk-btn:hover{background:var(--brand-bg-muted)}.tk-btn-primary{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent)}.tk-btn-primary:hover{background:var(--brand-accent-hover)}.tk-btn:disabled{opacity:.5;cursor:not-allowed}.tk-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:60px;z-index:1000}.tk-modal{background:var(--brand-bg);border-radius:var(--brand-radius);width:min(1200px,94vw);box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;max-height:90vh}.tk-step-no{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--brand-accent);color:var(--brand-on-accent);font-size:11px;font-weight:600;margin-right:6px}.tk-link{background:transparent;border:0;padding:0;color:var(--brand-accent);cursor:pointer;font:inherit;text-decoration:underline}.tk-recip-chiprow{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-bg);min-height:32px;align-items:center}.tk-modal-header{padding:14px 18px;border-bottom:1px solid var(--brand-border);display:flex;justify-content:space-between;align-items:center}.tk-modal-header h2{font-size:16px;font-weight:600;color:var(--brand-text);margin:0}.tk-modal-close{background:transparent;border:0;font-size:22px;line-height:1;color:var(--brand-text-muted);cursor:pointer;padding:0 4px}.tk-modal-close:hover{color:var(--brand-text)}.tk-modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.tk-modal-footer{padding:12px 18px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px;background:var(--brand-bg-muted)}.tk-form-row{display:flex;flex-direction:column;gap:4px}.tk-form-row label{font-size:12px;font-weight:600;color:var(--brand-text-muted)}.tk-form-row input,.tk-form-row select,.tk-form-row textarea{font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg);color:var(--brand-text)}.tk-form-row textarea{resize:vertical;min-height:60px}.tk-form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tk-form-row-half>div{display:flex;flex-direction:column;gap:4px}.tk-form-row-half label{font-size:12px;font-weight:600;color:var(--brand-text-muted)}.tk-form-row-half input{font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm)}.tk-form-divider{border-top:1px solid var(--brand-border);margin-top:6px;padding-top:12px;display:flex;flex-direction:column;gap:2px}.tk-form-divider span{font-size:13px;font-weight:600;color:var(--sem-warning-strong)}.tk-form-divider small{font-size:11px;color:var(--brand-text-muted)}.tk-toggle{display:inline-flex;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);overflow:hidden;align-self:flex-start}.tk-toggle-btn{font-family:inherit;font-size:12px;padding:6px 12px;background:var(--brand-bg);color:var(--brand-text-muted);border:0;cursor:pointer}.tk-toggle-btn:not(:last-child){border-right:1px solid var(--brand-border)}.tk-toggle-btn.active{background:var(--brand-accent);color:var(--brand-on-accent)}.tk-empty{background:var(--brand-bg);border:1px dashed var(--brand-border);border-radius:var(--brand-radius);padding:40px;text-align:center}.tk-empty p{margin:4px 0}.tk-muted{color:var(--brand-text-muted);font-size:13px}.tk-table{width:100%;border-collapse:collapse;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden}.tk-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-subtle);padding:10px 14px;background:var(--brand-bg-muted);border-bottom:1px solid var(--brand-border)}.tk-table td{padding:11px 14px;border-bottom:1px solid var(--brand-border);font-size:13px}.tk-table tr:last-child td{border-bottom:0}.tk-row{cursor:pointer}.tk-row:hover{background:var(--brand-bg-muted)}.tk-mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--brand-primary)}.tk-pill{display:inline-block;padding:2px 9px;border-radius:11px;font-size:11px;font-weight:600;background:var(--brand-badge-muted-bg);color:var(--brand-badge-muted-text);text-transform:capitalize}.tk-pill-new{background:var(--brand-badge-info-bg);color:var(--brand-badge-info-text)}.tk-pill-open,.tk-pill-in_progress{background:var(--brand-badge-warning-bg);color:var(--brand-badge-warning-text)}.tk-pill-waiting{background:var(--sem-badge-neutral-bg);color:var(--sem-badge-neutral-text)}.tk-pill-done,.tk-pill-approved{background:var(--brand-badge-success-bg);color:var(--brand-badge-success-text)}.tk-pill-rejected,.tk-pill-cancelled{background:var(--brand-badge-danger-bg);color:var(--brand-badge-danger-text)}.tk-pill-uncategorized{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text);border:1px dashed var(--sem-warning-strong)}.tk-prio{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.tk-prio-high,.tk-prio-urgent{background:var(--brand-badge-danger-bg);color:var(--brand-badge-danger-text)}.tk-prio-medium{background:var(--brand-badge-warning-bg);color:var(--brand-badge-warning-text)}.tk-prio-low{background:var(--brand-badge-muted-bg);color:var(--brand-badge-muted-text)}.tk-detail{padding:16px 20px;display:flex;flex-direction:column;gap:14px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.tk-back{font-size:12px;color:var(--brand-text-muted);text-decoration:none}.tk-mail-notice{padding:10px 14px;border-radius:6px;font-size:13px;display:flex;justify-content:space-between;align-items:center;border:1px solid}.tk-mail-notice-success{background:var(--sem-success-bg-faint);border-color:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.tk-mail-notice-warning{background:color-mix(in srgb,var(--sem-warning) 10%,var(--brand-surface));border-color:var(--sem-warning);color:var(--sem-warning-strong)}.tk-mail-notice-error{background:var(--sem-danger-bg-faint);border-color:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text)}.tk-color-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0}.tk-color-legend-label{font-size:11px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.tk-color-legend-inline{padding:4px 14px 8px;border-bottom:1px solid var(--brand-border);background:#00000004}.tk-color-legend-item{display:inline-block}.tk-color-legend-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;padding:3px 10px;font-size:12px;cursor:pointer;font-family:inherit}.tk-color-legend-chip:hover{box-shadow:0 1px 3px #00000014}.tk-color-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tk-color-legend-pin{font-size:10px;margin-left:4px;opacity:.7}.tk-color-picker{position:absolute;top:100%;left:0;margin-top:4px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;padding:6px;box-shadow:0 4px 12px #0000001f;display:flex;flex-wrap:wrap;gap:4px;z-index:50;max-width:200px}.tk-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--brand-surface);cursor:pointer;padding:0;outline:1px solid var(--brand-border)}.tk-color-swatch:hover{transform:scale(1.1)}.tk-color-swatch.active{outline:2px solid var(--brand-accent);outline-offset:1px}.tk-color-swatch-clear{background:var(--brand-surface)!important;color:var(--brand-text);font-size:12px;display:flex;align-items:center;justify-content:center;outline:1px dashed var(--brand-border)}.tk-mail-notice-close{background:transparent;border:0;font-size:18px;cursor:pointer;color:inherit;padding:0 4px}.tk-back:hover{color:var(--brand-accent)}.tk-detail-topbar{display:flex;justify-content:flex-start;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-bottom:0}.tk-detail-header{padding:0 0 5px;display:flex;justify-content:space-between;align-items:center;gap:12px 16px;flex-wrap:wrap;border-bottom:1px solid var(--brand-border);margin-bottom:6px}.tk-detail-actions select,.tk-detail-actions button{padding-top:4px;padding-bottom:4px}.tk-detail-title{font-size:16px;font-weight:600;color:var(--brand-text)}.tk-detail-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.tk-actionbar-toggle{font-size:11px;opacity:.85}.tk-detail-meta{font-size:12px;color:var(--brand-text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;justify-content:flex-start}.tk-detail-meta span{margin-right:0}.tk-relink-btn{background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:2px 8px;font-size:11px;color:var(--brand-accent);cursor:pointer;white-space:nowrap}.tk-relink-btn:hover{background:var(--brand-bg-muted);border-color:var(--brand-accent)}.tk-detail-actions{display:flex;gap:6px;flex-shrink:0;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tk-detail-actionbar{padding:9px 14px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tk-action-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:41;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;box-shadow:0 6px 24px #0000001f;padding:6px;width:220px;display:flex;flex-direction:column;gap:2px;text-align:left}.tk-action-menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:4px;padding:7px 9px;font-size:13px;color:var(--brand-text);cursor:pointer}.tk-action-menu-item:hover{background:var(--brand-bg-muted)}.tk-nolinks a{pointer-events:none;text-decoration:line-through;color:inherit!important;cursor:default}.tk-action-menu{max-height:70vh;overflow-y:auto}.tk-action-menu-head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-text-muted);padding:6px 9px 2px}.tk-action-menu-head:first-child{padding-top:2px}.tk-actionbar-label{font-size:11px;color:var(--brand-text-muted);font-weight:600;margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.tk-actionbar-btn{font-size:12px;padding:5px 10px}.tk-detail-actions select{font-family:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg)}.tk-split{display:grid;grid-template-columns:55% 6px 45%;flex:1;min-height:0;gap:0}.tk-splitter{cursor:col-resize;background:transparent;position:relative;transition:background .12s}.tk-splitter:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--brand-border);transform:translate(-50%)}.tk-splitter:hover,.tk-splitter.dragging{background:color-mix(in srgb,var(--brand-accent) 10%,transparent)}.tk-splitter:hover:before,.tk-splitter.dragging:before{background:var(--brand-accent)}.tk-panel{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);display:flex;flex-direction:column;overflow:hidden;min-height:0}.tk-panel-header{padding:9px 14px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}.tk-stream-tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:8px;margin-right:6px;letter-spacing:.5px}.tk-stream-customer{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.tk-stream-internal{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.tk-stream-ai{background:color-mix(in srgb,var(--brand-ai) 14%,transparent);color:var(--brand-ai)}.tk-stream-supplier{background:var(--sem-badge-info-bg);color:var(--sem-badge-info-text)}.tk-messages{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.tk-vsplitter{height:7px;flex:0 0 7px;cursor:row-resize;background:transparent;position:relative;transition:background .12s}.tk-vsplitter:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--brand-border);transform:translateY(-50%)}.tk-vsplitter:hover,.tk-vsplitter.dragging{background:color-mix(in srgb,var(--brand-accent) 10%,transparent)}.tk-vsplitter:hover:before,.tk-vsplitter.dragging:before{background:var(--brand-accent)}.tk-msg{background:var(--brand-bg-muted);border-radius:8px;padding:9px 13px;max-width:88%}.tk-msg-out{background:var(--brand-accent-soft);align-self:flex-end}.tk-msg-internal-out{background:var(--sem-warning-bg);align-self:flex-end}.tk-msg-meta{font-size:11px;color:var(--brand-text-subtle);margin-bottom:4px;display:flex;justify-content:space-between;gap:12px}.tk-msg-body{font-size:13px;color:var(--brand-text);line-height:1.5;white-space:normal;word-break:break-word}.tk-msg-body p{margin:0 0 6px}.tk-msg-body p:last-child{margin-bottom:0}.tk-body-plain{white-space:pre-wrap}.tk-messages-mail{background:var(--brand-bg-muted)}.tk-mail{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);margin-bottom:10px;box-shadow:0 1px 2px #0000000a;max-width:80%;width:80%}.tk-mail-out{border-left:3px solid var(--brand-accent);margin-left:auto;background:var(--brand-accent-soft)}.tk-mail-in{border-left:3px solid var(--sem-success);margin-right:auto;background:var(--sem-success-bg-faint)}.tk-mail-head{padding:10px 14px;border-bottom:1px solid var(--brand-border);background:#ffffff80;font-size:12px;color:var(--brand-text);display:flex;gap:10px;position:relative;align-items:flex-start}.tk-mail-head-fields{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tk-mail-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-on-primary);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 1px 2px #0000001a;margin-top:2px}.tk-mail-label{display:inline-block;width:88px;flex-shrink:0;color:var(--brand-text-muted);font-weight:600}.tk-mail-date{position:absolute;top:10px;right:14px;font-size:11px;color:var(--brand-text-subtle)}.tk-mail-body{padding:14px 16px;font-size:13px;color:var(--brand-text);line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif}.tk-mail-body p{margin:0 0 6px}.tk-mail-body p:last-child{margin-bottom:0}.tk-mail-body img{max-width:100%;height:auto}.tk-mail-quote-toggle{display:inline-block;margin-top:8px;background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:3px 9px;font-size:11px;color:var(--brand-text-muted);cursor:pointer;font-family:inherit}.tk-mail-quote-toggle:hover{background:var(--brand-bg-muted);color:var(--brand-text)}.tk-mail-quoted{margin-top:10px;padding:10px 12px;background:var(--brand-bg-faint);border-left:3px solid var(--brand-border);font-size:12px;color:var(--brand-text-muted);line-height:1.5}.tk-mail-quoted blockquote{margin:4px 0;padding-left:10px;border-left:2px solid var(--brand-border)}.tk-reply{border-top:1px solid var(--brand-border);padding:10px 12px;background:var(--brand-bg);display:flex;flex-direction:column;gap:8px}.tk-reply textarea{width:100%;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);padding:8px;font-size:13px;min-height:80px;font-family:inherit;resize:vertical}.rt-expand{font-size:11px;padding:4px 8px}.tk-recip-bar{border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg-muted);padding:4px 8px;margin-bottom:8px}.tk-recip{display:flex;align-items:flex-start;gap:6px;padding:4px 0;border-bottom:1px dashed var(--brand-border);position:relative}.tk-recip:last-of-type{border-bottom:0}.tk-recip-label{font-size:11px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.5px;width:32px;flex-shrink:0;padding-top:4px}.tk-recip-chips{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.tk-recip-chip{display:inline-flex;align-items:center;gap:4px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:12px;padding:2px 8px;font-size:12px;color:var(--brand-text)}.tk-recip-chip-fixed{background:var(--brand-accent-soft);border-color:var(--brand-primary-soft);color:var(--brand-accent)}.tk-recip-chip button{background:transparent;border:0;font-size:13px;color:var(--brand-text-muted);cursor:pointer;padding:0 2px;line-height:1}.tk-recip-chip button:hover{color:var(--brand-danger)}.tk-recip-input{font-family:inherit;font-size:12px;border:0;background:transparent;outline:none;min-width:140px;flex:1;padding:3px 4px;color:var(--brand-text)}.tk-recip-dropdown{position:absolute;top:100%;left:38px;right:0;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:4px;box-shadow:0 4px 12px #00000014;z-index:100;max-height:220px;overflow-y:auto}.tk-recip-suggestion{display:block;width:100%;text-align:left;font-family:inherit;font-size:12px;padding:6px 10px;background:transparent;border:0;cursor:pointer;color:var(--brand-text)}.tk-recip-suggestion:hover{background:var(--brand-bg-muted)}.tk-recip-toggles{padding:4px 0 2px;display:flex;gap:6px}.tk-recip-toggle{font-family:inherit;font-size:11px;padding:2px 8px;background:transparent;border:1px solid var(--brand-border);border-radius:10px;color:var(--brand-text-muted);cursor:pointer}.tk-recip-toggle:hover{color:var(--brand-accent);border-color:var(--brand-accent)}.tk-participants{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--brand-border);background:linear-gradient(180deg,var(--brand-bg-faint),transparent);font-size:12px}.tk-participants-label{font-weight:600;color:var(--brand-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.tk-participants-chip{display:inline-flex;align-items:center;gap:4px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:12px;padding:2px 4px 2px 8px;font-size:12px}.tk-participants-chip-main{background:var(--brand-accent-soft);border-color:var(--brand-primary-soft);color:var(--brand-accent);padding:2px 10px}.tk-participants-role{background:transparent;border:0;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--brand-text-muted);text-transform:uppercase;cursor:pointer;padding:1px 4px;border-radius:8px;margin-right:2px}.tk-participants-role:hover{background:var(--brand-bg-muted);color:var(--brand-accent)}.tk-participants-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.tk-participants-role-static{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.85;margin-right:2px}.tk-participants-remove{background:transparent;border:0;font-size:14px;line-height:1;color:var(--brand-text-muted);cursor:pointer;padding:0 2px}.tk-participants-remove:hover{color:var(--brand-danger)}.tk-participants-add{font-family:inherit;font-size:11px;padding:3px 9px;background:transparent;border:1px dashed var(--brand-border);border-radius:10px;color:var(--brand-text-muted);cursor:pointer}.tk-participants-add:hover{color:var(--brand-accent);border-color:var(--brand-accent)}.tk-participants-add-form{display:inline-flex;align-items:center;gap:4px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:6px;padding:3px 6px}.tk-participants-add-form select,.tk-participants-add-form input{font-family:inherit;font-size:11px;padding:3px 6px;border:1px solid var(--brand-border);border-radius:3px}.tk-participants-add-form input{width:150px}.tk-participants-add-form .tk-btn{font-size:11px;padding:3px 8px}.tk-attach-list{display:flex;flex-wrap:wrap;gap:6px}.tk-attach-list-msg{margin:0 16px 12px;padding-top:10px;border-top:1px dashed var(--brand-border)}.tk-attach-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:14px;text-decoration:none;color:var(--brand-text);max-width:100%}a.tk-attach-chip:hover{background:var(--brand-bg-subtle)}button.tk-attach-chip{cursor:pointer;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}button.tk-attach-chip:hover{background:var(--brand-primary-soft);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}button.tk-attach-chip:active{transform:translateY(0)}button.tk-attach-chip:after{content:"↓";font-weight:700;opacity:0;margin-left:2px;transition:opacity .12s;color:var(--brand-primary)}button.tk-attach-chip:hover:after{opacity:1}.tk-attach-chip.is-downloaded{border-color:var(--sem-success)}.tk-attach-chip.is-downloaded:after{content:"✓";opacity:1;color:var(--sem-success)}.tk-send-undo{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between;background:var(--brand-accent-soft);border:1px solid var(--brand-accent);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--brand-accent)}.tk-send-undo-btn{background:var(--brand-accent);color:var(--brand-on-accent);border:0}.tk-mail-status{margin-left:8px;font-size:11px;font-weight:600;white-space:nowrap}.tk-mail-status-ok{color:var(--sem-success)}.tk-mail-status-fail{color:var(--sem-danger);cursor:help}.tk-mail-retry{margin-left:8px;font-size:11px;font-weight:600;color:var(--sem-warning-strong);background:color-mix(in srgb,var(--sem-warning) 20%,transparent);border:1px solid var(--sem-warning);border-radius:4px;padding:1px 7px;cursor:pointer;white-space:nowrap}.tk-mail-retry:hover:not(:disabled){background:color-mix(in srgb,var(--sem-warning) 40%,transparent)}.tk-mail-retry:disabled{opacity:.6;cursor:default}.tk-mail-enlarge{margin-left:8px;background:transparent;border:1px solid var(--brand-border);border-radius:4px;padding:1px 7px;font-size:11px;color:var(--brand-text-muted);cursor:pointer;white-space:nowrap}.tk-mail-enlarge:hover{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary)}.tk-mail-zoom-backdrop{position:fixed;inset:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:32px}.tk-mail-zoom{background:var(--brand-surface);border-radius:10px;box-shadow:0 12px 48px #00000040;width:min(1100px,92vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.tk-mail-zoom-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted)}.tk-mail-zoom-body{padding:22px 26px;overflow:auto;font-size:15px;line-height:1.6}.tk-mail-zoom-body .tk-mail-body{font-size:15px}.tk-attach-thumb{border:1px solid var(--brand-border);border-radius:6px;padding:0;background:var(--brand-surface);cursor:zoom-in;overflow:hidden;line-height:0}.tk-attach-thumb img{width:150px;height:110px;display:block;object-fit:cover}.tk-attach-thumb-loading{opacity:.6}.tk-mail-body img{max-width:150px;max-height:110px;object-fit:cover;border:1px solid var(--brand-border);border-radius:6px;cursor:zoom-in;vertical-align:middle}.tk-lightbox{position:fixed;inset:0;z-index:2000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;overflow:auto}.tk-lightbox img{max-width:95vw;max-height:92vh;object-fit:contain;cursor:zoom-in;border-radius:4px}.tk-lightbox img.tk-lightbox-zoomed{max-width:none;max-height:none;width:auto;height:auto;object-fit:none;cursor:zoom-out}.tk-lightbox-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:0;color:var(--brand-on-overlay);font-size:28px;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1}.tk-attach-remove{background:transparent;border:0;font-size:14px;color:var(--brand-text-muted);cursor:pointer;padding:0 2px}.tk-attach-remove:hover{color:var(--brand-danger)}.tk-reply-actions{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--brand-text-muted)}.tk-tabs{display:flex;border-bottom:1px solid var(--brand-border);background:var(--brand-bg-muted);padding:0 10px;gap:2px}.tk-tab{padding:8px 12px;font-size:12px;font-weight:600;color:var(--brand-text-muted);cursor:pointer;border-bottom:2px solid transparent;background:transparent;border-top:0;border-left:0;border-right:0;display:flex;align-items:center;gap:6px}.tk-tab.active{background:var(--brand-bg);color:var(--brand-text);border-bottom-color:var(--brand-accent);margin-bottom:-1px}.tk-tab-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.tk-tab-close{margin-left:6px;color:var(--brand-text-subtle);font-size:14px;line-height:1;padding:0 2px;border-radius:3px}.tk-tab-close:hover{background:color-mix(in srgb,var(--sem-danger) 15%,transparent);color:var(--brand-danger)}.tk-tab-add{color:var(--brand-accent)!important;font-weight:600!important}.tk-tab-add:hover{background:color-mix(in srgb,var(--brand-accent) 8%,transparent)}.tk-closed-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);margin-bottom:8px;background:var(--brand-bg-muted)}.tk-tab-body{flex:1;overflow-y:auto;padding:14px}.tk-ai-placeholder{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-ai) 5%,transparent),transparent 60%);border:1px dashed color-mix(in srgb,var(--brand-ai) 40%,transparent);border-radius:8px;padding:18px;font-size:13px;color:var(--brand-text-muted);line-height:1.5;text-align:center}.tk-ai-placeholder strong{color:var(--brand-ai)}.tk-ai-chat{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-ai) 3%,transparent),transparent 60%)}.tk-ai-msg{border-radius:10px;padding:9px 12px;max-width:86%;font-size:13px;line-height:1.4;word-break:break-word}.tk-ai-msg-user,.tk-ai-msg-bot.tk-ai-msg-thinking{white-space:pre-line}.tk-ai-msg-author{line-height:1.2}.tk-ai-msg-user{background:var(--brand-accent-soft);border:1px solid var(--brand-primary-soft);align-self:flex-end}.tk-ai-msg-bot{background:color-mix(in srgb,var(--brand-ai) 4%,transparent);border:1px solid color-mix(in srgb,var(--brand-ai) 20%,transparent);align-self:flex-start}.tk-ai-msg-thinking{font-style:italic;color:var(--brand-ai);opacity:.85}.tk-ai-msg-author{font-size:11px;font-weight:600;color:var(--brand-ai);margin-bottom:4px}.tk-ai-msg-user .tk-ai-msg-author{color:var(--brand-accent)}.tk-ai-msg-body{font-size:13px;color:var(--brand-text)}.tk-ai-md p{margin:0 0 4px;line-height:1.4}.tk-ai-md p:last-child{margin-bottom:0}.tk-ai-md ul,.tk-ai-md ol{margin:2px 0 6px;padding-left:20px}.tk-ai-md li{margin-bottom:0;line-height:1.4}.tk-ai-md li>p{margin:0}.tk-ai-md li+li{margin-top:1px}.tk-ai-md strong{color:var(--brand-text);font-weight:600}.tk-ai-md em{font-style:italic}.tk-ai-md h1,.tk-ai-md h2,.tk-ai-md h3,.tk-ai-md h4{font-size:13.5px;font-weight:600;margin:8px 0 2px;color:var(--brand-text)}.tk-ai-md h1:first-child,.tk-ai-md h2:first-child,.tk-ai-md h3:first-child,.tk-ai-md h4:first-child,.tk-ai-md>*:first-child{margin-top:0}.tk-ai-md br+br{display:none}.tk-ai-md code{background:#0000000f;padding:1px 4px;border-radius:3px;font-size:12px}.tk-ai-md pre{background:#0000000f;padding:8px 10px;border-radius:4px;overflow-x:auto;font-size:12px}.tk-ai-md blockquote{border-left:3px solid var(--brand-border);padding-left:10px;margin:4px 0;color:var(--brand-text-muted)}.tk-ai-md a{color:var(--brand-accent);text-decoration:underline}.tk-ai-md a:hover{color:var(--brand-accent-hover)}.tk-ai-input{border-top:1px solid var(--brand-border);padding:10px 12px;background:var(--brand-bg);display:flex;gap:8px;align-items:flex-end}.tk-ai-input textarea{flex:1;font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);resize:vertical}.tk-ai-input textarea:disabled{background:var(--brand-bg-muted)}.tk-approval-card{border-radius:8px;padding:14px;margin-bottom:12px}.tk-approval-pending{background:linear-gradient(180deg,color-mix(in srgb,var(--sem-warning) 20%,var(--brand-surface)),var(--brand-surface) 60%);border:1px solid var(--sem-warning)}.tk-approval-past{background:var(--brand-bg);border:1px solid var(--brand-border)}.tk-approval-new{background:var(--brand-bg-muted);border:1px dashed var(--brand-border)}.tk-approval-head{font-size:13px;font-weight:600;color:var(--sem-warning-strong);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tk-approval-past .tk-approval-head{color:var(--brand-text)}.tk-approval-status{font-size:10px;font-weight:700;padding:2px 9px;border-radius:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tk-appr-pending{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.tk-appr-approved{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.tk-appr-rejected{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text)}.tk-appr-returned{background:var(--sem-badge-info-bg);color:var(--sem-badge-info-text)}.tk-approval-rows{display:flex;flex-direction:column;gap:2px}.tk-approval-row{display:flex;font-size:12px;padding:3px 0}.tk-approval-row .lbl{width:100px;color:var(--brand-text-muted);flex-shrink:0}.tk-approval-row .val{font-weight:500;color:var(--brand-text);flex:1;word-break:break-word}.tk-approval-actions{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--sem-warning) 50%,transparent);display:flex;gap:6px}.tk-approval-actions button{flex:1;font-size:12px}.tk-btn-approve{background:var(--brand-success);color:var(--brand-on-accent);border-color:var(--brand-success)}.tk-btn-approve:hover{background:var(--sem-badge-success-text)}.tk-btn-reject{background:var(--brand-danger);color:var(--brand-on-accent);border-color:var(--brand-danger)}.tk-btn-reject:hover{background:var(--sem-badge-danger-text)}.tk-row-unread td{font-weight:700}.tk-row-unread{background:color-mix(in srgb,var(--brand-primary) 4%,transparent)}.tk-new-dot{color:var(--brand-accent);margin-left:6px;font-size:11px}.tk-tasks{border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-bg);margin:0 12px 8px}.tk-tasks-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;padding:8px 12px;font-size:13px;font-weight:600;color:var(--brand-text)}.tk-tasks-badge{font-size:11px;font-weight:500;color:var(--brand-text-muted);background:var(--brand-bg-muted);border-radius:10px;padding:2px 8px}.tk-tasks-body{padding:4px 12px 12px;border-top:1px solid var(--brand-border)}.tk-tasks-add{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.tk-tasks-input{flex:1;min-width:160px;padding:6px 8px;font-size:13px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-surface);color:var(--brand-text)}.tk-tasks-add select,.tk-tasks-add input[type=date]{padding:6px 8px;font-size:13px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-surface);color:var(--brand-text)}.tk-tasks-add-btn{padding:6px 12px;font-size:13px;font-weight:600;border:none;border-radius:var(--brand-radius-sm);background:var(--brand-primary);color:var(--brand-on-primary);cursor:pointer}.tk-tasks-add-btn:disabled{opacity:.5;cursor:not-allowed}.tk-tasks-empty{font-size:12px;color:var(--brand-text-muted);padding:4px 0}.tk-tasks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tk-task{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;border-radius:var(--brand-radius-sm);background:var(--brand-bg-muted)}.tk-task-title{flex:1;min-width:0}.tk-task-done .tk-task-title{text-decoration:line-through;color:var(--brand-text-muted)}.tk-task-meta{font-size:11px;color:var(--brand-text-muted);white-space:nowrap}.tk-task-del{border:none;background:transparent;color:var(--brand-text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}.tk-task-del:hover{color:var(--sem-danger)}.rel-container{display:flex;flex-direction:column;height:100%;background:var(--brand-bg-muted);color:var(--brand-text);font-size:14px}.rel-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--brand-border);flex-wrap:wrap}.rel-search{padding:6px 10px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;min-width:200px}.rel-search:focus{outline:none;border-color:var(--brand-primary)}.rel-filter{padding:6px 10px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px}.rel-filter:focus{outline:none;border-color:var(--brand-primary)}.rel-filter option,.rel-search option,.rel-form-input option{background:var(--brand-surface);color:var(--brand-text)}.rel-toolbar-spacer{flex:1}.rel-btn{padding:6px 14px;background:var(--brand-border);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);cursor:pointer;font-size:13px}.rel-btn:hover{background:var(--brand-border-strong)}.rel-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.rel-btn-primary:hover{background:var(--brand-primary-hover)}.rel-btn-danger{background:color-mix(in srgb,var(--sem-danger-soft) 15%,transparent);border-color:color-mix(in srgb,var(--sem-danger-soft) 30%,transparent);color:var(--sem-danger-soft)}.rel-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 25%,transparent)}.rel-btn-small{padding:4px 10px;font-size:12px}.rel-table-wrap{flex:1;overflow:auto;padding:0 16px 16px}.rel-table{width:100%;border-collapse:collapse}.rel-table th{text-align:left;padding:8px 10px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-subtle);border-bottom:1px solid var(--brand-border);white-space:nowrap}.rel-table td{padding:8px 10px;border-bottom:1px solid var(--brand-border)}.rel-row{cursor:pointer}.rel-row:hover{background:var(--brand-border)}.rel-mono{font-family:SF Mono,Cascadia Code,monospace;font-size:12px}.rel-muted{color:var(--brand-text-subtle);font-style:italic;padding:20px;text-align:center}.rel-type-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;margin-right:4px}.rel-type-supplier{background:var(--brand-badge-info-bg);color:var(--brand-badge-info-text)}.rel-type-customer{background:var(--brand-badge-success-bg);color:var(--brand-badge-success-text)}.rel-active-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sem-success-soft)}.rel-active-dot.inactive{background:#666}.rel-detail{flex:1;overflow:auto;padding:16px}.rel-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rel-back{background:none;border:none;color:var(--brand-text-subtle);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px}.rel-back:hover{background:var(--brand-border);color:var(--brand-text)}.rel-detail-title{font-size:20px;font-weight:700;color:var(--brand-text)}.rel-detail-number{color:var(--brand-text-subtle);font-size:14px;font-family:SF Mono,monospace}.rel-detail-actions{margin-left:auto;display:flex;gap:8px}.rel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.rel-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:16px}.rel-card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-strong);margin-bottom:12px}.rel-field{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.rel-field-label{color:var(--brand-text-muted)}.rel-field-value{color:var(--brand-text);text-align:right}.rel-field-value a{color:var(--brand-primary);text-decoration:none}.rel-field-value a:hover{text-decoration:underline}.rel-form{flex:1;overflow:auto;padding:16px}.rel-form-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rel-form-title{font-size:18px;font-weight:700;color:var(--brand-text)}.rel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.rel-form-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:16px}.rel-form-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-text-strong);margin-bottom:12px}.rel-form-row{margin-bottom:10px}.rel-form-label{display:block;font-size:12px;color:var(--brand-text-strong);font-weight:600;margin-bottom:4px}.rel-form-input{width:100%;padding:6px 10px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;box-sizing:border-box}.rel-form-input:focus{outline:none;border-color:var(--brand-primary)}select.rel-form-input{appearance:auto}select.rel-form-input option{background:var(--brand-surface);color:var(--brand-text)}.rel-form-textarea{width:100%;padding:6px 10px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:13px;min-height:60px;resize:vertical;box-sizing:border-box}.rel-form-textarea:focus{outline:none;border-color:var(--brand-primary)}.rel-checkbox-row{display:flex;gap:16px;margin-bottom:10px}.rel-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.rel-form-actions{display:flex;gap:8px;margin-top:16px}.rel-error{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger-soft) 20%,transparent);color:var(--sem-danger-soft);padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.rel-linked-table{width:100%;border-collapse:collapse;margin-top:8px}.rel-linked-table th{text-align:left;padding:6px 8px;font-size:11px;text-transform:uppercase;color:var(--brand-text-subtle);border-bottom:1px solid var(--brand-border)}.rel-linked-table td{padding:6px 8px;font-size:13px;border-bottom:1px solid var(--brand-border)}.rel-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-top:1px solid var(--brand-border)}.rel-page-btn{padding:4px 10px;background:var(--brand-border);border:1px solid var(--brand-border-strong);border-radius:4px;color:var(--brand-text);cursor:pointer;font-size:12px}.rel-page-btn:hover{background:var(--brand-border-strong)}.rel-page-btn:disabled{opacity:.4;cursor:default}.rel-page-info{color:var(--brand-text-subtle);font-size:12px}@media(max-width:768px){.rel-toolbar{padding:8px 10px;gap:6px}.rel-search{min-width:0;flex:1}.rel-table-wrap{padding:0 8px 8px;-webkit-overflow-scrolling:touch}.rel-table{min-width:500px}.rel-detail{padding:12px}.rel-detail-header{flex-direction:column;align-items:flex-start;gap:8px}.rel-detail-actions{margin-left:0}.rel-cards{grid-template-columns:1fr}.rel-form{padding:12px}.rel-form-grid{grid-template-columns:1fr}.rel-linked-table{min-width:400px}}.rel-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.rel-detail-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}@media(max-width:1024px){.rel-detail-grid{grid-template-columns:1fr}}.rel-detail-col{display:flex;flex-direction:column;gap:16px}.rel-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:16px 18px;box-shadow:0 1px 3px #0000000d}.rel-card-title{font-size:12px!important;font-weight:700!important;color:var(--brand-primary)!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--brand-border)}.rel-card-subtitle{font-size:11px;font-weight:700;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:16px;margin-bottom:8px}.rel-card-wide{grid-column:1 / -1}.rel-note-add{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.rel-note-input{flex:1;resize:vertical;min-height:40px;font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--brand-border);border-radius:6px;background:var(--brand-bg);color:var(--brand-text)}.rel-notes-list{display:flex;flex-direction:column;gap:8px}.rel-note-item{border:1px solid var(--brand-border);border-left:3px solid var(--brand-primary);border-radius:6px;padding:8px 10px;background:var(--brand-bg)}.rel-note-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--brand-text-soft);margin-bottom:4px}.rel-note-author{font-weight:700;color:var(--brand-primary)}.rel-note-date{color:var(--brand-text-subtle)}.rel-note-del{margin-left:auto;border:0;background:transparent;color:var(--sem-danger);cursor:pointer;font-size:15px;line-height:1;padding:0 2px;opacity:.6}.rel-note-del:hover{opacity:1}.rel-note-body{font-size:13px;white-space:pre-wrap;color:var(--brand-text)}.rel-linked-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}.rel-linked-table th{text-align:left;padding:8px 10px;background:var(--brand-bg-muted);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--brand-text-soft);letter-spacing:.04em;border-bottom:1px solid var(--brand-border)}.rel-linked-table td{padding:9px 10px;border-bottom:var(--brand-divider);color:var(--brand-text)}.rel-linked-table tbody tr:hover td{background:color-mix(in srgb,var(--brand-accent) 6%,transparent)}.rel-po-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.rel-po-draft{background:color-mix(in srgb,var(--sem-info) 12%,transparent);color:var(--sem-info)}.rel-po-sent{background:var(--sem-badge-warning-bg);color:var(--sem-badge-warning-text)}.rel-po-confirmed{background:var(--sem-badge-info-bg);color:var(--sem-badge-info-text)}.rel-po-received{background:var(--sem-badge-success-bg);color:var(--sem-badge-success-text)}.rel-po-cancelled{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text)}.pb-wrap{display:flex;flex-direction:column;gap:12px;min-height:0}.pb-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pb-veld{padding:6px 9px;border-radius:8px;border:1px solid var(--brand-border);background:transparent;color:inherit;font:inherit;font-size:13px;max-width:240px}.pb-veld:disabled{opacity:.5;cursor:not-allowed}.pb-chip{font-size:12px;padding:5px 11px;border-radius:14px;border:1px solid var(--brand-border-strong);background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.pb-chip-aan{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,transparent);font-weight:700}.pb-teller{margin-left:auto;font-size:13px;color:var(--brand-text-muted)}.pb-melding{background:var(--sem-danger);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px}.pb-kolommen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;align-items:start;overflow-x:auto;padding-bottom:8px}.pb-kolom{display:flex;flex-direction:column;min-width:0;border-radius:10px;padding:8px;background:color-mix(in srgb,var(--brand-text) 3%,transparent)}.pb-kolom-over{outline:2px dashed var(--brand-primary);outline-offset:-2px}.pb-kolom-wacht{background:var(--brand-bg-muted);border-left:3px dashed var(--brand-border-strong);border-right:3px dashed var(--brand-border-strong)}.pb-kop{display:flex;align-items:center;gap:6px;padding:4px 4px 8px;font-size:13px;font-weight:700}.pb-kop-titel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-kop-aantal{color:var(--brand-text-muted);font-variant-numeric:tabular-nums}.pb-kop-vol .pb-kop-aantal,.pb-kop-vol .pb-kop-titel,.pb-kop-waarschuwing{color:var(--sem-warning)}.pb-wachtzin{font-size:11px;color:var(--brand-text-muted);padding:0 4px 8px;font-style:italic}.pb-kaarten{display:flex;flex-direction:column;gap:8px}.pb-kaart{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.pb-kaart:hover{border-color:var(--brand-border-strong)}.pb-kaart-vast{cursor:default}.pb-kaart-prio{border-left:3px solid var(--sem-warning)}.pb-kaart-project{font-size:11px;color:var(--brand-text-muted)}.pb-kaart-klant{color:var(--brand-text-muted)}.pb-kaart-naam{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pb-kaart-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--brand-text-muted)}.pb-dagen{font-variant-numeric:tabular-nums}.pb-dagen-amber{color:var(--sem-warning)}.pb-dagen-rood{color:var(--sem-danger);font-weight:700}.pb-deadline-over{color:var(--sem-danger);font-weight:600}.pb-blokkade{background:var(--sem-badge-danger-bg);color:var(--sem-badge-danger-text);padding:1px 6px;border-radius:8px;font-weight:700}.pb-initialen{margin-left:auto;font-weight:700;color:var(--brand-text)}.pb-balk{height:2px;background:color-mix(in srgb,var(--brand-text) 12%,transparent);border-radius:1px;overflow:hidden}.pb-balk-vul{height:100%}.pb-balk-goed{background:var(--sem-success)}.pb-balk-bijna{background:var(--sem-warning)}.pb-balk-over{background:var(--sem-danger)}.pb-skelet{height:54px;border-radius:8px;background:color-mix(in srgb,var(--brand-text) 8%,transparent)}.pb-toon-alles{background:none;border:0;color:var(--brand-primary);cursor:pointer;font:inherit;font-size:12px;padding:4px}.pb-leeg{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--brand-text-muted)}.pb-foutcode{font-size:11px;color:var(--brand-text-subtle)}.pb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.planner-stats{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.planner-stat-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:12px 20px;min-width:100px;cursor:pointer;transition:border-color .15s;text-align:center}.planner-stat-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)}.planner-stat-value{font-size:22px;font-weight:700;color:var(--brand-text)}.planner-stat-label{font-size:11px;color:var(--brand-text-soft);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.planner-stat-active .planner-stat-value{color:var(--brand-primary)}.planner-stat-hold .planner-stat-value{color:var(--sem-info-soft)}.planner-stat-done .planner-stat-value{color:var(--sem-success-soft)}.planner-stat-cancel .planner-stat-value{color:var(--sem-danger-soft)}.planner-create-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;padding:12px;margin-bottom:12px}.planner-create-form .inv-input,.planner-create-form .inv-select{max-width:200px}.planner-relation-picker{position:relative}.planner-relation-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:6px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0006}.planner-relation-option{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--brand-text);transition:background .1s}.planner-relation-option:hover{background:color-mix(in srgb,var(--brand-primary) 15%,transparent)}.planner-progress-bar{display:inline-block;width:80px;height:6px;background:var(--brand-border);border-radius:3px;overflow:hidden;vertical-align:middle}.planner-progress-sm{width:60px}.planner-progress-fill{height:100%;background:var(--brand-primary);border-radius:3px;transition:width .3s}.planner-progress-text{font-size:11px;color:var(--brand-text-soft);margin-left:6px}.planner-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.planner-detail-number{font-size:13px;color:var(--brand-text-soft);font-family:monospace}.planner-detail-name{font-size:18px;font-weight:700;color:var(--brand-text)}.planner-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.planner-btn-danger{color:var(--sem-danger-soft)!important;border-color:color-mix(in srgb,var(--sem-danger-soft) 30%,transparent)!important}.planner-btn-danger:hover{background:color-mix(in srgb,var(--sem-danger-soft) 10%,transparent)!important}.planner-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;padding:16px;margin-bottom:16px}.planner-info-label{display:block;font-size:11px;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.planner-info-value{font-size:14px;color:var(--brand-text);display:flex;align-items:center;gap:8px}.planner-phases-section{margin-top:16px}.planner-phases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.planner-phases-header h3{margin:0;color:var(--brand-text);font-size:16px}.planner-add-phase-form{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.planner-phase{background:var(--brand-surface);border:1px solid var(--brand-border);border-left:3px solid var(--brand-primary);border-radius:0 8px 8px 0;margin-bottom:8px;overflow:hidden}.planner-phase-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .1s}.planner-phase-header:hover{background:var(--brand-border)}.planner-phase-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.planner-phase-name{font-size:14px;font-weight:600;color:var(--brand-text);flex:1}.planner-phase-count{font-size:11px;color:var(--brand-text-soft)}.planner-phase-arrow{font-size:10px;color:var(--brand-text-soft);transition:transform .15s;margin-right:4px}.planner-phase-tasks{padding:0 12px 8px}.planner-no-tasks{padding:8px 0;font-size:13px;color:var(--brand-text-soft);opacity:.6}.planner-add-task-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--brand-border)}.planner-add-task-form .inv-input,.planner-add-task-form .inv-select{max-width:160px;font-size:12px;padding:4px 8px}.planner-task-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--brand-border);flex-wrap:wrap}.planner-task-name{font-size:13px;color:var(--brand-text);min-width:120px;flex:1}.planner-task-assignee{font-size:12px;color:var(--brand-text-soft);min-width:80px}.planner-task-dates{font-size:11px;color:var(--brand-text-soft);font-family:monospace}.planner-edit-task-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%}.planner-edit-task-form .inv-input,.planner-edit-task-form .inv-select{max-width:140px;font-size:12px;padding:4px 8px}.planner-gantt-wrapper{margin-bottom:16px}.planner-gantt-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;-webkit-user-select:none;user-select:none}.planner-gantt-toggle:hover h3{color:var(--brand-primary)}.planner-gantt{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;margin-bottom:16px;overflow:hidden}.planner-gantt-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--brand-border)}.planner-gantt-view-btns{display:flex;gap:4px}.planner-gantt-zoom{display:flex;align-items:center;gap:4px;color:var(--brand-text-soft)}.planner-gantt-body{display:flex;overflow:hidden}.planner-gantt-sidebar{width:250px;min-width:250px;border-right:1px solid var(--brand-border);overflow-y:hidden;background:var(--brand-bg-muted)}.planner-gantt-sidebar-header{display:flex;align-items:center;padding:0 12px;font-size:11px;font-weight:600;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--brand-border)}.planner-gantt-sidebar-row{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--brand-border);overflow:hidden}.planner-gantt-phase-row{font-weight:600}.planner-gantt-phase-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-gantt-task-label{font-size:12px;color:var(--brand-text-subtle);padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-gantt-timeline{flex:1;overflow:auto;position:relative;cursor:grab}.planner-gantt-timeline:active{cursor:grabbing}.planner-gantt-months{position:relative;border-bottom:1px solid var(--brand-border)}.planner-gantt-month{position:absolute;top:0;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--brand-text-soft);border-right:1px solid var(--brand-border);text-transform:capitalize;overflow:hidden;white-space:nowrap}.planner-gantt-days{position:relative;border-bottom:1px solid var(--brand-border)}.planner-gantt-day{position:absolute;top:0;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--brand-text-soft);border-right:1px solid var(--brand-border)}.planner-gantt-day-weekend{background:var(--brand-border);color:var(--brand-text-subtle)}.planner-gantt-grid{position:relative}.planner-gantt-weekend-col{position:absolute;top:0;background:#ffffff04}.planner-gantt-phase-bg{position:absolute;left:0}.planner-today{position:absolute;top:0;width:2px;background:var(--brand-primary);z-index:10;pointer-events:none}.planner-today:before{content:"Vandaag";position:absolute;top:-20px;left:-24px;font-size:9px;color:var(--brand-primary);white-space:nowrap;font-weight:600}.planner-bar{border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.planner-bar-progress{position:absolute;left:0;top:0;height:100%;border-radius:4px;opacity:.4;pointer-events:none}.planner-bar-label{position:relative;z-index:1;font-size:10px;color:#fff;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.planner-bar-hours{opacity:.8;font-size:9px;margin-left:4px}.planner-bar-resize{position:absolute;right:0;top:0;width:6px;height:100%;cursor:ew-resize;z-index:5}.planner-bar-resize:hover{background:var(--brand-border-strong)}.planner-gantt-time-marker{position:absolute;bottom:-1px;height:5px;background:var(--data-accent-1);border-radius:0 0 2px 2px;z-index:3;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:default}.planner-gantt-time-marker span{font-size:8px;color:#fff;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);position:absolute;bottom:6px}.planner-gantt-time-marker-standalone{background:color-mix(in srgb,var(--data-accent-1) 27%,transparent);border:1px solid var(--data-accent-1);border-radius:3px;display:flex;align-items:center;justify-content:center}.planner-gantt-time-marker-standalone span{position:static;font-size:9px}.planner-template-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:12px 16px;margin-bottom:8px}.planner-template-header{display:flex;align-items:center;gap:8px}.planner-template-name{font-size:15px;font-weight:600;color:var(--brand-text);flex:1}.planner-template-creator{font-size:11px;color:var(--brand-text-soft)}.planner-template-desc{font-size:13px;color:var(--brand-text-soft);margin-top:6px}.planner-template-tree{margin-top:8px;padding:8px;background:var(--brand-border);border-radius:6px}.planner-template-phases{display:flex;flex-direction:column;gap:6px}.planner-template-phase{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--brand-text-subtle);flex-wrap:wrap}.planner-template-tasks{width:100%;padding-left:16px}.planner-template-task{font-size:12px;color:var(--brand-text-soft);padding:1px 0}.planner-task-wrapper{border-bottom:1px solid var(--brand-border)}.planner-task-expand-arrow{display:inline-block;font-size:9px;color:var(--brand-text-soft);transition:transform .15s;margin-right:4px;cursor:pointer;width:12px;text-align:center}.planner-task-hours-badge{font-size:10px;color:var(--brand-text-soft);background:var(--brand-border);border-radius:4px;padding:1px 6px;white-space:nowrap}.planner-task-doc-badge{font-size:10px;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border-radius:4px;padding:1px 6px;white-space:nowrap}.planner-task-expanded{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;padding:12px}.planner-workfolder{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:6px;margin:4px 0 8px;padding:16px}.planner-wf-section{margin-bottom:14px}.planner-wf-section:last-child{margin-bottom:0}.planner-wf-section-title{font-size:12px;font-weight:600;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.planner-wf-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.planner-wf-edit-grid .inv-input,.planner-wf-edit-grid .inv-select,.planner-wf-edit-grid textarea{font-size:12px;padding:4px 8px;width:100%}.planner-wf-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;font-size:13px;color:var(--brand-text)}.planner-wf-label{display:block;font-size:10px;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.planner-wf-hours-summary{font-size:12px;color:var(--brand-text);font-weight:400}.planner-wf-time-table{width:100%;border-collapse:collapse;font-size:12px}.planner-wf-time-table th{text-align:left;font-size:10px;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.4px;padding:4px 8px 4px 0;border-bottom:1px solid var(--brand-border);font-weight:600}.planner-wf-time-table td{padding:4px 8px 4px 0;color:var(--brand-text-subtle);border-bottom:1px solid var(--brand-border)}.planner-wf-time-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.planner-wf-time-form .inv-input{max-width:120px;font-size:12px;padding:4px 8px}.planner-wf-timer-start{display:flex;gap:8px;align-items:center;margin-bottom:8px}.planner-wf-timer-running{display:flex;gap:8px;align-items:center;background:color-mix(in srgb,var(--sem-success-soft) 8%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 30%,transparent);border-radius:6px;padding:8px 12px;margin-bottom:8px}.planner-wf-timer-elapsed{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sem-success);min-width:80px}.planner-wf-timer-pulse{width:10px;height:10px;border-radius:50%;background:var(--sem-success-soft);animation:timer-pulse 1.5s infinite;flex-shrink:0}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.3}}.planner-timer-btn-start{background:var(--sem-success-soft)!important;color:var(--sem-on-success)!important;border:none!important}.planner-timer-btn-start:hover{background:var(--sem-success)!important}.planner-timer-btn-stop{background:var(--sem-danger-soft)!important;color:var(--sem-on-danger)!important;border:none!important}.planner-timer-btn-stop:hover{background:var(--sem-danger)!important}.planner-wf-docs{display:flex;flex-direction:column;gap:4px}.planner-wf-doc-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid var(--brand-border)}.planner-wf-doc-name{color:var(--data-accent-1);cursor:pointer;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-wf-doc-name:hover{text-decoration:underline}.planner-wf-doc-meta{font-size:11px;color:var(--brand-text-subtle);white-space:nowrap}.planner-action-search-results{position:absolute;top:100%;left:0;right:0;background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:6px;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0006}.planner-action-search-item{padding:6px 10px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.planner-action-search-item:hover{background:var(--brand-border)}.planner-action-detail{padding:4px 0}.planner-activity-log{margin-top:16px}.planner-activity-log-list{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;padding:8px 12px;max-height:400px;overflow-y:auto}.planner-activity-log-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--brand-border);font-size:12px}.planner-activity-log-item:last-child{border-bottom:none}.planner-activity-log-time{color:var(--brand-text-subtle);white-space:nowrap;min-width:90px}.planner-activity-log-user{color:var(--brand-primary);white-space:nowrap;min-width:80px}.planner-activity-log-action{color:var(--brand-text)}.planner-activity-log-details{color:var(--brand-text-soft);margin-left:4px}.planner-deadline{color:var(--brand-primary);font-weight:600}.planner-deadline-overdue{color:var(--sem-danger-soft);font-weight:600}.planner-gantt-deadline{position:absolute;top:-2px;transform:translate(-50%);font-size:14px;color:var(--brand-primary);line-height:1;pointer-events:auto;cursor:default;z-index:3;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.planner-gantt-deadline.overdue{color:var(--sem-danger-soft);animation:planner-deadline-pulse 1.5s ease-in-out infinite}@keyframes planner-deadline-pulse{0%,to{opacity:1}50%{opacity:.5}}.planner-wf-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.planner-wf-chevron{display:inline-block;font-size:10px;margin-right:6px;transition:transform .15s ease;color:var(--brand-text-subtle)}.planner-wf-chevron.open{transform:rotate(90deg)}.planner-wf-note-form{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:14px;margin-bottom:8px;box-shadow:0 1px 3px #0000000a}.planner-wf-notes-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.planner-wf-note-item{background:var(--brand-border);border:1px solid var(--brand-border);border-radius:6px;padding:8px 10px}.planner-wf-note-header{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:6px}.planner-wf-note-body{font-size:13px;padding:4px 0;line-height:1.5}.planner-wf-note-email{border-left:3px solid var(--brand-primary);padding-left:10px}.planner-wf-note-email-to{font-size:12px;color:var(--brand-text-soft);margin-bottom:2px}.planner-wf-note-table-editor{margin-bottom:6px}.planner-extra-costs{background:var(--brand-bg-muted);border:1px solid var(--brand-border);border-radius:8px;padding:12px 16px;margin-bottom:16px}.planner-extra-costs h4{margin:0 0 8px;font-size:14px;color:var(--brand-text)}@media(max-width:768px){.planner-stats{gap:6px}.planner-stat-card{padding:8px 12px;min-width:70px}.planner-stat-value{font-size:18px}.planner-create-form .inv-input,.planner-create-form .inv-select{max-width:none;flex:1;min-width:0}.planner-detail-header{gap:6px}.planner-detail-name{font-size:15px}.planner-info-grid{grid-template-columns:repeat(2,1fr);padding:10px;gap:8px}.planner-gantt-sidebar{width:150px;min-width:150px}.planner-gantt-task-label{padding-left:8px;font-size:10px}.planner-gantt-phase-label{font-size:10px}.planner-add-task-form .inv-input,.planner-add-task-form .inv-select,.planner-edit-task-form .inv-input,.planner-edit-task-form .inv-select{max-width:none;flex:1;min-width:0}.planner-wf-edit-grid,.planner-wf-details-grid{grid-template-columns:1fr 1fr}.planner-workfolder{margin-left:0;padding:8px}.planner-wf-time-table{min-width:400px}.planner-wf-section-title{font-size:11px}.planner-activity-log-item{flex-wrap:wrap;gap:4px}.planner-activity-log-time,.planner-activity-log-user{min-width:auto}}.planner-wf-timer-stopped{background:color-mix(in srgb,var(--sem-success-soft) 12%,transparent);border:1px solid color-mix(in srgb,var(--sem-success-soft) 30%,transparent);border-radius:6px;padding:6px 12px;margin-bottom:8px;color:var(--sem-success);font-weight:600;font-size:13px;animation:timer-fade-in .3s ease}@keyframes timer-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.planner-beschrijving{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:14px 16px;margin-bottom:16px}.planner-beschrijving h3{margin:0 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-text-soft)}.planner-beschrijving-tekst{white-space:pre-line;font-size:13px;line-height:1.55;color:var(--brand-text)}.planner-beschrijving-dicht{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;overflow:hidden}.planner-beschrijving-knop{margin-top:6px;padding:0;border:none;background:none;color:var(--brand-primary);font-size:12px;font-weight:600;cursor:pointer}.planner-projectdocs{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:14px 16px;margin-bottom:16px}.planner-projectdocs h3{margin:0 0 10px;font-size:16px;color:var(--brand-border-soft)}.planner-projectdocs-leeg{margin:0;font-size:13px;color:var(--brand-text-subtle)}.planner-projectdoc-rij{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--brand-border-soft);font-size:13px}.planner-projectdoc-rij:last-of-type{border-bottom:none}.planner-projectdoc-meta{margin-left:auto;font-size:11px;color:var(--brand-text-subtle);white-space:nowrap}.planner-create-omschrijving{flex-basis:100%;resize:vertical;font-family:inherit}.planner-doorklik{padding:0;border:none;background:none;font:inherit;color:var(--brand-primary);cursor:pointer;text-decoration:none}.planner-doorklik:hover{text-decoration:underline}.planner-mijn-taken{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:12px 16px;margin-bottom:14px}.planner-mijn-taken h3{margin:0 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-text-soft)}.planner-mijn-taak{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:6px;font-size:13px;cursor:pointer}.planner-mijn-taak:hover{background:var(--brand-bg-muted)}.planner-mijn-taak-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--brand-border-strong)}.planner-mijn-taak-in_progress{background:var(--sem-info)}.planner-mijn-taak-naam{font-weight:500}.planner-mijn-taak-project{color:var(--brand-text-subtle);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-mijn-taak-deadline{margin-left:auto;font-size:12px;color:var(--brand-text-soft);white-space:nowrap}.planner-bar-slepen{z-index:5;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));opacity:.9}.planner-bar-slepen .planner-bar{cursor:grabbing!important}.help{height:100%;overflow-y:auto;background:var(--brand-bg-muted);color:var(--brand-text-strong);padding:20px 24px;font-size:13px}.help-header{margin-bottom:16px}.help-header h2{margin:0 0 4px;font-size:18px;color:var(--brand-text)}.help-subtitle{margin:0;color:var(--brand-text-subtle);font-size:12px}.help-search{position:relative;margin-bottom:12px}.help-search-input{width:100%;box-sizing:border-box;padding:8px 32px 8px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);font-size:13px;outline:none}.help-search-input:focus{border-color:var(--sem-info-soft)}.help-search-input::placeholder{color:var(--brand-text-subtle)}.help-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--brand-text-subtle);cursor:pointer;font-size:16px;padding:0 4px}.help-role-info{margin-bottom:16px;padding:8px 12px;background:var(--brand-bg-muted);border-radius:6px;font-size:12px;color:var(--brand-text-subtle)}.help-role-info strong{color:var(--sem-info-soft)}.help-empty{text-align:center;padding:40px 0;color:var(--brand-text-subtle)}.help-category{margin-bottom:20px}.help-category-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--brand-text-soft);margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--brand-bg-muted)}.help-grid{display:flex;flex-direction:column;gap:4px}.help-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--brand-surface);border:1px solid var(--brand-bg-muted);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.help-card:hover{background:var(--brand-surface);border-color:var(--brand-bg-muted)}.help-card-icon{font-size:22px;flex-shrink:0;width:36px;text-align:center}.help-card-content{flex:1;min-width:0}.help-card-title{font-weight:600;color:var(--brand-text);font-size:13px}.help-card-desc{font-size:11px;color:var(--brand-text-soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-card-arrow{font-size:18px;color:var(--brand-text-subtle);flex-shrink:0}.help-detail{max-width:640px}.help-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.help-back{background:var(--brand-bg-muted);border:1px solid var(--brand-bg-muted);color:var(--brand-text-subtle);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.help-back:hover{background:var(--brand-bg-muted);color:var(--brand-text-strong)}.help-detail-title{margin:0;font-size:18px;color:var(--brand-text);display:flex;align-items:center;gap:8px;flex:1}.help-icon{font-size:22px}.help-open-btn{background:var(--sem-info-soft);color:var(--brand-on-accent);border:none;padding:5px 14px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.help-open-btn:hover{background:var(--sem-info)}.help-description{color:var(--brand-text-subtle);line-height:1.6;margin:0 0 20px}.help-section{margin-bottom:20px}.help-section h3{font-size:14px;color:var(--brand-text);margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--brand-bg-muted)}.help-features{margin:0;padding:0 0 0 18px;list-style:none}.help-features li{position:relative;padding:3px 0;color:var(--brand-text-strong);line-height:1.5}.help-features li:before{content:"✓";position:absolute;left:-16px;color:var(--sem-success-soft);font-size:11px}.help-workflow{margin-bottom:14px}.help-workflow h4{margin:0 0 6px;font-size:13px;color:var(--sem-info-soft);font-weight:600}.help-steps{margin:0;padding:0 0 0 22px;counter-reset:step;list-style:none}.help-steps li{position:relative;padding:4px 0;color:var(--brand-text-strong);line-height:1.5;counter-increment:step}.help-steps li:before{content:counter(step);position:absolute;left:-22px;width:16px;height:16px;background:var(--brand-bg-muted);border-radius:50%;text-align:center;line-height:16px;font-size:10px;font-weight:700;color:var(--sem-info-soft);top:5px}.help-tips{margin:0;padding:0;list-style:none}.help-tips li{padding:6px 10px;background:color-mix(in srgb,var(--sem-warning) 8%,transparent);border-left:3px solid var(--sem-warning);border-radius:0 4px 4px 0;margin-bottom:4px;color:var(--brand-text-strong);line-height:1.5;font-size:12px}.help-login-toggle{position:sticky;bottom:0;padding:10px 0;margin-top:16px;border-top:1px solid var(--brand-bg-muted);background:var(--brand-bg-muted)}.help-login-label{display:flex;align-items:center;gap:8px;color:var(--brand-text-soft);font-size:12px;cursor:pointer}.help-login-label:hover{color:var(--brand-text-strong)}.help-login-label input[type=checkbox]{accent-color:var(--sem-info-soft)}.dashboard{padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--brand-bg-muted);min-height:100%}.dash-loading{padding:80px;text-align:center;color:var(--brand-text-soft);font-size:14px}.dash-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dash-welcome{font-size:24px!important;font-weight:700!important;color:var(--brand-primary)!important;margin:0!important}.dash-date{font-size:13px;color:var(--brand-text-soft);margin-top:4px}.dash-date:first-letter{text-transform:uppercase}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-action{background:var(--brand-primary);color:var(--brand-on-primary);border:1px solid var(--brand-primary);padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .1s}.dash-action:hover{background:var(--brand-primary-hover)}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1024px){.dash-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dash-kpis{grid-template-columns:1fr}}.dash-kpi{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:18px 20px;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000000d}.dash-kpi:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.dash-kpi-label{font-size:11px;font-weight:600;color:var(--brand-text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.dash-kpi-value{font-size:28px;font-weight:700;color:var(--brand-primary);line-height:1.1}.dash-kpi-sub{font-size:11px;color:var(--brand-text-subtle);margin-top:4px}.dash-kpi-danger .dash-kpi-value{color:var(--sem-danger)}.dash-kpi-danger{border-color:var(--sem-badge-danger-bg);background:var(--sem-danger-bg-faint)}.dash-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1024px){.dash-cols{grid-template-columns:1fr}}.dash-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:18px 20px;box-shadow:0 1px 3px #0000000d}.dash-card-title{font-size:13px!important;font-weight:700!important;color:var(--brand-primary)!important;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px!important;padding-bottom:8px;border-bottom:1px solid var(--brand-border)}.dash-subhead{font-size:11px;font-weight:600;color:var(--brand-text-subtle);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px}.dash-subhead:first-of-type{margin-top:0}.dash-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--brand-text);cursor:pointer;border-bottom:var(--brand-divider)}.dash-row:hover{background:var(--brand-bg-muted)}.dash-row:last-child{border-bottom:none}.dash-row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.dash-row-val{font-weight:600;color:var(--brand-text);flex-shrink:0}.dash-row-overdue{background:color-mix(in srgb,var(--sem-danger) 12%,transparent)}.dash-row-overdue .dash-row-val{color:var(--sem-danger)}.dash-row-today{background:color-mix(in srgb,var(--sem-warning) 12%,transparent)}.dash-row-today .dash-row-val{color:var(--sem-warning-strong)}.dash-danger{color:var(--sem-danger)!important}.dash-success{color:var(--sem-badge-success-text)!important}.dash-mono{font-family:ui-monospace,SF Mono,monospace;font-size:12px}.dash-big-value{font-size:22px;font-weight:700;color:var(--brand-primary);margin:4px 0 8px}.dash-empty{font-size:12px;color:var(--brand-text-subtle);font-style:italic;padding:6px 0}.dash-recent{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1024px){.dash-recent{grid-template-columns:1fr}}.dash-table{width:100%;font-size:12px}.dash-table th{text-align:left;padding:8px 10px;background:var(--brand-bg-faint);font-size:10px;font-weight:700;text-transform:uppercase;color:var(--brand-text-soft);letter-spacing:.04em}.dash-table td{padding:8px 10px;border-bottom:var(--brand-divider)}.dash-table tbody tr{cursor:pointer}.dash-table tbody tr:hover td{background:var(--brand-bg-muted)}.dash-table .r{text-align:right}.dash-jaarkiezer{padding:7px 10px;font-size:13px;background:var(--brand-surface);border:1px solid var(--brand-border-strong);color:var(--brand-text);border-radius:6px;font-family:inherit}.dash-financieel-cijfers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:700px){.dash-financieel-cijfers{grid-template-columns:1fr}}.dash-financieel-jaren{margin-top:14px}.dash-pct-balk{display:inline-block;min-width:52px;padding:1px 6px;border-radius:4px;background:linear-gradient(to right,color-mix(in srgb,var(--brand-accent) 28%,transparent) var(--pct, 0%),transparent var(--pct, 0%));font-weight:600}.dash-financieel-tabellen{display:grid;grid-template-columns:3fr 2fr;gap:14px;align-items:start}@media(max-width:1024px){.dash-financieel-tabellen{grid-template-columns:1fr}}.dash-selectievak{margin-right:8px;accent-color:var(--brand-primary);pointer-events:none}.dash-rij-gekozen td{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.dash-rij-samen td{font-weight:700;border-top:2px solid var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 5%,transparent)}.dash-jaarwissel{display:inline-flex;align-items:stretch;gap:0;border:1px solid var(--brand-border-strong);border-radius:6px;overflow:hidden;background:var(--brand-surface)}.dash-jaarknop{padding:7px 12px;border:none;border-right:1px solid var(--brand-border-soft);background:transparent;color:var(--brand-text);font-size:13px;font-family:inherit;cursor:pointer}.dash-jaarknop:hover{background:var(--brand-bg-muted)}.dash-jaarknop-actief,.dash-jaarknop-actief:hover{background:var(--brand-primary);color:var(--brand-on-primary);font-weight:600}.dash-jaarwissel .dash-jaarkiezer{border:none;border-radius:0;background:transparent}.dash-branche{color:var(--brand-text-muted);font-size:12px}.dash-btw-noot{font-size:12px;color:var(--brand-text-muted);margin:0 0 8px}.appshell{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--brand-bg-muted);color:var(--brand-text)}.appshell-body{display:flex;flex:1;min-height:0}.appshell-content{flex:1;min-width:0;overflow:auto;background:var(--brand-bg);padding:var(--shell-content-inset)}.topbar{display:flex;align-items:center;height:var(--shell-topbar-height);background:var(--brand-surface);color:var(--brand-text);padding:0 calc(18px * var(--density-scale));border-bottom:1px solid var(--brand-border);flex-shrink:0;z-index:100}.topbar-hamburger{background:none;border:none;color:var(--brand-text);cursor:pointer;padding:6px;margin-right:10px;border-radius:6px;display:flex;align-items:center;justify-content:center}.topbar-hamburger:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}@media(min-width:1024px){.topbar-hamburger{display:none}}.topbar-brand{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0}.topbar-logo{width:30px;height:30px;flex-shrink:0;object-fit:contain}.topbar-title{font-size:16px;font-weight:600;color:var(--brand-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-profile{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;border-radius:50%}.topbar-profile:hover{opacity:.85}.topbar-user-info{display:none;flex-direction:column;font-size:12px;line-height:1.3}@media(min-width:768px){.topbar-user-info{display:flex}}.topbar-user-name{font-weight:600;color:var(--brand-text)}.topbar-user-role{color:var(--brand-text-muted);font-size:11px}.topbar-logout{background:none;border:none;color:var(--brand-text-muted);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center}.topbar-logout:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.sidebar{width:var(--shell-sidebar-width);background:var(--brand-surface);border-right:1px solid var(--brand-border);flex-shrink:0;transition:transform .2s ease,width .18s ease;display:flex;flex-direction:column}.sidebar-nav{padding:calc(14px * var(--density-scale)) calc(10px * var(--density-scale));flex:1;overflow-y:auto;min-height:0}.sidebar-version{padding:calc(8px * var(--density-scale)) calc(14px * var(--density-scale));font-size:10px;color:var(--brand-text-subtle);border-top:1px solid var(--brand-border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;flex-shrink:0}.sidebar-group{margin-bottom:18px}.sidebar-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-text-subtle);padding:calc(10px * var(--density-scale)) calc(14px * var(--density-scale)) calc(6px * var(--density-scale))}.sidebar-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:calc(8px * var(--density-scale)) calc(14px * var(--density-scale));color:var(--brand-text);text-decoration:none;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .1s ease,border-color .1s ease}.sidebar-icon{flex-shrink:0}.sidebar-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-badge{background:var(--sem-danger);color:var(--sem-on-danger);font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center;flex-shrink:0}.sidebar-item:hover{background:var(--brand-bg-muted)}.sidebar-item-active{background:var(--brand-primary-soft);color:var(--brand-primary);font-weight:500;border-left-color:var(--brand-primary)}.sidebar-item-active:hover{background:var(--brand-primary-soft)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:90}.sidebar-collapse-btn{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-top:1px solid var(--brand-border);padding:10px 14px;color:var(--brand-text-muted);cursor:pointer;font-size:12.5px;font-weight:500;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--brand-bg-muted);color:var(--brand-primary)}.sidebar-collapse-chevron{flex-shrink:0;transition:transform .18s ease}.sidebar-collapsed{width:var(--shell-sidebar-collapsed)}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-collapsed .sidebar-group{margin-bottom:8px;padding-top:8px;border-top:1px solid var(--brand-border)}.sidebar-collapsed .sidebar-group:first-child{border-top:none;padding-top:0}.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px 0;gap:0}.sidebar-collapsed .sidebar-nav{padding:10px 6px}.sidebar-collapsed .sidebar-collapse-btn{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar-collapse-chevron{transform:rotate(180deg)}.sidebar-collapsed .sidebar-version{text-align:center;padding:8px 0}.sidebar-collapsed .sidebar-item{position:relative}.sidebar-badge-dot{position:absolute;top:6px;right:10px;min-width:8px;width:8px;height:8px;padding:0;border-radius:50%}@media(max-width:1023px){.sidebar{position:fixed;top:var(--shell-topbar-height);bottom:0;left:0;z-index:95;transform:translate(-100%);box-shadow:2px 0 12px #00000014}.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block}.sidebar-collapsed{width:var(--shell-sidebar-width)}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-group-label{display:revert}.sidebar-collapsed .sidebar-item{justify-content:flex-start;padding:8px 14px;gap:10px}.sidebar-collapsed .sidebar-nav{padding:14px 10px}}.welcome-page{padding:80px 40px 40px;text-align:center}.welcome-page h1{font-size:30px;margin-bottom:12px;color:var(--brand-primary)}.welcome-page p{color:var(--brand-text-muted);font-size:15px}.topbar-env{font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:10px;margin-left:10px;text-transform:uppercase;white-space:nowrap}.topbar-env-live{background:var(--sem-success);color:var(--sem-on-success)}.topbar-env-staging{background:var(--sem-warning);color:var(--sem-on-warning)}.topbar-env-dev{background:var(--brand-text-soft);color:var(--brand-on-primary)}.topbar-timer{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--sem-success);border-radius:14px}.topbar-timer-dot{width:8px;height:8px;border-radius:50%;background:var(--sem-success);animation:topbar-timer-pulse 1.6s ease-in-out infinite}@keyframes topbar-timer-pulse{0%,to{opacity:1}50%{opacity:.3}}.topbar-timer-label{background:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;color:inherit;padding:0 2px}.topbar-timer-btn{background:none;border:0;cursor:pointer;font-size:13px;padding:0 2px;color:inherit}.topbar-timer-btn:hover{color:var(--sem-success)}.topbar-administration{display:inline-flex;align-items:center;gap:8px;min-width:0}.topbar-administration-select,.topbar-administration-naam{max-width:260px;font-size:18px;font-weight:700;line-height:1.2;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-administration-select{padding:3px 8px;border:1px solid var(--brand-border, rgba(128, 128, 128, .35));border-radius:8px;background:transparent;font-family:inherit;cursor:pointer}.topbar-administration-versie{font-size:11px;font-weight:400;color:var(--brand-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:-2px}@media(max-width:900px){.topbar-administration-select,.topbar-administration-naam{max-width:130px;font-size:14px}.topbar-administration-versie{display:none}}.topbar-administration-archived{font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase;white-space:nowrap;background:var(--sem-warning);color:var(--sem-on-warning)}:root[data-admin-color] body:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--admin-color);z-index:9999;pointer-events:none}:root[data-admin-color] .topbar{background:color-mix(in srgb,var(--admin-color) 7%,var(--brand-surface));border-bottom-color:color-mix(in srgb,var(--admin-color) 35%,var(--brand-border))}:root[data-admin-color] .topbar-administration-select{border-color:color-mix(in srgb,var(--admin-color) 55%,var(--brand-border))}.topbar-administration-stip{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-text) 25%,transparent)}.standalone{width:100vw;height:100vh;background:var(--brand-bg-muted);display:flex;flex-direction:column;color:var(--brand-text)}.standalone-header{height:44px;background:#0006;border-bottom:1px solid var(--brand-border);display:flex;align-items:center;gap:10px;padding:0 16px;flex-shrink:0}.standalone-logo{width:18px;height:20px;object-fit:contain}.standalone-title{font-size:14px;font-weight:500;color:var(--brand-text-soft)}.standalone-body{flex:1;overflow:auto;padding:24px}.applock-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--brand-bg);background-image:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--brand-primary) 12%,transparent),transparent 60%);padding:24px}.applock-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.applock-logo{width:56px;height:56px;margin-bottom:16px;object-fit:contain}.applock-title{font-size:20px;font-weight:700;margin:0 0 4px;color:var(--brand-text)}.applock-sub{font-size:13px;color:var(--brand-text-muted);margin:0 0 24px;line-height:1.4}.applock-bio-btn{width:100%;padding:14px;border:0;border-radius:10px;background:var(--brand-accent);color:var(--brand-on-accent);font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px}.applock-bio-btn:disabled{opacity:.6;cursor:default}.applock-pin-dots{display:flex;gap:14px;margin:8px 0 24px}.applock-pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--brand-text-muted);transition:background .12s,border-color .12s}.applock-pin-dot.filled{background:var(--brand-accent);border-color:var(--brand-accent)}.applock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:280px}.applock-key{aspect-ratio:1;border:1px solid var(--brand-border);border-radius:50%;background:#ffffff0a;color:var(--brand-text);font-size:22px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.applock-key:active{background:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.applock-key:disabled{opacity:.4}.applock-key-del{font-size:18px;border:0;background:transparent}.applock-link{margin-top:18px;background:transparent;border:0;color:var(--brand-accent);font-size:14px;cursor:pointer;text-decoration:underline}.applock-error{margin-top:16px;color:var(--sem-danger-soft);font-size:13px}.applock-logout{margin-top:28px;background:transparent;border:0;color:var(--brand-text-muted);font-size:13px;cursor:pointer}.applock-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--brand-accent);border-radius:50%;animation:applock-spin .8s linear infinite}@keyframes applock-spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}.landing{--sheet-ink: var(--brand-primary);--sheet-line: var(--brand-border);--sheet-hair: var(--brand-border-soft);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;width:100vw;min-height:100vh;min-height:100dvh;background:var(--brand-bg);color:var(--brand-text);position:relative;overflow:hidden}@supports (color: color-mix(in srgb,red 10%,transparent)){.landing{--sheet-line: color-mix(in srgb, var(--brand-primary) 11%, transparent);--sheet-hair: color-mix(in srgb, var(--brand-primary) 5%, transparent)}}.sheet-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--sheet-line) 1px,transparent 1px),linear-gradient(to bottom,var(--sheet-line) 1px,transparent 1px),linear-gradient(to right,var(--sheet-hair) 1px,transparent 1px),linear-gradient(to bottom,var(--sheet-hair) 1px,transparent 1px);background-size:96px 96px,96px 96px,16px 16px,16px 16px;-webkit-mask-image:radial-gradient(ellipse 110% 85% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 110% 85% at 50% 45%,#000 30%,transparent 100%)}.sheet-flow{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sheet-flow span{position:absolute;left:-6vw;width:7px;height:7px;background:var(--brand-accent);opacity:.55;animation:sheet-drift linear infinite}.sheet-flow span:nth-child(1){top:18%;animation-duration:34s;animation-delay:-4s}.sheet-flow span:nth-child(2){top:34%;animation-duration:52s;animation-delay:-22s;opacity:.3}.sheet-flow span:nth-child(3){top:62%;animation-duration:41s;animation-delay:-11s}.sheet-flow span:nth-child(4){top:76%;animation-duration:61s;animation-delay:-37s;opacity:.25}.sheet-flow span:nth-child(5){top:88%;animation-duration:47s;animation-delay:-29s;opacity:.35}@keyframes sheet-drift{to{transform:translate(112vw)}}.sheet-rail{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,40px);z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text-muted)}.sheet-rail-top{top:0}.sheet-rail-bottom{bottom:0}.rail-mark{display:inline-flex;align-items:center;gap:10px}.rail-logo{height:22px;width:auto}.rail-name{font-family:var(--mono);font-weight:600;letter-spacing:.1em;color:var(--sheet-ink)}.rail-meta{display:inline-flex;align-items:center;gap:12px;text-transform:none}.rail-tag{border:1px solid var(--brand-accent);color:var(--brand-accent);border-radius:2px;padding:2px 7px;font-size:10px;font-weight:600}.rail-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand-text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.rail-link:hover{color:var(--brand-accent);border-bottom-color:var(--brand-accent)}.external-icon{width:11px;height:11px}@media(max-width:560px){.sheet-rail{font-size:10px;padding:14px 16px}.rail-name{display:none}}@media(prefers-reduced-motion:reduce){.sheet-flow{display:none}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;overflow-y:auto}.modal{background:var(--brand-bg-muted);border:1px solid var(--brand-border-strong);border-radius:12px;padding:40px;width:100%;max-width:400px;position:relative;margin:auto}.modal-logo{display:flex;justify-content:center;margin-bottom:24px}.modal-logo-svg{width:48px;height:auto}.modal-logo-svg{filter:invert(.85) brightness(1.2)}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--brand-text);font-size:24px;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--brand-primary)}.modal h2{margin-bottom:16px;font-size:22px;text-align:center}.modal-error{background:color-mix(in srgb,var(--sem-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-danger) 30%,transparent);color:var(--sem-danger-soft);padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}.modal form{display:flex;flex-direction:column;gap:12px}.modal input{padding:12px 16px;background:var(--brand-border);border:1px solid var(--brand-border-strong);border-radius:6px;color:var(--brand-text);font-size:14px;outline:none;transition:border-color .2s}.modal input::placeholder{color:var(--brand-text-subtle)}.modal input:focus{border-color:var(--brand-accent)}.btn-login{padding:12px;background:var(--brand-accent);color:var(--brand-on-accent);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .2s}.btn-login:hover{background:var(--brand-accent-hover)}.btn-login:disabled{background:var(--brand-bg-muted);color:var(--brand-text);cursor:wait}.modal-link{background:none;border:none;color:var(--brand-accent);font-size:13px;cursor:pointer;padding:0;margin-top:8px;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.modal-link:hover{color:var(--brand-primary-hover)}.modal-hint{font-size:13px;color:var(--brand-text);margin:0 0 4px;line-height:1.5}.twofa-setup{text-align:center;margin:8px 0 4px}.twofa-qr{width:200px;height:200px;background:#fff;border-radius:8px;padding:8px;box-sizing:border-box}.twofa-secret-label{font-size:12px;color:var(--brand-text-soft);margin:10px 0 4px}.twofa-secret{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:1px;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px 10px;word-break:break-all}.twofa-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-text-strong);margin:2px 0 6px;cursor:pointer}.twofa-remember input{width:auto;margin:0}.recovery-codes{list-style:none;padding:0;margin:8px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.recovery-codes li{background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:8px;text-align:center}.recovery-codes code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:1px;color:var(--brand-text)}.modal-success{text-align:center}.modal-success p{font-size:14px;color:var(--sem-success);background:color-mix(in srgb,var(--sem-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--sem-success) 20%,transparent);padding:12px 16px;border-radius:6px;margin-bottom:16px;line-height:1.5}@media(max-width:768px){.landing-nav{padding:14px 16px}.nav-logo-svg{height:28px}.landing-footer{padding:14px 16px;font-size:11px}.modal{margin:12px;padding:28px 20px;max-width:none;width:calc(100% - 24px)}.modal h2{font-size:18px}.modal input{padding:10px 12px;font-size:14px}.website-link{font-size:14px;padding:10px 18px}.hero-text{font-size:14px}}.modal-overlay.landing-panel{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.modal.titleblock{background:var(--brand-surface);border:1px solid var(--sheet-ink, var(--brand-primary));border-radius:2px;padding:32px 34px 30px;max-width:384px;box-shadow:0 24px 60px -30px color-mix(in srgb,var(--brand-primary) 45%,transparent);animation:titleblock-in .45s cubic-bezier(.2,.7,.3,1) both}@keyframes titleblock-in{0%{opacity:0;transform:translateY(10px)}}.modal.titleblock:before,.modal.titleblock:after{content:"";position:absolute;width:12px;height:12px;border:1.5px solid var(--brand-accent);pointer-events:none}.modal.titleblock:before{top:-6px;left:-6px;border-right:0;border-bottom:0}.modal.titleblock:after{bottom:-6px;right:-6px;border-left:0;border-top:0}.titleblock-head{display:flex;align-items:center;gap:11px;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--sheet-line, var(--brand-border))}.titleblock-mark{width:30px;height:30px;flex:none;object-fit:contain}.titleblock-name{font-family:var(--mono, monospace);font-size:13px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--sheet-ink, var(--brand-primary));line-height:1.25}.modal.titleblock h2{font-size:15px;font-weight:600;text-align:left;letter-spacing:-.01em;margin-bottom:18px;color:var(--brand-text)}.field-label{display:block;font-family:var(--mono, monospace);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text-muted);margin-bottom:6px}.modal.titleblock input{width:100%;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:2px;padding:11px 13px;color:var(--brand-text)}.modal.titleblock input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 18%,transparent)}.modal.titleblock .btn-login{border-radius:2px;background:var(--brand-accent);margin-top:20px;font-family:var(--mono, monospace);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:13px}.modal.titleblock .btn-login:hover:not(:disabled){background:var(--brand-accent-hover)}.modal.titleblock .btn-login:disabled{opacity:.6;cursor:not-allowed}.modal.titleblock .modal-link{font-family:var(--mono, monospace);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text-muted)}.modal.titleblock .modal-link:hover{color:var(--brand-accent)}.modal.titleblock .modal-close{color:var(--brand-text-muted)}.modal.titleblock .modal-close:hover{color:var(--brand-accent)}.landing a:focus-visible,.landing button:focus-visible,.landing input:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.modal.titleblock{animation:none}}@media(max-width:420px){.modal.titleblock{padding:26px 22px 24px}}div.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-primary-soft);color:var(--brand-primary);font-weight:600;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}