:root{--font-text:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-label:var(--font-text);--accent:#dc6f2c;--accent-strong:#a9531c;--accent-soft:#fcefe6;--on-accent:#fff;--accent-btn:#b95a1f;--accent-btn-hover:#9f4c19;--heading:#3e3e3e;--cube-top:#d6d6d6;--cube-left:#8c8c8c;--cube-right:#616161;--bg:#f6f6f5;--surface:#fff;--surface-2:#ececec;--border:#e5e5e3;--border-strong:#cfcfcc;--text:#2b2b2b;--text-muted:#5c5c5c;--text-faint:#8a8a8a;--weekend:#efefef;--status-vol:#2f9e44;--status-weinig:#f08c00;--status-teveel:#e03131;--status-afwezig:#adb5bd;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--st-vol-bg:#e3f4e6;--st-weinig-bg:#fff0d9;--st-teveel-bg:#fde2e2;--st-afwezig-bg:#eceef0;--row-alt:#fafafa;--row-h:36px;--day-w:32px;--radius-sm:4px;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow:0 1px 2px #1018200f, 0 2px 8px #1018200f;--focus:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#e8813f;--accent-strong:#f29a5e;--accent-soft:#3a2516;--on-accent:#1a1a1a;--accent-btn:#e8813f;--accent-btn-hover:#f29a5e;--heading:#f2f2f2;--cube-top:#d0d0d0;--cube-left:#9a9a9a;--cube-right:#6e6e6e;--bg:#161616;--surface:#1f1f1f;--surface-2:#292929;--border:#333;--border-strong:#4a4a4a;--text:#ececec;--text-muted:#a8a8a8;--text-faint:#767676;--weekend:#232323;--status-vol:#51cf66;--status-weinig:#ffa94d;--status-teveel:#ff6b6b;--status-afwezig:#6c757d;--shadow:0 1px 2px #0006, 0 2px 8px #0000004d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--st-vol-bg:#18311f;--st-weinig-bg:#3a2a12;--st-teveel-bg:#3d1a1c;--st-afwezig-bg:#262b30;--row-alt:#242424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#e8813f;--accent-strong:#f29a5e;--accent-soft:#3a2516;--on-accent:#1a1a1a;--accent-btn:#e8813f;--accent-btn-hover:#f29a5e;--heading:#f2f2f2;--cube-top:#d0d0d0;--cube-left:#9a9a9a;--cube-right:#6e6e6e;--bg:#161616;--surface:#1f1f1f;--surface-2:#292929;--border:#333;--border-strong:#4a4a4a;--text:#ececec;--text-muted:#a8a8a8;--text-faint:#767676;--weekend:#232323;--status-vol:#51cf66;--status-weinig:#ffa94d;--status-teveel:#ff6b6b;--status-afwezig:#6c757d;--shadow:0 1px 2px #0006, 0 2px 8px #0000004d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--st-vol-bg:#18311f;--st-weinig-bg:#3a2a12;--st-teveel-bg:#3d1a1c;--st-afwezig-bg:#262b30;--row-alt:#242424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum", "cv11";-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:var(--accent-strong)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);padding:var(--space-2) var(--space-3);position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.muted{color:var(--text-muted)}.small{font-size:13px}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.warn-text{color:var(--status-teveel)}.strike{color:var(--text-muted);text-decoration:line-through}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row-end{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.section-label{font-family:var(--font-label);color:var(--text-muted);font-size:13px;font-weight:600}.section-title{color:var(--heading);margin:var(--space-8) 0 var(--space-3);font-size:16px;font-weight:600}.count{font-family:var(--font-label);color:var(--text-faint);margin-left:var(--space-1);font-size:12px}.eyebrow{font-family:var(--font-label);color:var(--accent-strong);font-size:12px;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent-btn);border-color:var(--accent-btn);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-btn-hover);border-color:var(--accent-btn-hover)}.btn-danger{border-color:var(--status-teveel);color:var(--status-teveel)}.btn-danger:hover:not(:disabled){background:var(--st-teveel-bg)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-small{height:28px;padding:0 var(--space-2);font-size:13px}.btn-icon{width:34px;padding:0;font-size:18px}.btn-block{width:100%}.btn-group{gap:var(--space-1);display:flex}.icon-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link-btn{color:var(--accent-strong);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.field{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.field>span{color:var(--text-muted);font-size:13px;font-weight:500}.field input,.field select,.filter select,.data-table select,.num-input,.inline-field input,.linkbar input,.stepper input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:34px;padding:0 var(--space-2);min-width:0}.field-row{gap:var(--space-3);display:flex}.check{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.stepper{align-items:center;gap:var(--space-1);display:flex}.stepper input{flex:1;min-width:0;padding:0 4px}.field-row>.field:has(input[type=date]){flex:1.5}.stepper-value{text-align:center;flex:1;font-weight:500}.form-error{color:var(--status-teveel);font-size:14px}.inline-field{align-items:center;gap:var(--space-1);display:inline-flex}.inline-field input{width:58px;height:28px}.segmented{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);padding:2px;display:inline-flex}.segmented button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:4px 10px;font-size:13px;font-weight:500}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.chip-action{border-color:var(--status-vol);color:var(--text)}.chip-action:hover{background:var(--st-vol-bg)}.badge{min-width:22px;height:20px;font-family:var(--font-label);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.badge-warn{background:var(--st-teveel-bg);color:var(--status-teveel)}.badge-ok{background:var(--surface-2);color:var(--text-faint)}.pill{background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:12px;font-weight:600;display:inline-flex}.pill.st-vol{background:var(--st-vol-bg);color:var(--status-vol)}.pill.st-weinig{background:var(--st-weinig-bg);color:var(--status-weinig)}.pill.st-teveel,.pill.st-dubbel,.pill.st-afwezig-ingepland{background:var(--st-teveel-bg);color:var(--status-teveel)}.pill-demo{background:var(--accent-soft);color:var(--accent-strong)}.swatch{background:var(--sw);border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.swatch-ext{background:repeating-linear-gradient(135deg, var(--sw) 0 3px, color-mix(in srgb, var(--sw) 35%, var(--surface)) 3px 6px)}.swatch-nocrew{background:var(--surface);border:1.5px dashed var(--status-weinig)}.swatch-absent{background:var(--st-afwezig-bg);border:1px solid var(--status-afwezig)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.notice{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);font-size:14px}.boot{min-height:100vh}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{z-index:30;align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);height:56px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);color:var(--text);flex-shrink:0;text-decoration:none;display:flex}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{flex-shrink:0;overflow:visible}.logo-mark polygon{stroke:var(--surface);stroke-width:.6px;stroke-linejoin:round}.cube .f-top{fill:var(--cube-top)}.cube .f-left{fill:var(--cube-left)}.cube .f-right{fill:var(--cube-right)}.cube-orange .f-top{fill:#f4a46b}.cube-orange .f-left{fill:#dc6f2c}.cube-orange .f-right{fill:#b95a1f}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-name{font-family:var(--font-text);color:var(--accent);font-size:19px;font-weight:800}.logo-sub{font-family:var(--font-text);color:var(--heading);margin-top:2px;font-size:13px;font-weight:700}.theme-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text);font-family:var(--font-label);cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-strong)}.theme-toggle svg,.accent-word{color:var(--accent)}.nav{gap:var(--space-1);scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.nav-link{padding:0 var(--space-3);color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.nav-count{background:var(--surface-2);min-width:20px;height:18px;color:var(--text-muted);border-radius:999px;place-items:center;padding:0 5px;font-size:12px;display:inline-grid}.nav-count-high{background:var(--status-teveel);color:#fff}.topbar-end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.content{padding:var(--space-6);min-width:0}.user-menu{position:relative}.avatar-btn{border:1px solid var(--border-strong);background:var(--surface-2);width:34px;height:34px;font-family:var(--font-label);cursor:pointer;border-radius:50%;font-weight:700}.click-catcher{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:260px;box-shadow:var(--shadow);padding:var(--space-2);position:absolute;top:42px;right:0}.menu-head{padding:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);flex-direction:column;font-size:14px;display:flex}.menu-section{gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.menu-item{text-align:left;width:100%;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;font-size:14px;display:block}.menu-item:hover{background:var(--surface-2)}.login{min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg, transparent 0 62%, color-mix(in srgb, var(--accent) 8%, transparent) 62% 100%), var(--bg);place-items:center;display:grid}.login-card{gap:var(--space-4);background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);padding:var(--space-8);border-radius:12px;flex-direction:column;display:flex}.login-card h1{letter-spacing:-.01em;color:var(--heading);font-size:22px}.login-brand{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.login-brand .theme-toggle-label{display:none}.login-card>p.muted,.login-card .stack>p.muted{margin-top:calc(var(--space-3) * -1)}.page{max-width:1100px;margin:0 auto}.page-wide{max-width:1600px}.page-narrow{max-width:860px}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-head h1,.project-title h1{color:var(--heading);letter-spacing:-.015em;font-size:24px;font-weight:650;line-height:1.2}.page-intro{margin-top:var(--space-1);color:var(--text-muted)}.page-actions{gap:var(--space-2);align-items:center;display:flex}.state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.state-loading{flex-direction:row}.state-empty{border:1px dashed var(--border-strong);border-radius:var(--radius)}.state-empty strong{color:var(--text)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toasts{bottom:var(--space-4);z-index:80;gap:var(--space-2);flex-direction:column;width:min(560px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--text);color:var(--bg);border-radius:var(--radius);font-size:14px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 6px 24px #00000040}.toast p{flex:1;padding-top:5px}.toast .icon-btn{color:inherit;opacity:.7}.toast-dot{background:var(--status-vol);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:11px}.toast-error .toast-dot{background:var(--status-teveel)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{z-index:60;padding:var(--space-4);background:#0a0e1273;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:100%;padding:var(--space-6);box-shadow:var(--shadow);border-radius:12px}.modal-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:19px}.popover{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-height:min(480px,100vh - 80px);padding:var(--space-3);font-size:14px;position:fixed;overflow:auto;box-shadow:0 8px 32px #0000002e}.signal-group{margin-bottom:var(--space-6)}.signal-group h2{margin-bottom:var(--space-2)}.signal-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.signal{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4) var(--space-3) 0;display:flex;overflow:hidden}.signal-bar{width:4px;margin:calc(var(--space-3) * -1) 0;background:var(--status-afwezig);align-self:stretch}.sev-1 .signal-bar{background:var(--status-teveel)}.sev-2 .signal-bar{background:var(--status-weinig)}.sev-3 .signal-bar{background:color-mix(in srgb, var(--status-weinig) 45%, var(--surface))}.signal-body{flex-direction:column;flex:1;min-width:0;display:flex}.signal-type{font-family:var(--font-label);color:var(--text-faint);font-size:12px;font-weight:600}.signal-summary{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;display:flex}.signal-summary strong{font-size:28px;font-family:var(--font-label)}.signal-summary span{flex-direction:column;line-height:1.2;display:flex}.signal-summary small{color:var(--text-muted)}.signal-summary.has-high strong{color:var(--status-teveel)}.week-cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr 1.1fr;display:grid}.kpis{gap:var(--space-4) var(--space-3);margin:var(--space-3) 0 0;grid-template-columns:1fr 1fr;display:grid}.kpis dt{color:var(--text-muted);font-size:13px}.kpis dd{font-family:var(--font-label);margin:0;font-size:30px;font-weight:600;line-height:1.1}.kpis dd small{font-family:var(--font-text);color:var(--text-muted);font-size:12px;font-weight:400}.kpi-bad dd{color:var(--status-teveel)}.kpi-warn dd{color:var(--status-weinig)}.trend{justify-content:space-between;gap:var(--space-2);height:120px;margin-top:var(--space-3);display:flex}.trend-week{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.trend-bars{flex:1;align-items:stretch;gap:3px;display:flex}.trend-bar{background:var(--surface-2);border-radius:3px;width:14px;position:relative}.trend-fill{border-radius:3px;position:absolute;bottom:0;left:0;right:0}.fill-buiten{background:var(--series-1)}.fill-kantoor{background:var(--series-2)}.trend-fill.over{box-shadow:inset 0 3px 0 var(--status-teveel)}.trend-full{border-top:1px dashed var(--text-faint);position:absolute;left:-2px;right:-2px}.trend-label{font-family:var(--font-label);color:var(--text-muted);font-size:12px}.trend-legend{gap:var(--space-4);color:var(--text-muted);margin-top:var(--space-2);font-size:12px;display:flex}.dot{border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.dot-buiten{background:var(--series-1)}.dot-kantoor{background:var(--series-2)}.timeline-card{padding:0;overflow:hidden}.timeline-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.filters{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.filter{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:13px;display:inline-flex}.filter select{height:30px}.timeline{--info-w:420px}.tl-row{grid-template-columns:var(--info-w) 1fr;border-bottom:1px solid var(--border);cursor:pointer;min-height:44px;display:grid}.tl-row:hover:not(.tl-axis){background:var(--row-alt)}.tl-axis{cursor:default;background:var(--surface-2);min-height:32px;font-family:var(--font-label);color:var(--text-muted);font-size:12px;font-weight:600}.tl-info{align-items:center;gap:var(--space-2);padding:4px var(--space-4);border-right:1px solid var(--border);grid-template-columns:1fr 120px 32px;min-width:0;display:grid}.tl-axis .tl-info{grid-template-columns:1fr 152px}.tl-name{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tl-name strong{font-size:14px;font-weight:600}.tl-name span{font-size:12px}.tl-roles{font-family:var(--font-label);color:var(--text-muted);grid-template-columns:repeat(3,1fr);font-size:13px;font-weight:600;display:grid}.tl-track{min-width:0;position:relative}.tl-month{border-left:1px solid var(--border-strong);white-space:nowrap;padding-left:4px;position:absolute;top:9px}.tl-grid{border-left:1px solid var(--border);position:absolute;top:0;bottom:0}.tl-today{background:var(--accent);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-bar{background:color-mix(in srgb, var(--series-1) 30%, var(--surface));border:1px solid color-mix(in srgb, var(--series-1) 70%, var(--surface));border-radius:4px;height:12px;margin-top:-6px;position:absolute;top:50%}.tl-stort{border:2px solid var(--surface);box-sizing:content-box;background:#ef4444;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;transform:rotate(45deg)}.tl-foot{padding:var(--space-2) var(--space-4);align-items:center;gap:6px;display:flex}.tl-stort-legend{margin:0 4px;display:inline-block;position:relative;top:auto}.tl-today-legend{background:var(--accent);width:2px;height:12px;margin:0 4px;display:inline-block}.tl-empty{padding:var(--space-4)}.project-page{flex-direction:column;height:calc(100vh - 104px);min-height:480px;display:flex}.project-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.back-link{color:var(--text-muted);font-size:13px;text-decoration:none}.project-title h1{font-size:20px}.project-meta{gap:var(--space-1) var(--space-4);color:var(--text-muted);flex-wrap:wrap;align-items:center;margin-top:2px;font-size:14px;display:flex}.roles{gap:var(--space-3);font-family:var(--font-label);font-weight:600;display:inline-flex}.toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.linkbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);flex-wrap:wrap;font-size:14px;display:flex}.linkbar-step{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.linkbar-lag{align-items:center;gap:var(--space-1);color:var(--text-muted);margin-left:auto;display:inline-flex}.linkbar-lag input{width:56px;height:28px}.legend{gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:2fr 1fr 1.2fr;display:grid}.legend-list{margin:var(--space-2) 0 0;columns:2;column-gap:var(--space-4);padding:0;font-size:13px;list-style:none}.legend-block:not(:first-child) .legend-list{columns:1}.legend-list li{break-inside:avoid;align-items:center;gap:6px;padding:2px 0;display:flex}.project-body{gap:var(--space-3);flex:1;min-height:0;display:flex;position:relative}.gantt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overscroll-behavior:contain;flex:1;min-width:0;position:relative;overflow:auto}.gantt-inner{position:relative}.gantt-head{z-index:6;background:var(--surface);border-bottom:1px solid var(--border-strong);display:flex;position:sticky;top:0}.gantt-corner{z-index:7;padding:0 var(--space-3) 6px;background:var(--surface);border-right:1px solid var(--border-strong);font-family:var(--font-label);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:600;display:flex;position:sticky;left:0}.gantt-weeks,.gantt-days{display:flex}.gantt-week{border-left:1px solid var(--border);font-family:var(--font-label);white-space:nowrap;flex-shrink:0;align-items:baseline;gap:6px;padding:5px 8px 2px;font-size:13px;display:flex}.gantt-week span{color:var(--text-faint);font-size:12px}.gantt-day{font-family:var(--font-label);color:var(--text-faint);flex-direction:column;flex-shrink:0;align-items:center;padding:1px 0 4px;font-size:11px;line-height:1.15;display:flex}.gantt-day strong{color:var(--text-muted);font-size:13px}.gantt-day.weekend{background:var(--weekend)}.gantt-day:nth-child(7n+1){box-shadow:inset 1px 0 0 var(--border)}.gantt-day.today{color:var(--accent-strong)}.gantt-day.today strong{color:var(--on-accent);background:var(--accent);border-radius:4px;padding:0 4px}.gantt-body{display:flex;position:relative}.gantt-left{z-index:5;background:var(--surface);border-right:1px solid var(--border-strong);flex-shrink:0;position:sticky;left:0}.gantt-row-label{align-items:center;gap:var(--space-2);width:100%;padding:0 var(--space-3);border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr 120px;font-size:13px;display:grid}.gantt-row-label.indent{padding-left:30px}.gantt-row-label:hover{background:var(--row-alt)}.gantt-row-label.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.row-crew{color:var(--text-muted);text-align:right;font-size:12px}.row-crew em{color:var(--status-weinig);font-style:normal;font-weight:600}.gantt-group-label{background:var(--surface-2);grid-template-columns:14px 1fr auto;font-size:13px;font-weight:600}.gantt-group-label:hover{background:var(--surface-2)}.chevron{color:var(--text-muted);font-size:16px;line-height:1;transition:transform .12s;display:inline-block}.chevron.open{transform:rotate(90deg)}.gantt-grid{flex-shrink:0;position:relative}.gantt-bg{background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--day-w) * 5), var(--weekend) calc(var(--day-w) * 5) calc(var(--day-w) * 7)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--row-h) - 1px), var(--border) calc(var(--row-h) - 1px) var(--row-h));position:absolute;inset:0}.gantt-bg:after{content:"";background-image:repeating-linear-gradient(to right, var(--border) 0 1px, transparent 1px calc(var(--day-w) * 7));position:absolute;inset:0}.gantt-group-band{background:color-mix(in srgb, var(--surface-2) 70%, transparent);position:absolute;left:0;right:0}.gantt-today{background:var(--accent);z-index:3;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.gantt-links{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.link-line{fill:none;stroke:var(--text-faint);stroke-width:1.5px}.arrow-head{fill:var(--text-faint)}.arrow-head-bad{fill:var(--status-teveel)}.gantt-link.bad .link-line{stroke:var(--status-teveel);stroke-dasharray:4 3}.link-hit{fill:none;stroke:#0000;stroke-width:10px;pointer-events:stroke;cursor:pointer}.gantt-link:hover .link-line{stroke:var(--accent);stroke-width:2.5px}.link-lag{font-family:var(--font-label);fill:var(--text-muted);font-size:11px}.is-dragging .gantt-links{opacity:.55}.gantt-bar{height:calc(var(--row-h) - 12px);z-index:4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:5px;position:absolute}.gantt-bar:focus-visible{box-shadow:var(--focus)}.bar-seg{background:var(--bar);border-radius:5px;margin:0 1px;position:absolute;top:0;bottom:0}.gantt-bar.external .bar-seg{background:repeating-linear-gradient(135deg, var(--bar) 0 5px, color-mix(in srgb, var(--bar) 55%, var(--surface)) 5px 10px)}.gantt-bar.no-crew .bar-seg{box-shadow:inset 0 0 0 2px var(--status-weinig);outline:2px dashed var(--status-weinig);outline-offset:1px}.gantt-bar.done .bar-seg{opacity:.6}.bar-gap{border-top:2px dotted var(--bar);opacity:.7;position:absolute;top:50%}.bar-label{color:var(--bar-text);pointer-events:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0 10px 0 7px;overflow:hidden}.bar-outside{z-index:3;height:var(--row-h);color:var(--text-muted);white-space:nowrap;pointer-events:none;align-items:center;gap:5px;font-size:12px;display:flex;position:absolute}.bar-handle{cursor:ew-resize;width:10px;position:absolute;top:0;bottom:0;right:-2px}.bar-handle:after{content:"";background:var(--bar-text);opacity:0;border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;right:5px}.gantt-bar:hover .bar-handle:after{opacity:.6}.gantt-bar.selected .bar-seg{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.gantt-bar.shifted .bar-seg{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.gantt-bar.dragging{cursor:grabbing;z-index:8}.gantt-bar.dragging .bar-seg{box-shadow:0 6px 16px #00000040}.gantt-bar.link-from .bar-seg{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.is-linking .gantt-bar{cursor:crosshair}.gantt-bar.flash .bar-seg{animation:.7s ease-in-out 3 flash}@keyframes flash{50%{box-shadow:0 0 0 3px var(--surface), 0 0 0 7px var(--accent)}}.gantt-ghost{height:calc(var(--row-h) - 14px);border:1.5px dashed var(--text-faint);z-index:1;border-radius:5px;position:absolute}.status-icon{flex-shrink:0}.status-bg{fill:var(--surface)}.status-fg{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.status-done .status-fg{stroke:var(--status-vol)}.status-warning .status-fg{stroke:var(--status-weinig);stroke-width:2.2px}.status-milestone .status-fg{fill:#ef4444;stroke:none}.status-question .status-fg{stroke:#2a78d6}.side-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:400px;display:flex;overflow:hidden}.panel-head{justify-content:space-between;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.panel-head h2{margin:2px 0;font-size:17px}.panel-head .muted{font-size:13px}.panel-body{flex:1;overflow:auto}.panel-section{gap:var(--space-3);padding:var(--space-4);border:0;border-bottom:1px solid var(--border);flex-direction:column;min-width:0;margin:0;display:flex}.panel-section:last-child{border-bottom:0}.conflicts ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.conflict{flex-direction:column;display:flex}.conflict strong{color:var(--status-teveel);font-size:12px;font-family:var(--font-label)}.member-list,.link-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.member-list li,.link-list li{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:30px;display:flex}.link-list li .link-btn{flex:1}.suggest{gap:var(--space-1);flex-direction:column;display:flex}.extras{gap:var(--space-2);flex-direction:column;display:flex}.extra-form{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;display:flex}.status-legend{gap:var(--space-4);margin:0 0 var(--space-3);color:var(--text-muted);flex-wrap:wrap;padding:0;font-size:13px;list-style:none;display:flex}.status-legend li{align-items:center;gap:6px;display:flex}.cap-dot{border-radius:3px;width:12px;height:12px}.cap-dot.st-vol{background:var(--st-vol-bg);box-shadow:inset 0 0 0 1.5px var(--status-vol)}.cap-dot.st-weinig{background:var(--st-weinig-bg);box-shadow:inset 0 0 0 1.5px var(--status-weinig)}.cap-dot.st-teveel{background:var(--st-teveel-bg);box-shadow:inset 0 0 0 1.5px var(--status-teveel)}.cap-dot.st-dubbel{background:var(--status-teveel)}.cap-dot.st-afwezig{background:var(--st-afwezig-bg);box-shadow:inset 0 0 0 1.5px var(--status-afwezig)}.cap-dot.st-afwezig-ingepland{background:repeating-linear-gradient(135deg, var(--status-teveel) 0 2px, var(--st-afwezig-bg) 2px 4px)}.board-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 276px);overflow:auto}.board{border-collapse:separate;border-spacing:0;font-size:12px}.board th,.board td{padding:0}.board thead th{background:var(--surface);z-index:3;position:sticky}.board thead tr:first-child th{height:28px;top:0}.board thead tr:nth-child(2) th{border-bottom:1px solid var(--border-strong);top:28px}.board-corner{text-align:left;min-width:200px;font-family:var(--font-label);color:var(--text-muted);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);font-size:12px;left:0;z-index:4!important;padding:0 var(--space-3)!important}.board-week{font-family:var(--font-label);text-align:left;border-left:1px solid var(--border-strong);font-size:13px;font-weight:600;padding-left:8px!important}.board-day{width:44px;min-width:44px;font-family:var(--font-label);color:var(--text-faint);font-weight:500;line-height:1.1;padding:2px 0 4px!important}.board-day span{font-size:11px;display:block}.board-day strong{color:var(--text-muted);font-size:13px}.board-day.sat{background:var(--weekend);width:34px;min-width:34px}.board-day.today strong{background:var(--accent);color:var(--on-accent);border-radius:4px;padding:0 4px}.week-start{border-left:1px solid var(--border-strong)}.board-name{z-index:2;background:var(--surface);text-align:left;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border);white-space:nowrap;font-size:13px;font-weight:600;position:sticky;left:0}.crew-name,.crew-toggle{width:100%;height:40px;padding:0 var(--space-3);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-weight:600;display:flex}.crew-name{cursor:default;padding-left:32px}.member-name{color:var(--text-muted);height:34px;font-weight:400;padding-left:52px!important}.member-row .board-name{background:var(--row-alt)}.board-cell{border-bottom:1px solid var(--border);height:40px;padding:2px!important}.member-row .board-cell{height:34px}.board-cell.sat{background:var(--weekend)}.cell-btn{cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 2px;line-height:1.05;display:flex;overflow:hidden}.cell-hours{font-family:var(--font-label);font-size:14px;font-weight:700}.cell-proj{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.st-vol .cell-btn{background:var(--st-vol-bg);color:var(--status-vol)}.st-weinig .cell-btn{background:var(--st-weinig-bg);color:var(--status-weinig)}.st-teveel .cell-btn{background:var(--st-teveel-bg);color:var(--status-teveel)}.st-dubbel .cell-btn{background:var(--status-teveel);color:#fff}.st-dubbel .cell-proj{color:#fff}.st-afwezig .cell-btn{background:var(--st-afwezig-bg);color:var(--text-faint)}.st-afwezig-ingepland .cell-btn{background:repeating-linear-gradient(135deg, var(--st-teveel-bg) 0 6px, var(--st-afwezig-bg) 6px 12px);color:var(--status-teveel);box-shadow:inset 0 0 0 2px var(--status-teveel)}.st-vrij .cell-btn{color:var(--text-faint)}.cell-btn:hover{filter:brightness(.96);box-shadow:inset 0 0 0 1.5px var(--text-muted)}.board-cell.flash .cell-btn{animation:.7s ease-in-out 3 flash-cell}@keyframes flash-cell{50%{box-shadow:0 0 0 3px var(--accent)}}.cell-pop{width:360px}.pop-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.pop-person{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.pop-person-head{align-items:center;gap:var(--space-2);display:flex}.pop-entries,.pop-plan ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pop-entries li{flex-direction:column;display:flex}.pop-plan{gap:var(--space-1);flex-direction:column;display:flex}.pop-plan li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.role-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.role-card{gap:var(--space-3);flex-direction:column;display:flex}.role-card header{flex-direction:column;display:flex}.role-card h3{font-family:var(--font-label);font-size:22px}.example{gap:var(--space-1);flex-direction:column;display:flex}.load-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(460px,1fr));display:grid}.load-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.load-head strong{font-family:var(--font-label);font-size:18px}.chart{position:relative;overflow-x:auto}.chart svg{display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-baseline{stroke:var(--border-strong)}.chart-axis{font-family:var(--font-label);fill:var(--text-faint);font-size:10px}.chart-value{font-family:var(--font-label);fill:var(--text-muted);font-size:10px}.chart-ref{stroke:var(--text);stroke-width:1.5px;stroke-dasharray:5 3}.chart-ref-label{font-family:var(--font-label);fill:var(--text);font-size:10px}.chart-highlight{fill:var(--accent-soft)}.chart-tip{border-radius:var(--radius-sm);background:var(--text);color:var(--bg);pointer-events:none;white-space:nowrap;z-index:2;flex-direction:column;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%)}.chart-legend{gap:var(--space-4);margin:0 0 var(--space-2);color:var(--text-muted);flex-wrap:wrap;padding:0;font-size:13px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:flex}.legend-mark{border-radius:3px;width:12px;height:12px}.legend-line{border-top:2px dashed var(--text);width:16px}.compare-head{gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.compare-sum{margin-bottom:var(--space-3)}.table-card{padding:0;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{padding:6px var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table thead th{font-family:var(--font-label);color:var(--text-muted);background:var(--surface-2);font-size:12px}.data-table tbody th{vertical-align:top;max-width:280px;padding-top:10px;font-weight:600}.data-table tr.group-start>*{border-top:1px solid var(--border-strong)}.data-table .num{text-align:right}.num-input{text-align:right;width:80px;height:30px!important}.data-table select{height:30px}.system-cards{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.system-card{gap:var(--space-3);flex-direction:column;display:flex}.system-card header{justify-content:space-between;align-items:flex-start;display:flex}.system-card h2{font-size:19px}.flows{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.flows ul{margin:var(--space-1) 0 0;padding-left:18px;font-size:14px}.log-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.log{max-height:480px;margin:0;padding:0;list-style:none;overflow:auto}.log-item{border-bottom:1px solid var(--border)}.log-row{gap:var(--space-3);width:100%;padding:7px var(--space-1);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:120px 56px 80px 1fr;align-items:center;font-size:13px;display:grid}.log-row:hover{background:var(--row-alt)}.log-time{color:var(--text-muted)}.log-dir{font-family:var(--font-label);font-weight:600}.dir-in{color:var(--series-1)}.dir-out{color:var(--accent-strong)}.log-sys{font-weight:600}.log-payload{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);max-height:260px;font-size:12px;overflow:auto}.danger-zone{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);border-color:color-mix(in srgb, var(--status-teveel) 40%, var(--border));display:flex}.danger-zone h2{font-size:16px}@media (width<=1280px){.week-cards{grid-template-columns:1fr 1fr}.week-trend{grid-column:1/-1}.timeline{--info-w:340px}.tl-info{grid-template-columns:1fr 96px 30px}.tl-axis .tl-info{grid-template-columns:1fr 126px}.side-panel{z-index:20;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0000002e}.legend{grid-template-columns:1fr 1fr}}@media (width<=900px){.role-cards,.system-cards,.load-grid{grid-template-columns:1fr}.timeline{--info-w:220px}.tl-info{grid-template-columns:1fr 30px}.tl-roles,.tl-roles-head{display:none}.tl-axis .tl-info{grid-template-columns:1fr}}@media (width<=720px){.topbar{gap:var(--space-3);padding:0 var(--space-4)}.logo-sub,.theme-toggle-label{display:none}.content{padding:var(--space-4)}.week-cards{grid-template-columns:1fr}.side-panel{width:100%}.legend{grid-template-columns:1fr}.project-page{height:calc(100vh - 88px)}.log-row{grid-template-columns:1fr;gap:2px}.flows{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.bar-seg,.cell-btn{border:1px solid canvastext}}.plain-fieldset{border:0;min-width:0;margin:0;padding:0}code{background:var(--surface-2);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.invite-form{gap:var(--space-4);flex-direction:column;display:flex}.field-legend{color:var(--text-muted);margin-bottom:var(--space-1);padding:0;font-size:13px;font-weight:500}.role-pick{gap:var(--space-2);border:0;grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid}.role-pick legend{grid-column:1/-1}.role-option{padding:var(--space-3) var(--space-3) var(--space-3) 36px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:2px;display:flex;position:relative}.role-option input{accent-color:var(--accent);position:absolute;top:15px;left:12px}.role-option.on{border-color:var(--accent);background:var(--accent-soft)}.invite-from{align-self:center;margin-right:auto}.row-actions{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.danger-text{color:var(--status-teveel)}.data-table td select{height:30px}.link-box{gap:var(--space-2);display:flex}.link-box input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);height:34px;padding:0 var(--space-2);flex:1;min-width:0;font-size:13px}.menu-role{margin-top:var(--space-1);align-self:flex-start}@media (width<=720px){.role-pick{grid-template-columns:1fr}}.password-input{display:flex;position:relative}.password-input input{flex:1;padding-right:40px!important}.password-toggle{border-radius:var(--radius-sm);width:34px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--accent-strong)}.card{border-color:var(--border);box-shadow:none}.btn{border-color:var(--border-strong);font-weight:500}.btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.section-label{color:var(--text-muted);font-size:12px;font-weight:600}.section-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-row .section-title{margin-bottom:var(--space-3)}.row-inline{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.link-like{color:var(--accent-strong);font-weight:500}.grow{flex:1}.gantt-bar,.gantt-ghost{height:calc(var(--row-h) - 16px)}.bar-seg{border-radius:4px;overflow:hidden}.bar-progress{pointer-events:none;background:#00000038;position:absolute;top:0;bottom:0;left:0}.bar-label{font-size:11.5px;font-weight:500}.bar-outside{font-size:12px}.bar-alert{z-index:5;border:2px solid var(--surface);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute}.bar-alert.sev-1{background:var(--status-teveel)}.bar-alert.sev-2{background:var(--status-weinig)}.bar-alert.sev-3{background:color-mix(in srgb, var(--status-weinig) 70%, var(--surface))}.bar-alert:hover{transform:scale(1.15)}.gantt-bar.drop .bar-seg{outline:3px solid var(--drop-color,var(--accent));outline-offset:2px}.gantt-bar.drop-vrij{--drop-color:var(--status-vol)}.gantt-bar.drop-deels{--drop-color:var(--status-weinig)}.gantt-bar.drop-bezet,.gantt-bar.drop-afwezig,.gantt-bar.drop-extern,.gantt-bar.drop-leeg{--drop-color:var(--status-teveel)}.summary-bar{background:color-mix(in srgb, var(--text) 18%, var(--surface));z-index:3;border-radius:2px;height:8px;position:absolute;overflow:hidden}.summary-bar:before,.summary-bar:after{content:"";background:var(--text-muted);width:4px;height:100%;position:absolute;bottom:0}.summary-bar:before{left:0}.summary-bar:after{right:0}.summary-fill{background:color-mix(in srgb, var(--text) 55%, var(--surface));height:100%;display:block}.group-meta{color:var(--text-muted);font-size:12px;font-weight:500}.group-menu{z-index:4;width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:16px;line-height:1;position:sticky;left:6px}.gantt-grid .group-menu{position:absolute}.group-menu:hover{background:var(--surface);color:var(--text)}.gantt-group-band{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.gantt-week{font-size:12px;font-weight:600}.gantt-day{font-size:10.5px}.gantt-day strong{font-size:12px;font-weight:500}.gantt-row-label{font-size:13px}.title-row{align-items:center;gap:var(--space-2);display:flex}.project-meta{font-size:13px}.toolbar-sep{background:var(--border);width:1px;height:22px}.signal-btn{gap:8px}.signal-dot{background:var(--status-vol);border-radius:50%;width:8px;height:8px}.signal-btn.has-some .signal-dot{background:var(--status-weinig)}.signal-btn.has-high{border-color:color-mix(in srgb, var(--status-teveel) 50%, var(--border));color:var(--status-teveel)}.signal-btn.has-high .signal-dot{background:var(--status-teveel)}.signal{align-items:stretch;padding:0}.signal-main{align-items:stretch;gap:var(--space-3);text-align:left;min-width:0;padding:var(--space-3) var(--space-3) var(--space-3) 0;cursor:pointer;color:inherit;background:0 0;border:0;flex:1;display:flex}.signal-main:hover{background:var(--row-alt)}.signal-main .signal-bar{margin:calc(var(--space-3) * -1) 0}.signal-type{color:var(--text-faint);font-size:12px;font-weight:500}.signal-advice{color:var(--text-muted);margin-top:4px;font-size:13px}.signal-actions{justify-content:center;gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.signal-list.compact .signal-main{padding-right:var(--space-3)}.chevron-right{color:var(--text-faint);align-self:center;font-size:20px}.conflict{gap:var(--space-4);flex-direction:column;display:flex}.conflict-meta{gap:var(--space-3);margin-top:calc(var(--space-3) * -1);align-items:center;font-size:13px;display:flex}.sev-pill{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.sev-pill.sev-1{background:var(--st-teveel-bg);color:var(--status-teveel)}.sev-pill.sev-2{background:var(--st-weinig-bg);color:var(--status-weinig)}.sev-pill.sev-3{background:var(--surface-2);color:var(--text-muted)}.advice{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);font-size:14px}.resolved{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--st-vol-bg);flex-direction:column;display:flex}.resolved strong{color:var(--status-vol);font-size:16px}.day-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);gap:1px;font-size:13px;display:grid;overflow:hidden}.day-grid-head,.day-grid-row{grid-template-columns:120px repeat(var(--cols), minmax(0, 1fr));gap:1px;display:grid}.day-grid-head>span{background:var(--surface-2);color:var(--text-muted);padding:6px 8px;font-size:12px;font-weight:600}.day-grid-row>strong{background:var(--surface);padding:8px;font-weight:600}.day-cell{background:var(--surface);flex-direction:column;gap:4px;min-width:0;padding:6px 8px;display:flex}.day-cell.over{background:var(--st-teveel-bg)}.day-cell.under{background:var(--st-weinig-bg)}.day-cell.absent{background:var(--st-afwezig-bg)}.day-hours{font-weight:600}.day-entry{background:var(--surface);border:1px solid var(--border);border-radius:3px;flex-direction:column;padding:3px 6px;font-size:12px;line-height:1.3;display:flex;overflow:hidden}.day-entry small{color:var(--text-muted)}.absent-entry{border-style:dashed}.fix-list{gap:var(--space-2);flex-direction:column;display:flex}.fix-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;display:flex}.fix-head{justify-content:space-between;gap:var(--space-2);display:flex}.fix-head>div{flex-direction:column;display:flex}.fix-actions{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.fill-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fill-list li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.progress-compare,.progress-edit{align-items:center;gap:var(--space-2);display:flex}.progress-track{background:var(--surface-2);border-radius:4px;flex:1;height:8px;position:relative;overflow:visible}.progress-fill{background:var(--status-vol);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.progress-expected{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.progress-edit input[type=range]{width:110px;accent-color:var(--accent)}.progress-value{text-align:right;min-width:40px;font-weight:600}.crew-picker ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.avail-row{align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:12px minmax(0,1fr) auto auto;display:grid}.avail-name{flex-direction:column;min-width:0;font-size:13px;display:flex}.avail-pill{white-space:nowrap;background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600}.avail-pill-vrij{background:var(--st-vol-bg);color:var(--status-vol)}.avail-pill-deels{background:var(--st-weinig-bg);color:var(--status-weinig)}.avail-pill-bezet,.avail-pill-afwezig,.avail-pill-extern{background:var(--st-teveel-bg);color:var(--status-teveel)}.conflicts{background:0 0}.conflicts ul{gap:var(--space-1)}.conflict-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);border-left:3px solid var(--status-weinig);background:var(--surface);text-align:left;cursor:pointer;flex-direction:column;gap:2px;font-size:13px;display:flex}.conflict-item.sev-1{border-left-color:var(--status-teveel)}.conflict-item:hover{background:var(--row-alt)}.conflict-type{color:var(--text-muted);font-size:11.5px;font-weight:600}.current-crew{align-items:center;gap:var(--space-2);display:flex}.current-crew .btn{margin-left:auto}.pick-box{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;display:flex}.party-section{gap:var(--space-2);flex-direction:column;display:flex}.planbord{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}.planbord h2{font-size:16px}.planbord-controls{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.week-step{justify-content:space-between;align-items:center;display:flex}.planbord-list{padding:var(--space-2);flex-direction:column;gap:4px;margin:0;list-style:none;display:flex;overflow:auto}.drag-item{align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:auto 12px minmax(0,1fr) auto;display:grid}.drag-item:hover{border-color:var(--accent)}.drag-grip{color:var(--text-faint);letter-spacing:-2px;font-size:12px}.drag-name{flex-direction:column;min-width:0;font-size:13px;display:flex}.free-meter{flex-direction:column;align-items:flex-end;gap:2px;min-width:64px;display:flex}.free-bar{background:var(--surface-2);border-radius:3px;width:56px;height:5px;overflow:hidden}.free-bar span{background:var(--status-vol);height:100%;display:block}.drag-ghost{z-index:90;max-width:300px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);pointer-events:none;flex-direction:column;gap:4px;font-size:13px;display:flex;position:fixed;top:0;left:0;box-shadow:0 8px 24px #0003}.drag-ghost .avail-pill{align-self:flex-start}body:has(.drag-ghost){cursor:grabbing;-webkit-user-select:none;user-select:none}.template-preview{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;max-height:260px;display:flex;overflow:auto}.template-preview ol{margin:0;padding-left:20px;font-size:13px}.template-preview li span:first-child{vertical-align:bottom;max-width:330px;display:inline-block}.template-preview li .muted{margin-left:var(--space-2)}.modal{max-height:calc(100vh - 32px);overflow:auto}.cap-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.cap-toolbar .status-legend{margin:0}.switch{align-items:center;gap:var(--space-2);cursor:pointer;font-weight:500;display:inline-flex}.switch input{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(14px)}.free-strip{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.free-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.free-chip:hover{border-color:var(--status-weinig)}.cap-layout{gap:var(--space-3);align-items:flex-start;display:flex}.cap-layout .board-wrap{flex:1;min-width:0}.day-drawer{width:360px;max-height:calc(100vh - 100px);position:sticky;top:72px}.board-week .board-day{text-align:left;min-width:120px;padding:8px 10px!important}.board-week .board-day span{margin-right:4px;font-size:12px;display:inline}.board-week .board-day strong{font-size:12px}.board-day.today strong{color:var(--accent-strong);background:0 0;padding:0}.board-week-head{text-align:left;border-left:1px solid var(--border);font-size:12px;font-weight:600;padding:6px 8px!important}.board-week .board-cell{height:48px;padding:4px!important}.board-week .member-row .board-cell{height:40px}.board .cell-btn{background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:stretch;gap:4px;padding:4px 8px;position:relative}.board-week .cell-text{white-space:nowrap;color:var(--text);align-items:baseline;gap:6px;font-size:12px;display:flex;overflow:hidden}.board-week .cell-text strong{font-weight:600}.board-week .cell-proj{font-size:12px}.cell-fill{background:var(--surface-2);border-radius:3px;height:5px;display:block;overflow:hidden}.cell-fill span{background:var(--status-vol);border-radius:3px;height:100%;display:block}.board .st-vol .cell-btn{background:var(--surface);color:inherit}.board .st-weinig .cell-btn{background:var(--st-weinig-bg);border-color:color-mix(in srgb, var(--status-weinig) 40%, var(--border));color:inherit}.board .st-weinig .cell-fill span{background:var(--status-weinig)}.board .st-teveel .cell-btn,.board .st-dubbel .cell-btn,.board .st-afwezig-ingepland .cell-btn{background:var(--st-teveel-bg);border-color:var(--status-teveel);color:inherit;box-shadow:none}.board .st-teveel .cell-fill span,.board .st-dubbel .cell-fill span,.board .st-afwezig-ingepland .cell-fill span{background:var(--status-teveel)}.board .st-dubbel .cell-proj{color:var(--status-teveel)}.board .st-afwezig .cell-btn{background:var(--st-afwezig-bg);border-style:dashed}.board .st-vrij .cell-btn{background:0 0;border-color:#0000}.board-cell.selected .cell-btn{outline:2px solid var(--accent);outline-offset:1px}.board-heat .board-cell{height:34px;padding:2px!important}.board-heat .board-day{width:26px;min-width:26px}.board-heat .cell-btn{border:0;padding:0}.board-heat .st-vol .cell-btn{background:color-mix(in srgb, var(--status-vol) 35%, var(--surface))}.board-heat .st-weinig .cell-btn{background:color-mix(in srgb, var(--status-weinig) 45%, var(--surface))}.board-heat .st-teveel .cell-btn,.board-heat .st-dubbel .cell-btn,.board-heat .st-afwezig-ingepland .cell-btn{background:var(--status-teveel)}.board-heat .st-afwezig .cell-btn{background:var(--st-afwezig-bg)}.crew-toggle:disabled{cursor:default;color:inherit;opacity:1}.chevron-space{width:9px;display:inline-block}.crew-name{padding-left:var(--space-3)}.board-name{font-weight:500}.member-name{padding-left:46px!important}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-6);gap:2px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:500}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.crew-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.crew-card{gap:var(--space-2);flex-direction:column;display:flex}.crew-card header{align-items:center;gap:var(--space-2);display:flex}.crew-card .row-actions{justify-content:flex-start;margin-top:auto}.inline-input{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;width:100%;max-width:280px;height:30px;padding:0 6px}.inline-input:hover,.inline-input:focus{border-color:var(--border-strong);background:var(--surface)}.inline-form{gap:var(--space-2);margin:var(--space-3) 0 var(--space-6);align-items:center;display:flex}.inline-form.wrap{flex-wrap:wrap;margin-top:0}.inline-form input:not([type=checkbox]):not([type=color]),.inline-form select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:34px;padding:0 var(--space-2)}.inline-form input:not([type=checkbox]):not([type=color]):first-child{min-width:240px}.member-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.member-pick{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.member-pick.on{border-color:var(--accent);background:var(--accent-soft)}.member-pick small{flex-basis:100%;font-size:11px}.member-pick input{accent-color:var(--accent)}.color-picks{flex-wrap:wrap;gap:6px;display:flex}.color-pick{border:2px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%;padding:0}.color-pick.on{box-shadow:0 0 0 2px var(--text)}.color-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:34px;height:30px;padding:2px}.budget-list{gap:var(--space-2);flex-direction:column;display:flex}.search-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);max-width:320px;height:34px;padding:0 var(--space-3);margin-bottom:var(--space-2)}.budget-card{padding:0}.budget-head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr) auto;display:grid}.budget-head:hover{background:var(--row-alt)}.budget-title{flex-direction:column;min-width:0;display:flex}.budget-totals{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;font-size:13px;display:flex}.budget-total{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.budget-total i{border-radius:2px;width:8px;height:8px}.budget-rows{border-top:1px solid var(--border)}.budget-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:180px 150px minmax(0,1fr) auto;display:grid}.budget-row:last-child{border-bottom:0}.budget-who,.budget-how{flex-direction:column;gap:4px;min-width:0;display:flex}.budget-how select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);max-width:300px;height:30px}.budget-hours{align-items:center;gap:var(--space-2);display:flex}.spark rect{fill:var(--series-1)}.load-name{flex-direction:column;line-height:1.2;display:flex}.load-head strong{font-family:var(--font-text);font-size:15px;font-weight:600}@media (width<=1100px){.budget-row{grid-template-columns:1fr 1fr}.spark{display:none}.day-drawer,.planbord{z-index:25;max-height:none;position:fixed;top:72px;bottom:16px;right:16px;box-shadow:-8px 0 32px #0000002e}}.btn-ghost{border-color:#0000}.gantt-group-row{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:stretch;display:flex}.gantt-group-row .gantt-group-label{border-bottom:0;flex:1;min-width:0;height:100%}.gantt-group-row .group-menu{flex-shrink:0;align-self:center;margin-right:6px;position:static}.board-week{table-layout:fixed;width:100%}.board-week .board-corner{width:220px}.board-week .board-day{width:auto;min-width:0}.drag-item:disabled{cursor:progress;opacity:.6}.planbord-loading{padding:var(--space-2) var(--space-4) 0}.board-empty{border-bottom:1px solid var(--border);padding:0 var(--space-3)!important}