*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent-a4);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul{list-style:none;padding:0}h1,h2,h3,h4,p,ul{margin:0}svg{display:block;flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-track{background:transparent}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-9);outline-offset:1px;border-radius:var(--radius-xs)}.list-item:focus-visible,.row:focus-visible{outline-offset:-2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;transition:grid-template-columns var(--dur-slow) var(--ease-standard)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}:root:not([data-theme=dark]) .sidebar{--sidebar-bg:#013630;--text-primary:#E9EBEE;--text-secondary:#9AA3AF;--text-tertiary:#8AA39C;--surface-hover:rgba(255,255,255,0.06);--border-subtle:rgba(255,255,255,0.10);--border:rgba(255,255,255,0.16);--border-strong:rgba(255,255,255,0.24);--accent-a3:rgba(60,148,122,0.22);--accent-11:#6FC3A9;--brand-word-color:#FFFFFF}:root:not([data-theme=dark]) .sidebar .menu-popover{--text-primary:#191B1D;--text-secondary:#53575C;--text-tertiary:#80848A;--surface-hover:#F0F1EE;--border-subtle:#ECECE8;--border:#DFDFDA;--border-strong:#C7C7C0;--accent-a3:rgba(1,54,48,0.11);--accent-11:#013630}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar-header{min-height:var(--topbar-h);gap:var(--sp-6);padding:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.brand-mark,.sidebar-header{display:flex;align-items:center;flex-shrink:0}.brand-mark{width:24px;height:24px;border-radius:var(--radius-xs);background:linear-gradient(155deg,var(--accent-10),var(--accent-2));border:1px solid var(--accent-border);justify-content:center;color:var(--text-on-accent);font-family:var(--font-serif);font-size:13px}.brand-mark,.brand-word{font-weight:var(--fw-semibold)}.brand-word{font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap}.brand-logo-full{height:52px;width:auto;display:block;flex-shrink:0}.brand-icon-collapsed{height:44px;width:auto;display:none;flex-shrink:0}.app-shell.sidebar-collapsed .brand-logo-full{display:none}.app-shell.sidebar-collapsed .brand-icon-collapsed{display:block}.workspace-switch{margin-left:auto;color:var(--text-tertiary)}.sidebar-search{margin:var(--sp-6) var(--sp-6) var(--sp-4);display:flex;align-items:center;gap:var(--sp-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px var(--sp-6);color:var(--text-tertiary);font-size:var(--text-xs);flex-shrink:0}.sidebar-search:hover{border-color:var(--border-strong)}.kbd-hint{margin-left:auto;display:flex;gap:3px}.kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;padding:1px 5px;line-height:1.5}.nav-group{padding:var(--sp-2) var(--sp-6)}.nav-group+.nav-group{margin-top:var(--sp-4)}.nav-label{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-6);padding:7px var(--sp-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast)}.nav-item svg{color:var(--text-tertiary)}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-a3);color:var(--text-primary)}.nav-item.active svg{color:var(--accent-11)}.nav-item.active:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--accent-9);border-radius:2px}.nav-count{margin-left:auto;font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--surface-sunken);border-radius:var(--radius-full);padding:1px 6px}.nav-count.urgent{background:var(--red-a3);color:var(--red-11)}.nav-item .nav-label-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-spacer{flex:1 1}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:var(--sp-6);gap:var(--sp-6)}.avatar,.sidebar-footer{display:flex;align-items:center;flex-shrink:0}.avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--accent-3);color:var(--accent-11);justify-content:center;font-size:11px;font-weight:var(--fw-semibold);border:1px solid var(--border)}.avatar.sm{width:20px;height:20px;font-size:9px}.avatar.lg{width:36px;height:36px;font-size:14px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-6px;border:2px solid var(--surface)}.avatar-stack .avatar:first-child{margin-left:0}.footer-meta{min-width:0;overflow:hidden}.footer-name{font-size:var(--text-xs);font-weight:var(--fw-medium)}.footer-name,.footer-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-role{font-size:10px;color:var(--text-tertiary)}.collapse-btn{margin-left:auto;width:22px;height:22px;border-radius:var(--radius-xs);background:transparent;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.app-shell.sidebar-collapsed .brand-word,.app-shell.sidebar-collapsed .footer-meta,.app-shell.sidebar-collapsed .nav-count,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-label-text,.app-shell.sidebar-collapsed .sidebar-search .kbd-hint,.app-shell.sidebar-collapsed .sidebar-search span,.app-shell.sidebar-collapsed .workspace-switch{display:none}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .sidebar-footer,.app-shell.sidebar-collapsed .sidebar-header,.app-shell.sidebar-collapsed .sidebar-search{justify-content:center}.app-shell.sidebar-collapsed .collapse-btn{margin-left:0}.main-col{display:flex;flex-direction:column;min-width:0;height:100vh;background:var(--canvas)}.topbar{height:var(--topbar-h);flex-shrink:0;gap:var(--sp-8);padding:0 var(--sp-12);border-bottom:1px solid var(--border-subtle)}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:var(--sp-4);font-size:var(--text-sm);color:var(--text-tertiary);min-width:0}.breadcrumb .current{color:var(--text-primary);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-sep{color:var(--text-disabled)}.topbar-spacer{flex:1 1}.topbar-actions{gap:var(--sp-4)}.icon-btn,.topbar-actions{display:flex;align-items:center}.icon-btn{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);justify-content:center;transition:background var(--dur-fast),border-color var(--dur-fast);position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}.icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--red-9);border:1.5px solid var(--surface)}.view-content{flex:1 1;overflow:hidden;display:flex;min-height:0}.btn{display:inline-flex;align-items:center;gap:var(--sp-4);height:30px;padding:0 var(--sp-8);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn.primary{background:var(--accent-9);border-color:var(--accent-9);color:var(--text-on-accent)}.btn.primary:hover{background:var(--accent-10);border-color:var(--accent-10)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-hover)}.btn.danger{color:var(--red-11)}.btn.danger:hover{background:var(--red-a3);border-color:var(--red-9)}.btn.sm{height:26px;padding:0 var(--sp-6);font-size:var(--text-xs)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn .kbd{margin-left:var(--sp-2)}.badge{display:inline-flex;align-items:center;font-size:var(--text-2xs);font-weight:var(--fw-semibold);padding:2px 7px;border-radius:var(--radius-full);line-height:1.6;white-space:nowrap;letter-spacing:.01em}.badge.neutral{background:var(--surface-sunken);color:var(--text-secondary);border:1px solid var(--border)}.badge.accent{background:var(--accent-a3);color:var(--accent-11)}.badge.amber{background:var(--amber-a3);color:var(--amber-11)}.badge.red{background:var(--red-a3);color:var(--red-11)}.badge.blue{background:var(--blue-a3);color:var(--blue-11)}.badge.violet{background:var(--violet-a3);color:var(--violet-11)}.case-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border);border-left:2.5px solid var(--tab-color,var(--text-tertiary));border-radius:var(--radius-xs);padding:2px 7px 2px 6px;white-space:nowrap}.rechtsgebied-dot{width:7px;height:7px;border-radius:2px;background:var(--tab-color,var(--text-tertiary));flex-shrink:0}.rechtsgebied-label{gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.priority,.rechtsgebied-label{display:inline-flex;align-items:center}.priority{font-size:var(--text-2xs);font-weight:var(--fw-semibold);padding:2px 7px;border-radius:var(--radius-xs)}.priority.kritiek{background:var(--red-a3);color:var(--red-11)}.priority.hoog{background:var(--amber-a3);color:var(--amber-11)}.priority.normaal{background:var(--surface-sunken);color:var(--text-secondary);border:1px solid var(--border)}.countdown{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-xs)}.countdown.c-overdue{background:var(--red-a3);color:var(--red-11)}.countdown.c-urgent{background:var(--amber-a3);color:var(--amber-11)}.countdown.c-normal{background:var(--surface-sunken);color:var(--text-secondary);border:1px solid var(--border)}.input,.select,.textarea{width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);padding:0 var(--sp-6);height:32px;transition:border-color var(--dur-fast)}.textarea{height:auto;padding:var(--sp-6);resize:vertical;min-height:72px}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-9);box-shadow:var(--shadow-ring)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary)}.field-hint{color:var(--text-tertiary)}.field-error,.field-hint{font-size:var(--text-2xs)}.field-error{color:var(--red-11);display:flex;align-items:center;gap:4px}.field.has-error .input{border-color:var(--red-9)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap svg{position:absolute;left:9px;color:var(--text-tertiary);pointer-events:none}.search-input-wrap .input{padding-left:30px}.switch{width:32px;height:18px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border);position:relative;flex-shrink:0;transition:background var(--dur-base)}.switch:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text-tertiary);transition:all var(--dur-base) var(--ease-standard)}.switch.on{background:var(--accent-a4);border-color:var(--accent-border)}.switch.on:after{transform:translateX(14px);background:var(--accent-10)}.checkbox{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--border-strong);background:var(--surface-raised);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.checkbox:hover{border-color:var(--accent-9)}.radio-row{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.radio-row input[type=radio]{width:15px;height:15px;accent-color:var(--accent-9);cursor:pointer;margin:0}.checkbox.checked{background:var(--accent-9);border-color:var(--accent-9)}.checkbox.checked:hover{background:var(--accent-10);border-color:var(--accent-10)}.checkbox.checked svg{width:11px;height:11px;color:var(--text-on-accent)}.panel{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.panel-head,.panel-header{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--border-subtle)}.panel-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:var(--sp-4);min-width:0}.panel-title .count{color:var(--text-tertiary);font-weight:var(--fw-regular);margin-left:4px}.panel-head .topbar-spacer,.panel-header .topbar-spacer{flex:1 1}.panel-body{padding:var(--sp-6) var(--sp-8)}.panel-link{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:3px}.panel-link:hover{color:var(--accent-11)}.section-block+.section-block{margin-top:var(--sp-8)}.data-table{width:100%;border-collapse:collapse}.data-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--canvas);text-align:left;font-size:var(--text-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table tbody tr.row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast)}.data-table tbody tr.row:hover{background:var(--surface-hover)}.data-table tbody tr.row.selected{background:var(--surface-selected)}.data-table td{padding:var(--sp-5) var(--sp-6);font-size:var(--text-sm);vertical-align:middle}.cell-primary{font-weight:var(--fw-medium);color:var(--text-primary)}.cell-secondary{color:var(--text-tertiary);font-size:var(--text-xs)}.cell-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.row-actions{opacity:0;display:flex;gap:2px;justify-content:flex-end;transition:opacity var(--dur-fast)}.data-table tbody tr.row:hover .row-actions{opacity:1}.group-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--surface-sunken);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.group-header .count{color:var(--text-tertiary);font-weight:var(--fw-regular)}.list-toolbar{padding:var(--sp-6) var(--sp-12);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.filters-row,.list-toolbar{display:flex;align-items:center;gap:var(--sp-6)}.view-tabs{display:flex;gap:2px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.view-tab{padding:5px 10px;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-tertiary);border-radius:var(--radius-xs)}.view-tab.active{color:var(--text-primary)}.filter-chip,.view-tab.active{background:var(--surface-raised);border:1px solid var(--border)}.filter-chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-sm);padding:5px 9px}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip.active{background:var(--accent-a3);border-color:var(--accent-border);color:var(--accent-11)}.stat-strip{display:flex;align-items:stretch;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.stat-seg{flex:1 1;display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-10);border-right:1px solid var(--border-subtle);transition:background var(--dur-fast)}.stat-seg:last-child{border-right:none}.stat-seg:hover{background:var(--surface-hover)}.stat-num{font-size:var(--text-2xl);font-weight:var(--fw-semibold);font-family:var(--font-serif);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.stat-num.accent-num{color:var(--accent-11)}.stat-num.amber-num{color:var(--amber-11)}.stat-num.red-num{color:var(--red-11)}.stat-meta{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--text-2xs);color:var(--text-tertiary)}.triage-item{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--border-subtle);cursor:pointer}.triage-item:last-child{border-bottom:none}.triage-item:hover{background:var(--surface-hover)}.triage-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.triage-icon.i-deadline{background:var(--amber-a3);color:var(--amber-11)}.triage-icon.i-taak{background:var(--accent-a3);color:var(--accent-11)}.triage-icon.i-dossier{background:var(--blue-a3);color:var(--blue-11)}.triage-icon.i-overdue{background:var(--red-a3);color:var(--red-11)}.triage-body{flex:1 1;min-width:0}.triage-title{font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.triage-sub{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:6px;margin-top:1px}.timeline{position:relative;padding-left:var(--sp-8)}.timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:1px;background:var(--border)}.timeline-item{position:relative;padding:0 0 var(--sp-8) var(--sp-8)}.timeline-item:before{content:"";position:absolute;left:-21px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--border-strong);border:2px solid var(--surface)}.timeline-item.tl-doc:before{background:var(--blue-9)}.timeline-item.tl-mail:before{background:var(--violet-9)}.timeline-item.tl-status:before{background:var(--accent-9)}.timeline-item.tl-taak:before{background:var(--amber-9)}.timeline-text{font-size:var(--text-sm)}.timeline-text b{font-weight:var(--fw-medium);color:var(--text-primary)}.timeline-time{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px}.empty-state{flex-direction:column;gap:var(--sp-6);padding:var(--sp-32) var(--sp-12);text-align:center;color:var(--text-tertiary)}.empty-state,.empty-state .empty-icon{display:flex;align-items:center;justify-content:center}.empty-state .empty-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-disabled)}.empty-state .empty-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.empty-state .empty-sub{font-size:var(--text-xs);max-width:280px}.error-state{display:flex;align-items:flex-start;gap:var(--sp-6);padding:var(--sp-8);margin:var(--sp-6) var(--sp-8);background:var(--red-a3);border:1px solid var(--red-9);border-radius:var(--radius-md);color:var(--red-11);font-size:var(--text-sm)}.error-state .error-title{font-weight:var(--fw-semibold);color:var(--text-primary)}.error-state .error-body{color:var(--text-secondary);font-size:var(--text-xs);margin-top:2px}.skel{background:linear-gradient(90deg,var(--surface-raised) 25%,var(--surface-hover) 37%,var(--surface-raised) 63%);background-size:400% 100%;animation:skel-shimmer 1.6s ease infinite;border-radius:var(--radius-xs)}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-6)}.skel-line{height:10px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.cmdk-overlay{position:fixed;inset:0;background:rgba(6,7,9,.6);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:var(--z-command-palette);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdk{width:560px;max-width:92vw;max-height:60vh;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.cmdk-input-row svg{color:var(--text-tertiary)}.cmdk-input{flex:1 1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-md)}.cmdk-input::placeholder{color:var(--text-tertiary)}.cmdk-list{overflow-y:auto;padding:var(--sp-4)}.cmdk-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-disabled);padding:var(--sp-4) var(--sp-6) 2px}.cmdk-item{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-6);border-radius:var(--radius-sm);font-size:var(--text-sm)}.cmdk-item svg{color:var(--text-tertiary)}.cmdk-item.active{background:var(--accent-a3)}.cmdk-item.active svg{color:var(--accent-11)}.cmdk-item-meta{margin-left:auto;font-size:var(--text-2xs);color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:rgba(6,7,9,.55);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{width:480px;max-width:92vw;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal.wide{width:620px}.modal-header{display:flex;align-items:center;padding:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--text-md);font-weight:var(--fw-semibold)}.modal-body{flex-direction:column;gap:var(--sp-6);max-height:60vh;overflow-y:auto}.modal-body,.modal-footer{padding:var(--sp-8);display:flex}.modal-footer{justify-content:flex-end;gap:var(--sp-4);border-top:1px solid var(--border-subtle)}.drawer-overlay{position:fixed;inset:0;background:rgba(6,7,9,.4);z-index:var(--z-drawer)}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:var(--surface-overlay);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.drawer-header{display:flex;align-items:flex-start;gap:var(--sp-6);padding:var(--sp-8) var(--sp-10);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.drawer-title{font-size:var(--text-md)}.drawer-eyebrow,.drawer-title{font-weight:var(--fw-semibold)}.drawer-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px}.drawer-close{margin-left:auto}.drawer-body{padding:var(--sp-10);overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:var(--sp-10)}.drawer-footer{display:flex;gap:var(--sp-4);padding:var(--sp-8) var(--sp-10);border-top:1px solid var(--border-subtle);flex-shrink:0}.drawer-section-title{font-size:var(--text-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--sp-4)}.tooltip{background:var(--surface-overlay);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-2xs);padding:4px 8px;border-radius:var(--radius-xs);box-shadow:var(--shadow-md);white-space:nowrap}.menu-popover,.tooltip{position:absolute;z-index:var(--z-popover)}.menu-popover{display:none}.menu-popover.open{display:block}.data-table tbody tr.row.kbd-focus,.list-item.kbd-focus{background:var(--surface-selected);box-shadow:inset 2px 0 0 var(--accent-9)}.menu{min-width:190px;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--sp-2)}.menu-item{display:flex;align-items:center;gap:var(--sp-6);padding:6px var(--sp-6);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--text-primary)}.menu-item svg{color:var(--text-tertiary)}.menu-item:hover{background:var(--surface-hover)}.menu-item.danger{color:var(--red-11)}.menu-item.danger svg{color:var(--red-9)}.menu-sep{height:1px;background:var(--border-subtle);margin:var(--sp-2) 0}.menu-item .kbd{margin-left:auto}.menu-divider{height:1px;background:var(--border-subtle);margin:var(--sp-2) 0}.menu-item-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--sp-6);gap:var(--sp-6)}.menu-item-row-label{font-size:var(--text-sm);color:var(--text-primary)}.mode-switch{display:flex;gap:2px;padding:2px;background:var(--surface-sunken);border-radius:var(--radius-sm);flex-shrink:0}.mode-switch-btn{width:22px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);background:transparent;border:none}.mode-switch-btn:hover{color:var(--text-primary)}.mode-switch-btn.active{background:var(--surface-raised);color:var(--accent-11);box-shadow:var(--shadow-sm)}.menu-item-row.weergave-row .menu-item-row-label{font-size:12px;color:var(--text-secondary)}.autocomplete-field{position:relative}.autocomplete-field input.input{padding-right:28px}.autocomplete-field .ac-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-full);display:none;align-items:center;justify-content:center;color:var(--text-tertiary);border:none;background:transparent}.autocomplete-field.has-value .ac-clear{display:flex}.autocomplete-field .ac-clear:hover{background:var(--surface-hover);color:var(--text-primary)}.ac-popover{max-height:260px;overflow-y:auto;padding:var(--sp-2);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.ac-option{display:flex;align-items:center;gap:var(--sp-5);padding:7px var(--sp-6);border-radius:var(--radius-xs);cursor:pointer}.ac-option.highlighted,.ac-option:hover{background:var(--surface-hover)}.ac-option .ac-option-title{font-size:var(--text-sm);color:var(--text-primary);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-option .ac-option-meta{font-size:var(--text-2xs);color:var(--text-tertiary)}.ac-empty,.ac-loading{padding:var(--sp-10) var(--sp-6);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}.ac-chip{display:inline-flex;align-items:center;gap:var(--sp-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px var(--sp-6);font-size:var(--text-sm)}.ac-chip .ac-chip-remove{color:var(--text-tertiary);cursor:pointer;background:none;border:none}.ac-chip .ac-chip-remove:hover{color:var(--red-11)}.ac-create-option{border-top:none;font-weight:var(--fw-medium)}.ac-create-option,.ac-create-option .ac-option-title{color:var(--accent-11)}.date-trigger{display:flex;align-items:center;gap:var(--sp-4);text-align:left;cursor:pointer;width:100%}.date-trigger svg{color:var(--text-tertiary);flex-shrink:0}.date-popover{padding:var(--sp-8);width:248px;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.date-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.date-cal-title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.date-cal-footer{display:flex;justify-content:space-between;margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.address-field-group{grid-template-columns:1fr;grid-column:1/3}.address-field-group,.address-field-group .addr-row{display:grid;grid-gap:var(--sp-6);gap:var(--sp-6)}.address-field-group .addr-row.addr-straat-nr{grid-template-columns:2fr 1fr 1fr}.address-field-group .addr-row.addr-postcode-plaats{grid-template-columns:1fr 2fr}.ubo-row{display:flex;gap:var(--sp-4);align-items:flex-start;margin-bottom:var(--sp-6)}.ubo-row .form-grid-3{flex:1 1}.rte-toolbar{gap:2px;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-sunken)}.rte-btn,.rte-toolbar{display:flex;align-items:center}.rte-btn{width:26px;height:26px;border-radius:var(--radius-xs);justify-content:center;color:var(--text-secondary);flex-shrink:0;border:none;background:transparent;cursor:pointer}.rte-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.rte-btn.active{background:var(--accent-a3);color:var(--accent-11)}.rte-divider{width:1px;height:18px;background:var(--border);margin:0 var(--sp-2);flex-shrink:0}.rte-select{height:26px;font-size:var(--text-xs);border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-xs);padding:0 2px}.rte-select:hover{background:var(--surface-hover)}.rte-body{min-height:220px;max-height:380px;overflow-y:auto;padding:var(--sp-8);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}.rte-body .ProseMirror{outline:none}.rte-body .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-tertiary);float:left;height:0;pointer-events:none}.rte-body ol,.rte-body ul{padding-left:1.4em;margin:.4em 0}.rte-body a{color:var(--accent-11);text-decoration:underline}.rte-body img{max-width:100%;border-radius:var(--radius-xs)}.rte-body.rte-compact{min-height:110px;max-height:200px}.pdf-viewer{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken)}.pdf-toolbar{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-4) var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.pdf-toolbar .pdf-page-info{font-family:var(--font-mono);min-width:64px}.pdf-toolbar .pdf-page-info,.pdf-toolbar .pdf-zoom-info{font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.pdf-toolbar .pdf-zoom-info{min-width:38px}.pdf-canvas-wrap{flex:1 1;overflow:auto;display:flex;justify-content:center;padding:var(--sp-16)}.pdf-loading-page{width:420px;height:594px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);padding:var(--sp-24);flex-shrink:0}.pdf-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-32);text-align:center}.timer-widget-rest{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 var(--sp-6);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);flex-shrink:0;white-space:nowrap}.timer-widget-rest:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.timer-widget-rest .tw-rest-label{display:none}.timer-widget{display:flex;align-items:center;gap:var(--sp-5);height:26px;padding:0 var(--sp-3) 0 var(--sp-6);border-radius:var(--radius-sm);background:var(--accent-a2);border:1px solid var(--accent-a4);flex-shrink:0}.timer-widget.paused{background:var(--amber-a3);border-color:var(--amber-border)}.timer-widget .tw-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-9);flex-shrink:0;animation:tw-pulse 2s ease-in-out infinite}.timer-widget.paused .tw-dot{background:var(--amber-9);animation:none}@keyframes tw-pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-widget .tw-time{font-family:var(--font-mono);font-size:12px;font-weight:var(--fw-semibold);color:var(--accent-11);white-space:nowrap}.timer-widget.paused .tw-time{color:var(--amber-11)}.timer-widget .tw-sep{color:var(--text-tertiary);font-size:11px}.timer-widget .tw-context{font-size:11px;color:var(--text-secondary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-widget .tw-actions{display:flex;align-items:center;gap:2px;margin-left:2px}.timer-widget .tw-btn{width:20px;height:20px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--accent-11);background:transparent;border:none;flex-shrink:0}.timer-widget.paused .tw-btn{color:var(--amber-11)}.timer-widget .tw-btn:hover{background:var(--accent-a3)}.timer-widget.paused .tw-btn:hover{background:var(--amber-a3)}.timer-widget .tw-btn.tw-stop:hover{background:var(--red-a3);color:var(--red-11)}@media (max-width:1280px){.timer-widget .tw-context{display:none}}.timer-suggestion{position:fixed;right:var(--sp-12);bottom:var(--sp-12);width:340px;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-toast);padding:var(--sp-8)}.timer-suggestion .ts-header{display:flex;align-items:flex-start;gap:var(--sp-5);margin-bottom:var(--sp-6)}.timer-suggestion .ts-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-a3);color:var(--accent-11);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-suggestion .ts-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.timer-suggestion .ts-text b{font-family:var(--font-mono)}.timer-suggestion .ts-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.timer-suggestion .ts-actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.timer-suggestion .ts-actions .btn{flex:none}.step,.stepper{display:flex;align-items:center}.step{gap:8px}.step-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--fw-semibold);color:var(--text-tertiary);background:var(--surface);flex-shrink:0}.step.done .step-dot{background:var(--accent-9);border-color:var(--accent-9);color:var(--text-on-accent)}.step.current .step-dot{border-color:var(--accent-9);color:var(--accent-11);box-shadow:0 0 0 3px var(--accent-a3)}.step-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--fw-medium);white-space:nowrap}.step.current .step-label,.step.done .step-label{color:var(--text-primary)}.step-connector{width:28px;height:1px;background:var(--border-strong);margin:0 6px}.step-connector.done,.step.done+.step-connector-wrap .step-connector{background:var(--accent-9)}.callout{gap:var(--sp-8);padding:var(--sp-8) var(--sp-10);background:var(--accent-a2);border:1px solid var(--accent-border);border-radius:var(--radius-md)}.callout,.callout-icon{display:flex;align-items:center}.callout-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--accent-a3);color:var(--accent-11);justify-content:center;flex-shrink:0}.callout-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-11)}.callout-label,.callout-title{font-weight:var(--fw-semibold)}.callout-title{font-size:var(--text-sm);margin-top:1px}.callout-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:1px}.detail-layout{display:flex;flex:1 1;min-width:0;min-height:0}.detail-main{flex:1 1;min-width:0;overflow-y:auto}.detail-header{padding:var(--sp-8) var(--sp-12) var(--sp-6);border-bottom:1px solid var(--border-subtle)}.detail-title-row{display:flex;align-items:baseline;gap:var(--sp-6);flex-wrap:wrap}.detail-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--fw-medium);letter-spacing:-.01em}.detail-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.detail-meta-row{display:flex;align-items:center;gap:var(--sp-10);margin-top:var(--sp-6);flex-wrap:wrap}.detail-meta-item{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-tertiary)}.detail-meta-item b{color:var(--text-primary);font-weight:var(--fw-medium)}.detail-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-8);flex-wrap:wrap}.detail-stepper-row{margin-top:var(--sp-10);overflow-x:auto;padding-bottom:2px}.detail-callout-row{margin-top:var(--sp-8)}.section-nav{display:flex;gap:2px;padding:var(--sp-4) var(--sp-12);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;background:var(--canvas);z-index:var(--z-sticky)}.section-nav a{padding:6px 11px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.section-nav a:hover{color:var(--text-primary)}.section-nav a.active{background:var(--accent-a3);color:var(--accent-11)}.section-nav .sn-count{font-size:10px;background:var(--surface-sunken);border-radius:var(--radius-full);padding:0 5px;color:var(--text-tertiary)}.section-nav a.active .sn-count{background:var(--accent-a4);color:var(--accent-11)}.detail-body{padding:var(--sp-8) var(--sp-12) var(--sp-32);display:flex;flex-direction:column;gap:var(--sp-10)}.detail-section{scroll-margin-top:46px}.context-panel{width:var(--w-context);flex-shrink:0;border-left:1px solid var(--border-subtle);overflow-y:auto;background:var(--surface)}.context-block{padding:var(--sp-8) var(--sp-10);border-bottom:1px solid var(--border-subtle)}.context-block-title{font-size:var(--text-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--sp-6)}.context-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);padding:5px 0;font-size:var(--text-xs)}.context-row .k{color:var(--text-tertiary)}.context-row .v{color:var(--text-primary);font-weight:var(--fw-medium);text-align:right}.context-fin-bar{height:6px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden;margin-top:var(--sp-4)}.context-fin-fill{height:100%;background:var(--accent-9)}.context-fin-fill,.tag-chip{border-radius:var(--radius-full)}.tag-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);padding:3px 8px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-secondary)}.mini-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-8);border-bottom:1px solid var(--border-subtle);cursor:pointer}.mini-row:last-child{border-bottom:none}.mini-row:hover{background:var(--surface-hover)}.mini-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.mini-title{font-size:var(--text-sm);font-weight:var(--fw-medium)}.mini-sub{font-size:var(--text-2xs);margin-top:1px}.legal-basis,.mini-sub{color:var(--text-tertiary)}.legal-basis{font-family:var(--font-mono);font-size:10px;background:var(--surface-sunken);border:1px solid var(--border);padding:1px 6px;border-radius:var(--radius-xs)}.doc-rail{width:var(--w-rail);flex-shrink:0;border-right:1px solid var(--border-subtle);padding:var(--sp-8) var(--sp-6);overflow-y:auto}.doc-rail-label{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-disabled);padding:var(--sp-4);margin-top:var(--sp-6)}.doc-rail-item{display:flex;align-items:center;gap:var(--sp-4);padding:6px var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary)}.doc-rail-item:hover{background:var(--surface-hover);color:var(--text-primary)}.doc-rail-item.active{background:var(--accent-a3);color:var(--text-primary)}.doc-rail-item .dot{width:6px;height:6px;border-radius:2px}.doc-rail-item .n{margin-left:auto;font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.doc-center{flex:1 1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}.doc-preview{width:var(--w-preview);flex-shrink:0;overflow-y:auto;background:var(--surface)}.preview-canvas{margin:var(--sp-8);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);aspect-ratio:1/1.32;padding:var(--sp-16) var(--sp-12);overflow:hidden}.preview-doc-text{font-family:var(--font-serif);font-size:10.5px;line-height:1.7;color:var(--text-secondary)}.preview-doc-text h4{font-size:12px;margin-bottom:8px;color:var(--text-primary)}.review-track{padding:var(--sp-8)}.review-step,.review-track{display:flex;align-items:center;gap:4px}.review-step{flex-direction:column;flex:1 1}.review-step .rs-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;background:var(--surface)}.review-step.done .rs-dot{background:var(--accent-9);border-color:var(--accent-9);color:var(--text-on-accent)}.review-step.active .rs-dot{border-color:var(--amber-9);box-shadow:0 0 0 3px var(--amber-a3)}.review-step .rs-label{font-size:10px;color:var(--text-tertiary);text-align:center}.review-step.active .rs-label,.review-step.done .rs-label{color:var(--text-primary)}.review-connector{flex:0 0 auto;width:24px;height:1px;background:var(--border-strong);margin-top:-18px}.reviewer-row,.version-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-4) 0}.version-row{font-size:var(--text-xs)}.version-row .vnum{font-family:var(--font-mono);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 6px;color:var(--text-secondary)}.mail-rail{width:var(--w-rail);padding:var(--sp-8) var(--sp-6)}.mail-list,.mail-rail{flex-shrink:0;border-right:1px solid var(--border-subtle);overflow-y:auto}.mail-list{width:var(--w-list)}.mail-item{display:flex;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--border-subtle);cursor:pointer;position:relative}.mail-item:hover{background:var(--surface-hover)}.mail-item.active{background:var(--surface-selected)}.mail-item.unread:before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent-9)}.mail-item-body{flex:1 1;min-width:0}.mail-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.mail-from{font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item.unread .mail-from{font-weight:var(--fw-semibold)}.mail-time{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.mail-subject{font-size:var(--text-xs);color:var(--text-secondary);margin-top:1px}.mail-snippet,.mail-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-snippet{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px}.mail-item-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.mail-reading{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.mail-case-header{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-6) var(--sp-10);background:var(--accent-a2);border-bottom:1px solid var(--accent-border);flex-shrink:0}.mail-case-header .mc-title{font-size:var(--text-xs);font-weight:var(--fw-semibold)}.mail-case-header .mc-sub{font-size:10px;color:var(--text-tertiary)}.mail-thread-header{padding:var(--sp-10) var(--sp-12) var(--sp-6);border-bottom:1px solid var(--border-subtle)}.mail-thread-title{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.mail-body-block{padding:var(--sp-10) var(--sp-12);border-bottom:1px solid var(--border-subtle)}.mail-body-from-row{display:flex;align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-6)}.mail-body-text{font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary)}.mail-body-text p+p{margin-top:10px}.mail-attachments{display:flex;gap:var(--sp-4);margin-top:var(--sp-6);flex-wrap:wrap}.mail-attachment-chip{display:flex;align-items:center;gap:5px;font-size:var(--text-2xs);border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--radius-sm);padding:4px 8px}.mail-compose{padding:var(--sp-10) var(--sp-12);flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--surface)}.cal-wrap{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.cal-toolbar{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-12);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.cal-grid-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;position:relative}.cal-grid{min-width:0}.cal-daycol-header,.cal-grid{display:grid;grid-template-columns:52px repeat(7,1fr)}.cal-daycol-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--canvas);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.cal-day-label{padding:var(--sp-4) var(--sp-3);text-align:center;border-left:1px solid var(--border-subtle)}.cal-day-label .dname{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.cal-day-label .dnum{font-size:var(--text-md);font-weight:var(--fw-semibold);margin-top:2px}.cal-day-label.today .dnum{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-9);color:var(--text-on-accent);margin-top:1px}.cal-hour-label{font-size:10px;color:var(--text-tertiary);text-align:right;padding-right:6px;transform:translateY(-6px)}.cal-hour-row{height:56px;border-top:1px solid var(--border-subtle)}.cal-daycol{border-left:1px solid var(--border-subtle);position:relative}.cal-event{position:absolute;left:3px;right:3px;border-radius:var(--radius-xs);padding:3px 6px;font-size:10.5px;line-height:1.3;overflow:hidden;border-left:2.5px solid;cursor:pointer}.cal-event.active-event{box-shadow:0 0 0 2px var(--accent-9);z-index:2}.cal-event .ce-title{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event .ce-time{opacity:.75;font-size:9.5px}.cal-event.ev-zitting{background:var(--red-a3);border-color:var(--red-9);color:var(--red-11)}.cal-event.ev-client{background:var(--blue-a3);border-color:var(--blue-9);color:var(--blue-11)}.cal-event.ev-intern{background:var(--amber-a3);border-color:var(--amber-9);color:var(--amber-11)}.cal-event.ev-accent{background:var(--accent-a3);border-color:var(--accent-9);color:var(--accent-11)}.cal-week-scroll{display:flex;flex-direction:column;flex:1 1;min-height:0}.cal-allday-row{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.cal-allday-cell{border-left:1px solid var(--border-subtle);padding:3px;min-height:26px}.cal-allday-chip{font-size:10px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--amber-a3);color:var(--amber-11);border-left:2px solid var(--amber-9);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-allday-row.single-day,.cal-daycol-header.single-day,.cal-grid.single-day{grid-template-columns:52px minmax(0,480px)}.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(92px,1fr);flex:1 1;overflow-y:auto;align-content:start}.cal-month-dow{text-align:center;font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle);background:var(--canvas);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.cal-month-cell{border-left:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.cal-month-cell:hover{background:var(--surface-hover)}.cal-month-cell.muted{color:var(--text-disabled);background:var(--surface-subtle)}.cal-month-cell .cmc-daynum{font-size:11px;font-weight:var(--fw-medium)}.cal-month-cell.today .cmc-daynum{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent-9);color:var(--text-on-accent)}.cal-month-event-chip{font-size:9.5px;padding:1px 4px;border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid}.cal-month-event-chip.ev-zitting{background:var(--red-a3);border-color:var(--red-9);color:var(--red-11)}.cal-month-event-chip.ev-client{background:var(--blue-a3);border-color:var(--blue-9);color:var(--blue-11)}.cal-month-event-chip.ev-intern{background:var(--amber-a3);border-color:var(--amber-9);color:var(--amber-11)}.cal-month-event-chip.ev-accent{background:var(--accent-a3);border-color:var(--accent-9);color:var(--accent-11)}.cal-month-more{font-size:9.5px;color:var(--text-tertiary)}.agenda-side{width:var(--w-context);flex-shrink:0;border-left:1px solid var(--border-subtle);overflow-y:auto;padding:var(--sp-8)}.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}.mini-cal .mc-dow{font-size:9px;color:var(--text-disabled);padding-bottom:4px}.mini-cal .mc-day{font-size:11px;padding:4px 0;border-radius:var(--radius-xs);color:var(--text-secondary)}.mini-cal .mc-day.today{background:var(--accent-9);color:var(--text-on-accent);font-weight:var(--fw-semibold)}.mini-cal .mc-day.muted{color:var(--text-disabled)}.mini-cal.interactive .mc-day{cursor:pointer}.mini-cal.interactive .mc-day:hover{background:var(--surface-hover)}.mini-cal .mc-day.selected{background:var(--accent-9);color:var(--text-on-accent);font-weight:var(--fw-semibold);box-shadow:0 0 0 2px var(--accent-a4)}.task-group,.task-row{border-bottom:1px solid var(--border-subtle)}.task-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-12);cursor:pointer}.task-row.selected{background:var(--accent-a2);box-shadow:inset 2px 0 0 var(--accent-9)}.task-row:hover{background:var(--surface-hover)}.task-row:last-child{border-bottom:none}.task-title{font-size:var(--text-sm);font-weight:var(--fw-medium)}.task-row.done .task-title{text-decoration:line-through;color:var(--text-tertiary)}.task-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.settings-layout{display:flex;flex:1 1;min-width:0;min-height:0}.settings-rail{width:var(--w-rail);flex-shrink:0;border-right:1px solid var(--border-subtle);padding:var(--sp-10) var(--sp-6);overflow-y:auto}.settings-content{flex:1 1;overflow-y:auto;padding:var(--sp-10) var(--sp-16) var(--sp-32)}.settings-max{max-width:640px}.settings-section-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);font-family:var(--font-serif);margin-bottom:2px}.settings-section-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--sp-10)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-10);padding:var(--sp-8) 0;border-bottom:1px solid var(--border-subtle)}.settings-row-label{font-size:var(--text-sm);font-weight:var(--fw-medium)}.settings-row-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.showcase-section{padding:var(--sp-16) var(--sp-16);border-bottom:1px solid var(--border-subtle);max-width:1100px}.showcase-section h2{font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:var(--sp-2)}.showcase-sub{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--sp-10)}.showcase-row{display:flex;gap:var(--sp-8);flex-wrap:wrap;align-items:flex-start;margin-bottom:var(--sp-8)}.swatch{width:96px}.swatch-color{height:52px;border-radius:var(--radius-sm);border:1px solid var(--border)}.swatch-label{font-size:10px;margin-top:4px;color:var(--text-secondary)}.swatch-hex{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.type-row{display:flex;align-items:baseline;gap:var(--sp-8);padding:var(--sp-4) 0;border-bottom:1px solid var(--border-subtle)}.type-row .tspec{width:190px;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);flex-shrink:0}.state-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;width:340px}.state-box-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:6px 10px;border-bottom:1px solid var(--border-subtle);background:var(--surface)}.wizard-shell{min-height:0}.wizard-main,.wizard-shell{display:flex;flex:1 1;min-width:0}.wizard-main{flex-direction:column;overflow:hidden}.wizard-steps-bar{padding:var(--sp-8) var(--sp-16);border-bottom:1px solid var(--border-subtle);background:var(--surface);overflow-x:auto}.wizard-step,.wizard-steps-bar{display:flex;align-items:center;flex-shrink:0}.wizard-step{gap:8px;cursor:pointer}.wizard-step.disabled{cursor:not-allowed;opacity:.5}.wizard-step .ws-dot{width:25px;height:25px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-semibold);color:var(--text-tertiary);background:var(--surface);flex-shrink:0}.wizard-step.done .ws-dot{background:var(--accent-9);border-color:var(--accent-9);color:var(--text-on-accent)}.wizard-step.current .ws-dot{border-color:var(--accent-9);color:var(--accent-11);box-shadow:0 0 0 3px var(--accent-a3)}.wizard-step .ws-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);white-space:nowrap}.wizard-step.current .ws-label,.wizard-step.done .ws-label{color:var(--text-primary)}.wizard-step-connector{width:32px;height:1px;background:var(--border-strong);margin:0 10px;flex-shrink:0}.wizard-step-connector.done{background:var(--accent-9)}.wizard-scroll{flex:1 1;overflow-y:auto}.wizard-body{padding:var(--sp-16) var(--sp-20) var(--sp-20);max-width:720px;margin:0 auto}.wizard-eyebrow{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-11);margin-bottom:6px}.wizard-title{font-family:var(--font-serif);font-size:24px;font-weight:500;margin-bottom:4px}.wizard-sub{font-size:var(--text-sm);color:var(--text-tertiary);max-width:560px}.wizard-fieldset,.wizard-sub{margin-bottom:var(--sp-16)}.wizard-fieldset-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:6px}.form-grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--sp-8) var(--sp-10)}.form-grid-2,.form-grid-3{display:grid;gap:var(--sp-8) var(--sp-10)}.form-grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:var(--sp-8) var(--sp-10)}.wizard-footer{position:-webkit-sticky;position:sticky;bottom:0;border-top:1px solid var(--border-subtle);padding:var(--sp-8) var(--sp-16);display:flex;justify-content:space-between;align-items:center}.wizard-footer,.wizard-summary{background:var(--surface);flex-shrink:0}.wizard-summary{width:var(--w-context);border-left:1px solid var(--border-subtle);padding:var(--sp-10);overflow-y:auto}.option-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-8) var(--sp-10);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast);display:flex;gap:var(--sp-6);align-items:flex-start}.option-card:hover{border-color:var(--border-strong)}.option-card.selected{border-color:var(--accent-9);background:var(--accent-a2)}.option-card .radio-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:var(--surface)}.option-card.selected .radio-dot{border-color:var(--accent-9)}.option-card.selected .radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-9)}.option-card-body{flex:1 1;min-width:0}.option-card-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);display:flex;align-items:center;justify-content:space-between;gap:6px}.option-card-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px;line-height:1.45}.option-card-price{font-family:var(--font-mono);font-size:var(--text-md);margin-top:6px;color:var(--text-primary)}.option-row-group{display:flex;flex-direction:column;gap:var(--sp-4)}.conflict-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:6px;background:var(--surface)}.conflict-risk{font-size:10px;font-weight:var(--fw-semibold);padding:3px 9px;border-radius:var(--radius-full);flex-shrink:0}.conflict-risk.hoog{background:var(--red-a3);color:var(--red-11)}.conflict-risk.laag{background:var(--amber-a3);color:var(--amber-11)}.conflict-risk.geen{background:var(--accent-a3);color:var(--accent-11)}.review-summary-row{display:flex;justify-content:space-between;gap:var(--sp-6);padding:6px 0;font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle)}.review-summary-row:last-child{border-bottom:none}.review-summary-row .k{color:var(--text-tertiary)}.review-summary-row .v{color:var(--text-primary);font-weight:var(--fw-medium);text-align:right;max-width:160px}.timer-hero{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-10) var(--sp-16);background:var(--surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.timer-display{font-family:var(--font-mono);font-size:30px;font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.01em}.timer-display.running{color:var(--accent-11)}.timer-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--red-9);flex-shrink:0;animation:timer-pulse 1.6s ease infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-case-select{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface-raised);flex:1 1;max-width:380px}.day-total-strip{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-6) var(--sp-16);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.day-total-strip b{color:var(--text-primary);font-family:var(--font-mono)}.billable-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--fw-semibold);padding:2px 8px;border-radius:var(--radius-full)}.billable-pill.yes{background:var(--accent-a3);color:var(--accent-11)}.billable-pill.no{background:var(--surface-sunken);color:var(--text-tertiary);border:1px solid var(--border)}.invoice-total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--text-sm)}.invoice-total-row.grand{font-weight:var(--fw-semibold);font-size:var(--text-md);border-top:1px solid var(--border);padding-top:8px;margin-top:4px}.line-item-row{display:grid;grid-template-columns:1fr 70px 90px 90px;grid-gap:var(--sp-6);gap:var(--sp-6);padding:6px 0;font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);align-items:start;line-height:1.5}.line-item-row.header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.line-item-row.header,.role-badge{font-weight:var(--fw-semibold);font-size:10px}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-secondary)}.role-badge.owner{background:var(--accent-a3);color:var(--accent-11);border-color:transparent}.perm-grid{display:grid;grid-template-columns:1fr repeat(3,90px);grid-gap:0;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.perm-cell{padding:var(--sp-5) var(--sp-6);font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.perm-cell.label{justify-content:flex-start;color:var(--text-secondary)}.perm-cell.header{background:var(--surface-sunken);font-weight:var(--fw-semibold);font-size:10px;text-transform:uppercase;color:var(--text-tertiary)}.bulk-action-bar{display:none;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-12);background:var(--accent-2);border-bottom:1px solid var(--accent-border);flex-shrink:0}.bulk-action-bar.active{display:flex}.bulk-action-bar .bulk-count{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--accent-11)}.bulk-action-bar .bulk-actions{display:flex;gap:var(--sp-3);margin-left:var(--sp-6)}.bulk-action-bar .bulk-clear{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary)}.bulk-action-bar .bulk-clear:hover{color:var(--text-primary)}.pagination{display:flex;align-items:center;gap:var(--sp-2)}.pagination-summary{font-size:var(--text-xs);color:var(--text-tertiary);margin-right:auto}.page-btn{min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary);font-family:var(--font-mono)}.page-btn:hover{background:var(--surface-hover)}.page-btn.current{background:var(--accent-a3);color:var(--accent-11);border-color:var(--accent-border)}.page-btn:disabled{opacity:.4;pointer-events:none}.page-ellipsis{color:var(--text-disabled);padding:0 2px;font-size:var(--text-xs)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text-primary)}.data-table th.sortable .sort-icon{display:inline-flex;margin-left:3px;vertical-align:-2px;opacity:.35}.data-table th.sortable[aria-sort=ascending] .sort-icon,.data-table th.sortable[aria-sort=descending] .sort-icon{opacity:1;color:var(--accent-11)}.data-table th.sortable[aria-sort=descending] .sort-icon{transform:rotate(180deg)}.notif-panel{position:absolute;top:calc(var(--topbar-h) + 6px);right:var(--sp-12);width:360px;max-height:420px;overflow-y:auto;background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-popover);display:none}.notif-panel.open{display:block}.notif-panel-header{display:flex;align-items:center;padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--border-subtle)}.notif-panel-title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.notif-panel-header .mark-read{margin-left:auto;font-size:var(--text-2xs);color:var(--accent-11)}.notif-item{display:flex;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--border-subtle);cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-hover)}.notif-item.unread{background:var(--accent-a2)}.notif-item.unread:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-9);flex-shrink:0;margin-top:5px}.notif-item-body{flex:1 1;min-width:0}.notif-item-text{font-size:var(--text-xs);color:var(--text-primary);line-height:1.4}.notif-item-time{font-size:10px;color:var(--text-tertiary);margin-top:2px}.toast-stack{position:fixed;bottom:var(--sp-12);right:var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-3);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-6);min-width:280px;max-width:380px;padding:var(--sp-6) var(--sp-8);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-slow) var(--ease-out)}.toast.leaving{animation:toast-out var(--dur-base) var(--ease-standard) forwards}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(8px);opacity:0}}.toast-icon{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast.success .toast-icon{background:var(--accent-a3);color:var(--accent-11)}.toast.error .toast-icon{background:var(--red-a3);color:var(--red-11)}.toast-text{flex:1 1;font-size:var(--text-sm);color:var(--text-primary)}.toast-close{color:var(--text-tertiary);flex-shrink:0}.toast-close:hover{color:var(--text-primary)}.confirm-modal .modal-body{flex-direction:row;align-items:flex-start;gap:var(--sp-8)}.confirm-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--red-a3);color:var(--red-11);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-text-title{font-size:var(--text-md);font-weight:var(--fw-semibold)}.confirm-text-body{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px;line-height:1.5}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);color:var(--text-tertiary);font-size:var(--text-xs);transition:border-color var(--dur-fast),background var(--dur-fast)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent-9);background:var(--accent-a2)}.upload-zone .uz-icon{color:var(--text-disabled);margin-bottom:2px}.upload-zone .uz-link{color:var(--accent-11);text-decoration:underline}.upload-zone.busy{border-style:solid;border-color:var(--border);align-items:stretch;text-align:left}.upload-zone .uz-progress-track{height:6px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden;width:100%;margin-top:4px}.upload-zone .uz-progress-fill{height:100%;background:var(--accent-9);border-radius:var(--radius-full)}.uz-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--surface-sunken);border-top-color:var(--accent-9);flex-shrink:0;animation:uz-spin .7s linear infinite}@keyframes uz-spin{to{transform:rotate(1turn)}}.evidence-content-image{max-width:100%;max-height:70vh;display:block;margin:var(--sp-8) auto;border-radius:var(--radius-sm)}.evidence-content-frame{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:var(--sp-8)}.upload-zone.success{border-style:solid;border-color:var(--accent-border);background:var(--accent-a2)}.upload-zone.error,.upload-zone.success{flex-direction:row;align-items:center;text-align:left}.upload-zone.error{border-style:solid;border-color:var(--red-9);background:var(--red-a3)}.uz-filerow{display:flex;align-items:center;gap:var(--sp-6);width:100%}.uz-filename{flex:1 1;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--fw-medium);text-align:left}.uz-filemeta{font-size:10px;text-align:left}.panel-empty,.uz-filemeta{color:var(--text-tertiary)}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-24) var(--sp-10);text-align:center;height:100%}.panel-empty .empty-icon{width:36px;height:36px}.cmdk-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-8);text-align:center;color:var(--text-tertiary)}.cmdk-empty .empty-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.cmdk-empty .empty-sub{font-size:var(--text-xs)}.auth-canvas{min-height:100vh;display:flex;background:var(--canvas)}.auth-story{width:420px;flex-shrink:0;background:linear-gradient(155deg,#013630,#012823 130%);color:var(--text-on-accent);padding:var(--sp-24) var(--sp-20);display:flex;flex-direction:column;justify-content:space-between}.auth-story-brand{display:flex;align-items:center;gap:var(--sp-8);--brand-word-color:#FFFFFF}.auth-story-brand .brand-icon-collapsed{display:block;height:30px;width:auto}.auth-story-brand .brand-logo-full{height:30px;width:auto}.auth-story-eyebrow{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:var(--sp-4)}.auth-story-title{font-family:var(--font-serif);font-size:28px;line-height:1.25;font-weight:500;max-width:300px}.auth-story-sub{font-size:var(--text-sm);opacity:.82;margin-top:var(--sp-6);max-width:300px;line-height:1.55}.auth-trust-note{display:flex;gap:var(--sp-4);align-items:flex-start;font-size:var(--text-xs);opacity:.85;border-top:1px solid rgba(255,255,255,.18);padding-top:var(--sp-10)}.auth-trust-note b{display:block;color:var(--text-on-accent);font-weight:var(--fw-semibold);margin-bottom:2px}.auth-form-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--sp-20);overflow-y:auto}.auth-form-footer{margin-top:var(--sp-16);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--sp-6)}.auth-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-a3);color:var(--accent-11);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2)}.auth-eyebrow{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-11)}.auth-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;margin-top:2px}.auth-sub{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5;margin-bottom:var(--sp-4)}.auth-actions{margin-top:var(--sp-4)}.auth-actions .btn{width:100%;height:38px;justify-content:center;font-size:var(--text-sm)}.auth-footline{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--sp-6)}.auth-footline a,.auth-textlink{color:var(--accent-11);font-weight:var(--fw-medium);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.auth-security-line{display:flex;align-items:center;gap:var(--sp-3);font-size:11px;color:var(--text-tertiary);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.auth-code-input{font-family:var(--font-mono);font-size:22px;letter-spacing:.5em;text-align:center;padding-left:.5em}.auth-otp-boxes{gap:var(--sp-3)}.auth-otp-box,.auth-otp-boxes{display:flex;justify-content:center}.auth-otp-box{width:42px;height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);align-items:center;font-family:var(--font-mono);font-size:20px;font-weight:var(--fw-semibold);color:var(--text-primary)}.auth-otp-box.filled,.auth-otp-box.focus-demo{border-color:var(--accent-9)}.auth-otp-box.focus-demo{box-shadow:var(--shadow-ring)}.auth-qr-block{display:flex;gap:var(--sp-8);align-items:flex-start;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-8)}.auth-qr-img{width:108px;height:108px;background:repeating-conic-gradient(#191B1D 0 25%,#fff 0 50%) 50% /12px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0}.auth-qr-manual{font-size:var(--text-2xs);color:var(--text-tertiary)}.auth-qr-manual code{display:block;font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-3);color:var(--text-primary);letter-spacing:.05em;word-break:break-all}.auth-backup-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-3);gap:var(--sp-3);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-8);font-family:var(--font-mono);font-size:var(--text-sm)}.auth-password-temp{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-5) var(--sp-6)}.auth-password-temp code{flex:1 1;font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:.04em}.auth-strength-track{height:4px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden;display:flex;gap:2px}.auth-strength-track span{flex:1 1;height:100%;background:var(--border);border-radius:2px}.auth-strength-track.weak span:nth-child(-n+1){background:var(--red-9)}.auth-strength-track.medium span:nth-child(-n+2){background:var(--amber-9)}.auth-strength-track.strong span{background:var(--accent-9)}.system-canvas{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas);text-align:center;padding:var(--sp-20)}.system-code{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;margin-bottom:var(--sp-8)}.system-code,.system-icon{color:var(--text-tertiary)}.system-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-8)}.system-icon.warn{background:var(--amber-a3);color:var(--amber-11);border-color:transparent}.system-icon.danger{background:var(--red-a3);color:var(--red-11);border-color:transparent}.system-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500}.system-sub{font-size:var(--text-sm);color:var(--text-secondary);max-width:380px;margin:var(--sp-3) auto 0;line-height:1.55}.system-actions{display:flex;gap:var(--sp-4);justify-content:center;margin-top:var(--sp-10)}.system-footline{font-size:11px;color:var(--text-disabled);margin-top:var(--sp-16)}.state-ref-strip{margin-top:var(--sp-24);padding-top:var(--sp-16);border-top:1px dashed var(--border-strong)}.state-ref-label{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);text-align:center;margin-bottom:var(--sp-8)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:4px}.gap-3{gap:6px}.gap-4{gap:8px}.gap-6{gap:12px}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-right{text-align:right}.text-tertiary{color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.font-normal{font-weight:var(--fw-regular)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{height:1px}.divider,.divider-v{background:var(--border-subtle)}.divider-v{width:1px;align-self:stretch}@media (max-width:1120px){.dash-2col{grid-template-columns:minmax(0,1fr)!important}.col-hide-md{display:none!important}.doc-rail{width:56px;padding:var(--sp-8) var(--sp-4)}.doc-rail .doc-rail-item span,.doc-rail .doc-rail-label{display:none}.doc-rail-item{justify-content:center}.doc-preview,.list-preview-panel{display:none}.detail-layout{flex-direction:column;overflow-y:auto}.detail-main{overflow-y:visible;flex:none}.detail-layout .context-panel{width:100%;border-left:none;border-top:1px solid var(--border-subtle);overflow-y:visible;flex:none}.mail-rail{width:56px;padding:var(--sp-8) var(--sp-4)}.mail-rail .doc-rail-item span,.mail-rail .doc-rail-label{display:none}.mail-rail .doc-rail-item{justify-content:center}.agenda-layout{flex-direction:column;overflow-y:auto}.cal-wrap{flex:none;overflow:visible}.cal-week-scroll{flex:none}.cal-grid-scroll{flex:none;overflow-y:visible}.agenda-side{width:100%;border-left:none;border-top:1px solid var(--border-subtle)}.settings-rail{width:56px;padding:var(--sp-10) var(--sp-4)}.settings-rail .doc-rail-item span,.settings-rail .doc-rail-label{display:none}.settings-rail .doc-rail-item{justify-content:center}.wizard-shell{flex-direction:column;overflow-y:auto}.wizard-summary{width:100%;border-left:none;border-top:1px solid var(--border-subtle)}}.mobile-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;height:56px;padding-bottom:env(safe-area-inset-bottom,0);background:var(--surface);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky)}.mobile-tab-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;color:var(--text-tertiary);font-size:10px;text-decoration:none;border:none;background:none;cursor:pointer;font-family:var(--font-ui)}.mobile-tab-item.active{color:var(--accent-11)}.mobile-more-overlay{position:fixed;inset:0;background:rgba(6,7,9,.4);z-index:var(--z-drawer)}.mobile-more-sheet{position:fixed;left:0;right:0;bottom:0;top:10vh;background:var(--canvas);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);display:flex;flex-direction:column;overflow:hidden}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-8);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mobile-more-title{font-weight:var(--fw-semibold);font-size:var(--text-md)}.mobile-more-list{flex:1 1;overflow-y:auto;padding:var(--sp-4) var(--sp-6) calc(56px + var(--sp-8))}.mobile-more-item{display:flex;align-items:center;gap:var(--sp-6);width:100%;min-height:44px;padding:var(--sp-5) var(--sp-4);border:none;background:none;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer}.mobile-more-item:hover{background:var(--surface-hover)}.mobile-more-item.danger{color:var(--red-11)}.mobile-more-item .nav-count{margin-left:auto}.mobile-more-divider{height:1px;background:var(--border-subtle);margin:var(--sp-3) var(--sp-4)}.mobile-more-item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-4)}.mobile-filters-toggle,.mobile-more-item-label{font-size:var(--text-sm)}.mobile-filters-toggle{display:none;align-items:center;gap:6px;position:relative;min-height:44px;padding:0 var(--sp-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-ui);cursor:pointer}.mobile-filters-toggle .mf-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-9)}.mobile-filters-header{display:none;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.mobile-filters-apply{display:none}.mail-mobile-toolbar{display:none;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-subtle)}.mail-back-btn{display:none;flex-shrink:0}.mobile-rail-toggle{display:none;align-items:center;gap:6px;min-height:44px;padding:0 var(--sp-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.data-card-list{display:none;flex-direction:column;gap:var(--sp-6)}.data-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);padding:var(--sp-6);cursor:pointer}.data-card.selected{border-color:var(--accent-9);box-shadow:var(--shadow-ring)}.data-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding:5px 0;border-bottom:1px solid var(--border-subtle)}.data-card-row:last-child{border-bottom:none}.data-card-row .dc-label{font-size:var(--text-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.data-card-row .dc-value{font-size:var(--text-sm);text-align:right;min-width:0}.data-card-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}@media (max-width:720px){.sidebar{display:none}.app-shell,.app-shell.sidebar-collapsed,.app-shell:not(.sidebar-collapsed){grid-template-columns:1fr!important}.mobile-tabbar{display:flex}.view-content{padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))}.auth-story{display:none}.auth-form-wrap{padding:var(--sp-10)}.mobile-filters-toggle{display:inline-flex}.filters-row{display:none}.filters-row.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-4);position:fixed;inset:0;z-index:var(--z-drawer);background:var(--canvas);padding:var(--sp-8);padding-bottom:calc(56px + var(--sp-16));overflow-y:auto}.filters-row.mobile-open .mobile-filters-header{display:flex}.filters-row.mobile-open .mobile-filters-apply{display:flex;margin-top:auto}.bulk-action-bar.active{position:fixed;left:var(--sp-6);right:var(--sp-6);bottom:calc(56px + var(--sp-6));z-index:var(--z-sticky);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.bulk-action-bar .bulk-actions,.bulk-action-bar.active{flex-wrap:wrap;row-gap:var(--sp-3)}.bulk-action-bar .bulk-clear{flex-basis:100%;margin-left:0}.data-table{display:none}.data-card-list{display:flex}.doc-rail{display:none}.mobile-rail-toggle{display:inline-flex}.mail-rail{display:none}.mail-mobile-toolbar{display:flex}.mail-list{width:100%}.mail-reading,.mail-view-reading .mail-list{display:none}.mail-view-reading .mail-reading{display:flex}.mail-back-btn{display:inline-flex}.cal-week-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.cal-allday-row,.cal-daycol-header,.cal-grid{min-width:620px}.cal-month-grid{grid-auto-rows:minmax(64px,1fr)}.cal-month-cell{padding:2px 3px}.cal-month-event-chip{font-size:9px;padding:0 3px}.cal-toolbar{flex-wrap:wrap;row-gap:var(--sp-4)}.cal-toolbar .topbar-spacer{flex-basis:100%;height:0}.list-toolbar{flex-wrap:wrap;row-gap:var(--sp-4)}.list-toolbar .topbar-spacer{flex-basis:100%;height:0}.view-content main{overflow-x:hidden}.view-content main>div>.flex.items-center.justify-between{flex-wrap:wrap;row-gap:var(--sp-6)}.stat-strip{flex-wrap:wrap}.stat-seg{flex:1 1 50%;border-bottom:1px solid var(--border-subtle)}.stat-seg,.stat-seg:nth-child(2n){border-right:none}.stat-seg:nth-last-child(-n+2){border-bottom:none}.timer-hero{flex-wrap:wrap;row-gap:var(--sp-6)}.timer-hero .timer-case-select,.timer-hero input.input{flex:1 1 100%!important;max-width:none!important}.day-total-strip{flex-wrap:wrap;row-gap:var(--sp-4)}.day-total-strip .topbar-spacer{flex-basis:100%;height:0}.section-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.section-nav a{flex-shrink:0}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.btn,.input,.select,select.input{min-height:44px}.btn.sm{min-height:38px}}@media (max-width:400px){.modal-overlay{padding:0;align-items:stretch}.modal{width:100vw;max-width:100vw;height:100vh;height:100dvh;border-radius:0;display:flex;flex-direction:column}.modal-body{flex:1 1;max-height:none}.drawer{width:100vw;max-width:100vw}.mobile-more-sheet{top:0;border-radius:0}}