:root{--bg:#f5f7f4;--panel:#fff;--panel-soft:#eef4f1;--ink:#17201d;--muted:#66736e;--line:#d8e0dc;--sidebar:#123d35;--teal:#007f73;--teal-dark:#00665d;--blue:#2364aa;--amber:#b87300;--red:#b33a3a;--green:#237a4b;--shadow:0 18px 46px #16201d14}*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}html{background:var(--bg);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:linear-gradient(135deg, #ffffff0f, transparent 38%), var(--sidebar);color:#eef8f4;z-index:8;border-bottom:1px solid #ffffff1f;grid-template-columns:auto minmax(420px,1fr) auto;align-items:center;gap:18px;min-height:76px;padding:12px 22px;display:grid;position:sticky;top:0;box-shadow:0 12px 34px #0a1f1b2e}.brand{align-items:center;gap:10px;min-width:168px;display:flex}.brand-mark{color:var(--sidebar);background:#e9fff6;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:inset 0 -1px #123d351f}.brand-logo-mark{object-fit:contain;border-radius:9px;width:36px;height:36px;display:block}.brand strong,.brand span{display:block}.brand strong{font-size:17px;line-height:1.05}.brand span,.sidebar-note span{color:#b9d4cd;font-size:11px}.sidebar nav{scrollbar-width:none;background:#ffffff0e;border:1px solid #ffffff17;border-radius:10px;flex-wrap:nowrap;justify-self:stretch;align-items:center;gap:4px;min-width:0;max-width:100%;padding:4px;display:flex;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{color:inherit;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:13px;display:flex}.sidebar nav button:hover{background:#ffffff1f;border-color:#ffffff29}.sidebar nav button.active{color:var(--sidebar);background:#e9fff6;border-color:#ffffff5c;box-shadow:0 6px 16px #0000001f}.sidebar-note{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;justify-self:end;align-items:center;gap:8px;min-height:42px;padding:4px;display:flex}.sidebar-note-group{gap:1px;min-width:0;max-width:240px;padding:0 4px;display:grid}.sidebar-note-group.compact{max-width:120px}.sidebar-note strong{color:#fff;text-overflow:ellipsis;font-size:13px;line-height:1.15;overflow:hidden}.sidebar-date{margin-top:0}.logout-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;min-height:30px;margin-top:0;padding:0 9px}.logout-button:hover{background:#ffffff29}.login-page{background:linear-gradient(135deg,#123d3514,#2364aa14),#f5f7f4;align-items:center;min-height:100vh;padding:28px;display:grid}.login-shell{background:#fff;border:1px solid #123d351a;border-radius:8px;grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr);width:100%;max-width:1080px;min-height:620px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 80px #12201d29}.login-intro{color:#eff8f5;background:linear-gradient(160deg,#ffffff14,#0000 38%),#123d35;align-content:space-between;gap:28px;padding:42px;display:grid}.login-panel{background:linear-gradient(#fff,#fbfcfb);align-content:center;gap:26px;width:100%;padding:52px;display:grid}.login-logo-wrap{background:#ffffffeb;border:1px solid #ffffffa6;border-radius:8px;max-width:420px;padding:16px;box-shadow:0 18px 48px #05191538}.login-logo{width:100%;height:auto;display:block}.login-intro-copy{gap:12px;max-width:440px;display:grid}.login-eyebrow{color:#afd7ce;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.login-intro h1{color:#fff;max-width:12ch;margin:0;font-size:42px;line-height:1.05}.login-intro p{color:#d9e8e3;margin:0;font-size:18px;line-height:1.5}.login-highlights{flex-wrap:wrap;gap:10px;display:flex}.login-highlights span{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:14px;font-weight:750;display:flex}.login-card-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;max-width:430px;display:grid}.login-card-icon{color:var(--teal-dark);background:#e9f4f0;border:1px solid #cfe3db;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.login-panel h2{margin:0 0 7px;font-size:28px;line-height:1.1}.login-panel p{color:var(--muted);margin:0;line-height:1.5}.login-panel input{min-height:46px}.login-button{width:100%;min-height:46px}.login-button:disabled{opacity:.75}.organization-page{background:linear-gradient(135deg, #007f7317, #2364aa12), var(--bg);min-height:100vh;padding:28px}.organization-shell{gap:28px;max-width:1180px;margin:0 auto;display:grid}.organization-hero{justify-content:space-between;align-items:center;display:flex}.organization-brand{align-items:center;gap:12px;display:flex}.organization-brand img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:8px;width:46px;height:46px;padding:5px}.organization-brand strong,.organization-brand span{display:block}.organization-brand strong{font-size:20px;line-height:1}.organization-brand span{color:var(--muted);font-size:13px}.organization-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding-top:28px;display:grid}.organization-intro h1{letter-spacing:0;margin:0;font-size:52px;line-height:.98}.organization-intro p{color:var(--muted);max-width:720px;margin:12px 0 0;font-size:17px;line-height:1.55}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--teal)!important;margin:0 0 10px!important;font-size:12px!important}.organization-message{color:#694400;background:#fff8eb;border:1px solid #f0d7a4;border-radius:8px;padding:12px 14px}.organization-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.organization-card{--organization-color:var(--teal);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;min-height:170px;padding:18px;display:grid;position:relative}.organization-card:before{background:var(--organization-color);content:"";border-radius:8px 8px 0 0;height:5px;position:absolute;inset:0 0 auto}.organization-card:hover{border-color:color-mix(in srgb, var(--organization-color) 45%, var(--line));transform:translateY(-1px)}.organization-card-mark{background:color-mix(in srgb, var(--organization-color) 14%, #fff);border:1px solid color-mix(in srgb, var(--organization-color) 30%, var(--line));color:var(--organization-color);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.organization-card-copy{gap:8px;min-width:0;display:grid}.organization-card-copy strong{font-size:19px;line-height:1.15}.organization-card-copy small{color:var(--muted);font-size:14px;line-height:1.45}.organization-lock{color:var(--amber);border:1px solid;border-radius:999px;grid-column:2;justify-self:start;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.organization-lock.open{color:var(--teal)}.form-error{color:var(--red);background:#fff1f1;border:1px solid #f0b8b8;border-radius:8px;padding:10px 12px}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:84px;padding:18px 28px;display:flex;position:static}.topbar h1{margin:0 0 5px;font-size:25px;line-height:1.1}.topbar p{color:var(--muted);margin:0}.topbar-actions,.row-actions,.detail-strip,.segmented,.split{align-items:center;gap:10px;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:24px 28px 36px;display:grid}.wide{grid-column:1/-1}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.panel>.section-heading:not(.compact){background:linear-gradient(90deg,#007f731a,#fff0);border:1px solid #007f732e;border-radius:8px;margin-bottom:14px;padding:12px}.panel>.section-heading:not(.compact)>div:first-child{min-width:0}.section-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px}.section-heading span{color:var(--muted);font-size:14px}.panel>.filters,.panel>.document-library-summary,.panel>.document-type-tabs,.panel>.planning-summary,.panel>.report-grid,.panel>.template-library-summary,.panel>.template-editor-meta,.panel>.settings-grid,.panel>.settings-list,.panel>.backup-actions{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7329;border-radius:8px;padding:12px;box-shadow:0 8px 18px #0928220a}.panel>.filters,.panel>.document-library-summary,.panel>.document-type-tabs,.panel>.planning-summary,.panel>.report-grid,.panel>.template-library-summary,.panel>.template-editor-meta,.panel>.settings-grid,.panel>.settings-list,.panel>.backup-actions,.panel>.print-meta,.panel>.planning-legend-panel,.panel>.notice{margin-bottom:14px}.metric-grid,.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-page{align-items:start}.report-cover{border-top:4px solid var(--teal)}.report-filters{grid-template-columns:minmax(220px,1fr) 220px auto;align-items:end}.report-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--teal);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:13px}.metric strong{font-size:30px}.tone-teal{color:var(--teal-dark);border-color:#007f7347}.tone-amber{color:var(--amber);border-color:#b8730052}.tone-red{color:var(--red);border-color:#b33a3a52}.tone-blue{color:var(--blue);border-color:#2364aa47}.dashboard-focus-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.dashboard-focus-card{border:1px solid #007f7329;border-top:4px solid var(--teal);box-shadow:var(--shadow);background:linear-gradient(#fff,#f8fbfa);border-radius:8px;align-content:start;gap:14px;min-width:0;padding:16px;display:grid}.dashboard-focus-card.focus-amber{border-top-color:var(--amber)}.dashboard-focus-card.focus-red{border-top-color:var(--red)}.dashboard-focus-card.focus-blue{border-top-color:var(--blue)}.dashboard-focus-card.focus-green{border-top-color:var(--green)}.dashboard-focus-head{background:linear-gradient(90deg,#007f7314,#fff0);border:1px solid #007f7324;border-radius:8px;justify-content:space-between;align-items:start;gap:12px;padding:10px;display:flex}.dashboard-focus-head h2{margin:0 0 5px;font-size:17px}.dashboard-focus-head span,.dashboard-focus-empty,.dashboard-focus-more,.dashboard-focus-meta,.dashboard-focus-line span:last-child{color:var(--muted);font-size:13px}.dashboard-focus-head strong{color:var(--ink);font-size:30px;line-height:1}.dashboard-focus-empty{margin:0}.dashboard-focus-list{scrollbar-color:#007f7361 transparent;grid-auto-rows:minmax(104px,auto);align-content:start;gap:8px;max-height:430px;padding-right:4px;display:grid;overflow-y:auto}.dashboard-focus-task{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#f8fbf9;border-radius:8px;grid-template-rows:auto 1fr auto;gap:4px;min-width:0;min-height:104px;padding:10px;display:grid}.dashboard-focus-task:hover{border-color:#007f7359;box-shadow:inset 3px 0 #007f7340}.dashboard-focus-title{overflow-wrap:anywhere;font-weight:850}.dashboard-focus-meta{overflow-wrap:anywhere}.dashboard-focus-line{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.dashboard-focus-more{background:var(--panel);padding:4px 0 2px;display:block;position:sticky;bottom:0}.dashboard-next-action{border-color:#007f732e;border-top:4px solid var(--teal);background:linear-gradient(90deg,#007f7314,#fff);justify-content:space-between;align-items:center;gap:18px;display:flex}.dashboard-next-action>div:first-child{gap:4px;min-width:0;display:grid}.dashboard-next-action>div:first-child>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.dashboard-next-action h2{overflow-wrap:anywhere;margin:0;font-size:24px}.dashboard-next-action p{color:var(--muted);margin:0}.dashboard-next-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dashboard-reminder-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.dashboard-reminder-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:12px;padding:10px 0;display:grid}.dashboard-reminder-list li:last-child{border-bottom:0;padding-bottom:0}.dashboard-reminder-list li>div{gap:3px;min-width:0;display:grid}.dashboard-reminder-list strong,.dashboard-reminder-list span{overflow-wrap:anywhere}.dashboard-reminder-list li>div span{color:var(--muted);font-size:13px}.dashboard-insight-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.dashboard-followup-panel,.dashboard-workload-panel{align-content:start;gap:14px;display:grid}.dashboard-followup-list{scrollbar-color:#007f7361 transparent;gap:10px;max-height:360px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.dashboard-followup-list li{border:1px solid var(--line);background:#f8fbf9;border-radius:8px;grid-template-columns:minmax(150px,1fr) minmax(260px,1.25fr) 38px;align-items:center;gap:12px;padding:10px;display:grid}.dashboard-followup-list li>div:first-child{gap:3px;min-width:0;display:grid}.dashboard-followup-list strong,.dashboard-followup-list span,.dashboard-followup-list dd{overflow-wrap:anywhere}.dashboard-followup-list li>div:first-child span,.dashboard-followup-list dt,.dashboard-workload-note,.dashboard-workload-day small{color:var(--muted);font-size:12px}.dashboard-followup-list dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.dashboard-followup-list dt,.dashboard-followup-list dd{margin:0}.dashboard-followup-list dd{font-size:13px;font-weight:750}.dashboard-workload-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;min-height:160px;display:grid}.dashboard-workload-day{border:1px solid var(--line);color:var(--ink);background:#f8fbf9;border-radius:8px;grid-template-rows:auto auto 1fr auto;place-items:center;gap:7px;min-height:154px;padding:9px 6px;display:grid}.dashboard-workload-day:disabled{color:var(--muted);cursor:default}.dashboard-workload-day:not(:disabled):hover{border-color:#007f7359;box-shadow:inset 0 -3px #007f732e}.dashboard-workload-day span{font-size:12px;font-weight:850}.dashboard-workload-day strong{font-size:22px;line-height:1}.dashboard-workload-day i{background:linear-gradient(#007f73db,#00665deb);border-radius:999px 999px 4px 4px;align-self:end;width:min(34px,72%);min-height:8px;display:block}.dashboard-workload-day:disabled i{background:#dce5e1}.dashboard-workload-note{margin:-2px 0 0}.btn,.icon-button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.btn{color:var(--ink);background:#fff;padding:0 14px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.secondary:hover,.icon-button:hover{background:var(--panel-soft)}.btn.small{min-height:32px;padding:0 10px;font-size:13px}.btn:disabled{cursor:wait;opacity:.72}.btn.danger{color:var(--red);border-color:#f0b8b8}.btn.danger:hover{background:#fff1f1}.icon-button{color:var(--ink);background:#fff;width:36px;height:36px}.icon-button.danger{color:var(--red)}.icon-button.warning{color:var(--amber)}.icon-button.warning:hover{background:#fff8eb;border-color:#f0d7a4}.icon-button.danger:hover{background:#fff1f1;border-color:#f0b8b8}.file-link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:none}.file-link:hover{text-decoration:underline}.file-link-button{font:inherit;text-align:left}.document-actions{flex-wrap:wrap;gap:8px;display:flex}.document-library-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.document-type-tabs{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.document-type-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:900}.document-type-tabs button.active,.document-type-tabs button:hover{background:var(--teal);border-color:var(--teal);color:#fff}.document-filters{grid-template-columns:minmax(260px,1.2fr) minmax(180px,.9fr) minmax(150px,.75fr) minmax(150px,.75fr) minmax(160px,.75fr)}.document-table th,.document-table td{vertical-align:top}.document-row-archived{background:#f8faf9}.document-title-cell,.document-meta-list{gap:4px;min-width:0;display:grid}.document-title-cell p{color:var(--muted);max-width:46rem;margin:2px 0 0;font-size:12px;line-height:1.45}.document-meta-list small{color:var(--muted);font-size:12px}.document-chip-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-chip{color:var(--teal-dark);background:#eef6f3;border:1px solid #cfe3dd;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.filters{grid-template-columns:1fr 220px;gap:12px;margin-bottom:16px;display:grid}.filters.four{grid-template-columns:1.2fr 1fr .8fr .8fr}.project-filters{grid-template-columns:minmax(260px,1fr) 220px 220px}.dashboard-filter-panel{border-top:4px solid var(--teal)}.dashboard-filters{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end}label{gap:7px;min-width:0;display:grid}label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:0 12px}textarea{resize:vertical;min-height:160px;padding:12px}.input-icon{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding-left:10px;display:flex}.input-icon input{border:0;padding-left:0}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th{color:var(--muted);text-align:left;text-transform:uppercase;font-size:12px}td,th{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}.table-project-link{color:inherit;text-align:left;background:0 0;border:0;gap:3px;width:100%;min-width:0;padding:0;display:grid}.table-project-link:hover strong,.table-project-link:focus-visible strong{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.muted{color:var(--muted);font-size:13px}.pill{background:#eef4f1;border:1px solid;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-chip{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;align-items:center;min-height:21px;padding:0 8px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.status-next{color:#27638f;background:#e8f1fb}.status-busy{color:var(--teal);background:#e7f5ef}.status-blocked{color:var(--amber);background:#fff3dd}.status-done{color:var(--green);background:#e8f4ec}.status-on-hold{color:var(--red);background:#fcebea}.status-not-started{color:var(--muted);background:#edf2f0}.next-task-summary{gap:4px;min-width:150px;display:grid}.next-task-summary strong{color:var(--ink);font-size:13px;line-height:1.25}.next-task-summary.compact{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin-top:0;display:flex}.next-task-summary.compact strong{text-overflow:ellipsis;white-space:nowrap;max-width:520px;font-size:12px;line-height:1.2;display:block;overflow:hidden}.next-task-summary.compact .next-task-meta{gap:4px}.next-task-summary.compact .muted{display:none}.next-task-summary.compact .status-chip{min-height:20px;padding:3px 8px}.next-task-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tone-groen{color:var(--green)}.tone-blauw{color:var(--blue)}.tone-oranje{color:var(--amber)}.tone-rood{color:var(--red)}.tone-grijs{color:var(--muted)}.progress{background:#e6ede9;border-radius:999px;min-width:86px;height:9px;overflow:hidden}.progress span{background:var(--teal);height:100%;display:block}.chart{gap:14px;display:grid}.chart-row{grid-template-columns:115px minmax(100px,1fr) 28px;align-items:center;gap:10px;display:grid}.chart-row span{color:var(--muted);font-size:13px}.chart-track{background:#e6ede9;border-radius:999px;height:10px;overflow:hidden}.chart-fill{background:var(--blue);height:100%}.signal-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.signal-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.signal-list li:last-child{border-bottom:0;padding-bottom:0}.signal-list div{gap:3px;display:grid}.signal-list span{color:var(--muted);font-size:13px}.comparison-chart{gap:14px;display:grid}.report-pair-card{grid-template-rows:auto minmax(0,1fr);align-self:stretch;min-height:268px;display:grid}.report-pair-card .chart,.report-pair-card .comparison-chart{align-content:space-between}.comparison-row{grid-template-columns:132px minmax(120px,1fr) 38px;align-items:center;gap:12px;display:grid}.comparison-row div:first-child{gap:2px;display:grid}.comparison-row span{color:var(--muted);font-size:12px}.comparison-bars{gap:5px;display:grid}.comparison-bars span{border-radius:999px;min-width:3px;height:8px;display:block}.comparison-bars .current{background:var(--teal)}.comparison-bars .previous{background:#a7b5b0}.form-stack{gap:14px;display:grid}.split{align-items:start}.split>*{flex:1}.file-input{border:1px dashed var(--line);color:var(--muted);border-radius:8px;align-items:center;min-height:48px;padding:0 12px;display:flex;position:relative}.file-input input{opacity:0;position:absolute;inset:0}.file-action{position:relative}.file-action input{opacity:0;position:absolute;inset:0}.checkline{align-items:center;gap:10px;display:flex}.checkline input{width:18px;min-height:18px}.notice,.check-row{color:#694400;background:#fff8eb;border:1px solid #f0d7a4;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.notice p{margin:0}.traffic-legend{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 16px;display:flex}.traffic-legend span{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.planning-legend-panel{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7329;border-radius:8px;margin:0 0 14px;overflow:hidden}.planning-legend-toggle{color:var(--ink);text-align:left;background:linear-gradient(90deg,#007f7314,#fff0);border:0;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:8px 12px;display:flex}.planning-legend-toggle:hover{background:#eef4f1}.planning-legend-toggle>span:first-child{gap:2px;display:grid}.planning-legend-toggle strong{font-size:14px}.planning-legend-toggle small,.planning-legend-toggle>span:last-child{color:var(--muted);font-size:13px}.planning-legend-content{border-top:1px solid var(--line);gap:10px;padding:12px;display:grid}.planning-legend-content .traffic-legend,.planning-legend-content .timeline-legend{margin:0}.timeline-legend{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.timeline-legend span{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.timeline-legend-line{width:2px;height:18px;display:inline-block}.timeline-legend-line.today{background:var(--blue);box-shadow:0 0 0 3px #2364aa21}.timeline-legend-line.month{background:#17201d57}.timeline-legend-band{border:1px solid #b8730038;border-radius:4px;width:22px;height:14px;display:inline-block}.timeline-legend-band.weekend{background:#b8730014}.planning-zoom-control{grid-column:span 2;gap:6px;min-width:240px;display:grid}.planning-zoom-control>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.planning-zoom-control .segmented{grid-template-columns:repeat(3,minmax(72px,1fr));width:100%;display:grid}.planning-zoom-control .segmented button{white-space:nowrap;min-width:0;padding:0 10px}.timeline{--timeline-column-min:72px;--timeline-label-gap:12px;--timeline-label-max:320px;--timeline-label-min:260px;--timeline-min-width:940px;--timeline-project-height:38px;--timeline-task-height:18px;--timeline-row-min-height:38px;--timeline-group-gap:7px;--timeline-group-padding:10px;gap:10px;min-width:0;max-width:100%;display:grid;overflow:visible}.timeline-density-compact{--timeline-label-gap:9px;--timeline-label-max:290px;--timeline-label-min:240px;--timeline-project-height:30px;--timeline-task-height:16px;--timeline-row-min-height:34px;--timeline-group-gap:6px;--timeline-group-padding:9px}.timeline-density-ruim{--timeline-label-gap:14px;--timeline-label-max:360px;--timeline-label-min:290px;--timeline-project-height:44px;--timeline-task-height:22px;--timeline-row-min-height:50px;--timeline-group-gap:12px;--timeline-group-padding:16px}.timeline-head-viewport{z-index:4;border-radius:10px;max-width:100%;position:sticky;top:88px;overflow:hidden}.timeline-head{border:1px solid var(--line);color:var(--muted);gap:var(--timeline-label-gap);grid-template-columns:minmax(var(--timeline-label-min), var(--timeline-label-max)) minmax(var(--timeline-min-width), 1fr);min-width:max(100%, calc(var(--timeline-label-max) + var(--timeline-label-gap) + var(--timeline-min-width)));text-transform:uppercase;background:#fffffff5;border-radius:10px;font-size:12px;display:grid;overflow:hidden;box-shadow:0 10px 24px #16201d0f}.timeline-body{scrollbar-gutter:stable;gap:8px;max-width:100%;padding-bottom:6px;display:grid;overflow-x:auto}.timeline-head-label,.timeline-head-columns .timeline-column{background:#f6faf7;min-height:48px;padding:8px 10px}.timeline-head-label{border-right:1px solid var(--line);align-content:center;gap:2px;min-width:0;display:grid}.timeline-head-columns-viewport{min-width:0;overflow:hidden}.timeline-head-columns{grid-template-columns:repeat(var(--timeline-columns,9), minmax(0, 1fr));min-width:var(--timeline-min-width);width:100%;display:grid;position:relative}.timeline-head-columns .timeline-column{border-left:1px solid var(--line);z-index:2;gap:2px;min-width:0;display:grid;position:relative}.timeline-head-columns .timeline-column.is-weekend{background:#fbf6eb}.timeline-head-columns .timeline-column.has-month-start{box-shadow:none}.timeline-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.timeline-head small{color:var(--muted);text-transform:none;font-size:11px;font-weight:700}.timeline-group{gap:var(--timeline-group-gap);padding-top:var(--timeline-group-padding);border-top:1px solid #ccd8d2;display:grid}.timeline-group+.timeline-group{border-top-width:2px;margin-top:4px}.timeline-label{color:var(--ink);max-width:var(--timeline-label-max);min-width:var(--timeline-label-min);text-align:left;width:var(--timeline-label-max);z-index:2;background:#fff;border:0;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:2px 8px 2px 0;display:grid;position:sticky;left:0}.timeline-label:before{content:"";background:#d9e8e2;border-radius:999px;place-self:stretch stretch;width:4px;height:auto;min-height:30px}.timeline-project-copy{gap:2px;min-width:0;display:grid}.timeline-project-heading{flex-wrap:wrap;align-items:baseline;gap:1px 7px;min-width:0;display:flex}.timeline-project-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;line-height:1.12;overflow:hidden}.timeline-label small{color:var(--muted);font-size:12px;line-height:1.2}.timeline-project-action{color:var(--teal);text-align:right;justify-self:end;max-width:62px;font-size:12px;font-weight:800;line-height:1.15}.timeline-row{background:linear-gradient(90deg,#687c7429 1px,#0000 1px),#f7faf8;background-size:calc(100% / var(--timeline-columns,9)) 100%;height:38px;min-width:max(100%, var(--timeline-min-width));border-radius:8px;position:relative}.timeline-row.missing{color:var(--amber);border:1px dashed #f0d7a4;align-items:center;gap:8px;padding:0 12px;display:flex}.timeline-row.project-timeline-row,.timeline-row.phase,.timeline-row.task-timeline-row{gap:var(--timeline-label-gap);grid-template-columns:minmax(var(--timeline-label-min), var(--timeline-label-max)) minmax(var(--timeline-min-width), 1fr);height:auto;min-height:var(--timeline-row-min-height);min-width:max(100%, calc(var(--timeline-label-max) + var(--timeline-label-gap) + var(--timeline-min-width)));background:0 0;display:grid}.timeline-row.project-timeline-row{align-items:center}.timeline-row.phase,.timeline-row.task-timeline-row{align-items:start}.phase-label,.task-label{z-index:2;background:#fff;border-left:2px solid #e2ebe6;gap:1px;min-width:0;padding:0 12px 0 10px;display:grid;position:sticky;left:0}.task-label-main{flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:0;display:flex}.phase-label strong,.task-label strong{overflow-wrap:anywhere;white-space:normal;max-width:100%;font-size:13px;font-weight:800;line-height:1.25}.phase-label small,.task-label small{color:var(--muted);font-size:11px}.project-line,.phase-line,.task-line{background:#eef5f1;background-size:calc(100% / var(--timeline-columns,9)) 100%;height:var(--timeline-task-height);border:1px solid #a7b8b094;border-radius:8px;margin-top:5px;position:relative;overflow:visible}.project-line:after,.phase-line:after,.task-line:after{background-image:linear-gradient(90deg,#3a4c4438 1px,#0000 1px);background-size:calc(100% / var(--timeline-columns,9)) 100%;border-radius:inherit;content:"";pointer-events:none;z-index:8;position:absolute;inset:0}.project-line{height:var(--timeline-project-height);background:#e8f1ed;border-color:#baccc4;margin-top:0}.project-missing-line{color:var(--amber);height:var(--timeline-project-height);background:#fffaf0;border:1px dashed #f0d7a4;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.bar{color:#fff;white-space:nowrap;z-index:3;border-radius:8px;align-items:center;min-width:6px;height:100%;padding:0 10px;font-size:13px;font-weight:800;display:flex;position:absolute;left:0;overflow:visible}.bar:focus-visible{outline-offset:2px;outline:3px solid #2364aa47}.bar-label{text-overflow:ellipsis;width:100%;min-width:0;display:block;overflow:hidden}.timeline-markers{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.timeline-weekend-band,.timeline-month-marker,.timeline-today-marker{pointer-events:none;display:block;position:absolute;top:0}.timeline-weekend-band{background:#b873000e;bottom:0}.timeline-month-marker{background:#17201d57;width:2px;bottom:0}.timeline-today-marker{background:var(--blue);z-index:4;width:2px;bottom:0;box-shadow:0 0 0 3px #2364aa1f}.timeline-head-columns .timeline-month-marker{background:#17201d75;width:3px}.timeline-detail-card{color:var(--ink);opacity:0;pointer-events:none;white-space:normal;z-index:20;background:#fff;border:1px solid #cddbd5;border-radius:8px;gap:6px;min-width:260px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 16px 38px #16201d2e}.timeline-detail-card span{gap:2px;display:grid}.timeline-detail-card strong{color:var(--muted);text-transform:uppercase;font-size:10px}.timeline-detail-card em{color:var(--ink);overflow-wrap:anywhere;font-size:12px;font-style:normal;font-weight:750;line-height:1.25}.bar:hover .timeline-detail-card,.bar:focus .timeline-detail-card,.bar:focus-visible .timeline-detail-card{opacity:1;transform:translateY(0)}.timeline-weken .bar{padding:0 8px;font-size:12px}.timeline-dagen .timeline-head-columns .timeline-column{justify-items:center;gap:1px;padding-inline:2px}.timeline-dagen .timeline-head-columns strong{font-size:11px}.timeline-dagen .timeline-head-columns small{font-size:10px}.timeline-dagen .bar{min-width:4px;padding:0 6px;font-size:11px}.phase-line .bar,.project-line .bar{height:var(--timeline-task-height)}.project-line .bar{height:100%;padding:0 10px}.risk-groen,.done{background:var(--green)}.risk-blauw{background:var(--blue)}.risk-oranje{background:var(--amber)}.risk-rood{background:var(--red)}.risk-grijs,.muted.bar{background:#8a9691}.planning-panel{margin:24px 28px 36px}.planning-filters{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-items:end}.planning-filters label:first-child{grid-column:span 2}.planning-filters button{justify-self:start}.planning-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;display:grid}.planning-notice{margin-bottom:16px}.missing-planning{border-color:#f0d7a4}.report-timeline{gap:12px;display:grid;overflow-x:auto}.report-planning-timeline{margin-top:4px}.report-planning-label{cursor:default}.report-planning-label:before{background:var(--teal);min-height:34px}.report-planning-group{padding-top:12px}.report-task-timeline-row .task-label-main{gap:7px}.report-timeline-head{color:var(--muted);grid-template-columns:repeat(var(--timeline-columns,6), minmax(58px, 1fr));text-transform:uppercase;min-width:680px;font-size:12px;display:grid}.report-timeline-head span{border-left:1px solid var(--line);padding-left:8px}.report-timeline-group{border-top:1px solid var(--line);gap:8px;min-width:680px;padding-top:12px;display:grid}.report-row-label{justify-content:space-between;align-items:end;gap:12px;display:flex}.report-row-label span{color:var(--muted);font-size:13px}.report-line{background:linear-gradient(90deg,#eef3f0 1px,#0000 1px),#f8faf8;background-size:calc(100% / var(--timeline-columns,6)) 100%;border-radius:8px;height:34px;position:relative}.report-line.phase,.report-line.task{height:20px}.report-bar{color:#fff;white-space:nowrap;border-radius:8px;align-items:center;min-width:22px;height:100%;padding:0 9px;font-size:12px;font-weight:800;display:flex;position:absolute;overflow:hidden}.report-phase-row,.report-task-row{grid-template-columns:190px minmax(420px,1fr);align-items:center;gap:12px;display:grid}.report-phase-row>span,.report-task-row>span{color:var(--muted);align-items:center;gap:7px;min-width:0;font-size:13px;display:flex}.empty-state{color:var(--muted);margin:0}.project-edit{border-bottom:1px solid var(--line);margin:12px 0 0;padding-bottom:12px}.project-edit-compact{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;gap:10px;padding:12px}.project-edit-compact .editor-grid{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,1fr));gap:10px}.project-edit-compact .editor-grid label:first-child{grid-column:span 1}.project-edit-compact label span{font-size:11px}.project-edit-compact input,.project-edit-compact select{min-height:34px}.project-edit-compact .compact-textarea{min-height:58px}.project-edit-compact .collapsible-trigger{min-height:40px}.project-edit-compact .form-footer{margin-top:-2px}.editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.editor-grid label:first-child,.editor-grid label:nth-child(10){grid-column:span 2}.compact-textarea{min-height:90px}.collapsible-field{border:1px solid var(--line);border-radius:8px;overflow:hidden}.collapsible-trigger{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#f8faf8;border:0;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:10px 12px;display:flex}.collapsible-trigger:hover{background:#eef4f1}.collapsible-trigger>span:first-child{gap:2px;display:grid}.collapsible-trigger strong{font-size:14px}.collapsible-trigger small,.collapsible-trigger>span:last-child{color:var(--muted);font-size:13px}.collapsible-content{border-top:1px solid var(--line);padding:12px}.form-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.editable-list{gap:8px;display:grid}.phase-row,.task-row,.task-create,.phase-create,.phase-document-create{align-items:center;gap:8px;display:grid}.phase-row{grid-template-columns:34px minmax(150px,1fr) 135px 135px 38px 38px}.task-row{grid-template-columns:minmax(170px,1fr) 145px 135px 120px 135px 38px}.task-create{background:linear-gradient(135deg,#007f7317,#ffffffeb);border:1px solid #007f7338;border-radius:8px;grid-template-columns:minmax(170px,1fr) 145px 135px auto;margin-top:14px;padding:12px}.phase-create{border-top:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 135px 135px auto;margin-top:12px;padding-top:12px}.phase-document-create{border-top:1px solid var(--line);grid-template-columns:150px minmax(190px,1fr) 130px auto;margin-top:12px;padding-top:12px}.phase-row input,.phase-row select,.phase-create input,.phase-document-create input,.phase-document-create select,.task-row input,.task-row select,.task-create input,.task-create select{min-height:36px}.inline-check{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;height:36px;display:flex;position:relative}.inline-check input{opacity:0;position:absolute;inset:0}.modal-backdrop{z-index:20;background:#0a17146b;align-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;width:min(100%,640px);max-width:640px;max-height:calc(100dvh - 48px);margin:0 auto;padding:20px;display:flex;overflow:hidden;box-shadow:0 28px 70px #0817143d}.modal-panel>.section-heading{flex:none}.modal-panel>.form-stack{scrollbar-gutter:stable;min-height:0;padding-right:4px;overflow-y:auto}.modal-panel>.form-stack .form-footer{border-top:1px solid var(--line);z-index:1;background:#fff;margin:0 -4px 0 0;padding-top:12px;position:sticky;bottom:0}.compact-modal{width:min(100%,520px);max-width:520px}.session-lock-backdrop{z-index:40;background:radial-gradient(circle at 0 0,#007f7338,#0000 34%),#091e1ab8;align-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-lock-panel{border-color:#007f7347;box-shadow:0 32px 80px #0514115c}.session-lock-icon{background:var(--teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:inline-flex}.document-access-summary{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.document-access-summary svg{color:var(--teal)}.document-access-summary strong,.document-access-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.document-access-summary span{color:var(--muted);font-size:13px}.modal-help{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-grid.single{grid-template-columns:1fr}.task-list-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.task-list-toolbar-prominent{background:linear-gradient(90deg,#007f731a,#fff0);border:1px solid #007f732e;border-radius:8px;margin-top:16px;padding:12px}.task-list-toolbar h2,.task-list-toolbar h3,.task-list-toolbar p{margin:0}.task-list-toolbar h2{font-size:18px}.project-section-header,.project-detail-header{margin-top:0}.project-detail-header{align-items:center}.project-detail-header>div:first-child,.project-detail-header h2,.project-detail-header p,.project-section-header h2,.project-section-header p{min-width:0}.project-detail-header h2,.project-section-header h2{overflow-wrap:anywhere}.project-detail-panel .detail-strip{flex-wrap:wrap;margin-bottom:4px}.project-detail-shell{min-width:0}.project-detail-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:stretch;gap:16px;display:grid}.project-main-card{gap:12px;min-width:0;display:grid}.project-list-panel .project-filters{margin-top:2px}.task-list-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.task-process-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:start;gap:16px;display:grid}.task-workspace{min-width:0}.task-editor-list{scroll-behavior:smooth;gap:6px;max-height:min(72vh,820px);padding-right:6px;overflow-y:auto}.task-process-rail{background:var(--panel);box-shadow:var(--shadow);border:1px solid #007f7338;border-radius:8px;grid-template-rows:minmax(0,1fr);align-self:stretch;min-height:0;margin-top:0;padding:12px;display:grid;position:sticky;top:16px}.task-process-sidebar{box-shadow:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);align-self:stretch;gap:10px;width:100%;height:100%;min-height:0;max-height:none;margin-top:0;padding:0;display:grid;position:static;overflow:hidden}.task-process-sidebar-head{background:linear-gradient(90deg,#007f731a,#fff0);border:1px solid #007f732e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:69px;padding:12px;display:grid}.task-process-sidebar-head h3,.task-process-sidebar-head p{margin:0}.task-process-sidebar-head h3{font-size:15px}.task-process-sidebar-head p{color:var(--muted);font-size:12px;font-weight:700}.task-process-sidebar-head svg{color:var(--teal)}.task-process-list{box-shadow:none;scroll-behavior:smooth;background:#fff;border:1px solid #0d262014;border-radius:8px;grid-auto-rows:max-content;align-content:start;gap:7px;padding:10px 6px 10px 10px;display:grid;overflow-y:auto}.task-process-item{border:1px solid var(--line);border-left:5px solid var(--muted);background:#fff;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:6px;display:grid}.task-process-item.risk-groen{border-left-color:var(--green)}.task-process-item.risk-blauw{border-left-color:var(--blue)}.task-process-item.risk-oranje{border-left-color:var(--amber)}.task-process-item.risk-rood{border-left-color:var(--red)}.task-process-item.risk-grijs{border-left-color:var(--muted)}.task-process-item.next{box-shadow:inset 0 0 0 2px #007f7329}.task-process-item.selected{border-color:#2364aa6b;box-shadow:inset 3px 0 #2364aa47}.task-process-item.drag-group{opacity:.62}.task-process-check{border-radius:6px;width:24px;height:30px}.task-process-check svg{color:var(--blue)}.task-process-main{color:var(--ink);cursor:grab;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:0;display:grid}.task-process-main:active{cursor:grabbing}.task-process-main:hover .task-process-copy strong{color:var(--teal)}.task-process-position{color:var(--teal-dark);background:#eef6f3;border:1px solid #cfe3dd;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-flex}.task-process-copy{gap:2px;min-width:0;display:grid}.task-process-copy strong,.task-process-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-process-copy strong{font-size:12px}.task-process-copy small{color:var(--muted);font-size:11px;font-weight:700}.task-process-item .status-chip{text-overflow:ellipsis;max-width:112px;overflow:hidden}.task-copy-modal{width:min(100%,1040px);max-width:1040px}.task-copy-project-selectors,.task-copy-options,.task-copy-grid{gap:12px;display:grid}.task-copy-project-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.task-copy-options{border:1px solid var(--line);background:#f7fbf9;border-radius:8px;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(210px,1.2fr);align-items:end;padding:12px}.task-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-copy-column{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7333;border-radius:8px;gap:10px;min-width:0;padding:10px;display:grid}.task-copy-column-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.task-copy-column-head strong,.task-copy-column-head span{display:block}.task-copy-column-head span{color:var(--muted);font-size:12px;font-weight:750}.task-copy-list{gap:7px;max-height:min(46vh,520px);padding-right:4px;display:grid;overflow-y:auto}.task-copy-item{border:1px solid var(--line);background:#fff;border-left:5px solid #007f7333;border-radius:8px;grid-template-columns:18px 28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:7px;display:grid}.task-copy-item.target{grid-template-columns:28px minmax(0,1fr) auto}.task-copy-item.selected{border-color:#2364aa6b;box-shadow:inset 3px 0 #2364aa38}.task-copy-item.duplicate{border-left-color:var(--amber)}.task-copy-item.copied{border-color:#007f7361;border-left-color:var(--teal);background:#e8f7f3;box-shadow:inset 0 0 0 2px #007f731f}.task-copy-item.copied .task-process-position{background:var(--teal);border-color:var(--teal);color:#fff}.task-copy-item-main{gap:2px;min-width:0;display:grid}.task-copy-item-main strong,.task-copy-item-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-copy-item-main small{color:var(--muted);font-size:12px;font-weight:700}.task-copy-result-note{color:#005f56;background:#e8f7f3;border:1px solid #007f7340;border-radius:8px;padding:10px 12px}.task-card{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:6px;padding:7px;display:grid}.task-card.selected{border-color:#2364aa6b;box-shadow:inset 4px 0 #2364aa40}.task-card.drag-group{opacity:.62}.task-card:focus-within{border-color:#007f736b;box-shadow:0 0 0 3px #007f7314}.task-card form{gap:6px;display:grid}.task-card-head{grid-template-columns:30px 28px 24px minmax(190px,1fr) auto auto;align-items:center;gap:6px;display:grid}.task-card-head strong{color:var(--muted);text-align:center}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.task-selection-check{width:28px;height:30px}.task-selection-check svg{color:var(--blue)}.task-inline-save{white-space:nowrap}.task-inline-save.attention{box-shadow:0 0 0 3px #007f7324}.task-save-status{border:1px solid var(--line);color:var(--muted);background:#f4f8f6;border-radius:8px;align-items:center;min-height:26px;padding:5px 9px;font-size:12px;font-weight:800;display:flex}.task-save-status.dirty{color:var(--amber-dark);background:#fff9ec;border-color:#c47a0057}.task-save-status.success{color:var(--teal-dark);background:#e8f7f3;border-color:#007f7347}.task-save-status.error{color:var(--red);background:#fff1f1;border-color:#f0b8b8}.task-card-grid{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(118px,1fr));gap:8px;display:grid}.task-card-grid input,.task-card-grid select,.task-card-head input{min-height:30px;padding-left:10px;padding-right:10px}.task-card-grid label span{font-size:11px}.task-compact-controls{grid-template-columns:minmax(300px,max-content) minmax(0,1fr);align-items:center;gap:8px;display:grid}.task-compact-controls .task-status-chip-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-compact-controls .task-status-chip-group legend{flex:none;line-height:1}.task-compact-meta{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.task-compact-meta span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #0d262014;border-radius:999px;max-width:100%;min-height:22px;padding:5px 8px;font-size:11px;font-weight:800;line-height:1;overflow:hidden}.task-card-details{border-top:1px dashed #0d26201f;gap:8px;padding-top:8px;display:grid}.task-status-chip-group{border:0;gap:5px;min-width:0;margin:0;padding:0;display:grid}.task-status-chip-group legend{color:var(--muted);padding:0;font-size:11px;font-weight:750}.task-status-chip-group>div{flex-wrap:wrap;gap:5px;display:flex}.task-status-chip-group button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;min-height:25px;padding:0 8px;font-size:11px;font-weight:800}.task-status-chip-group button:hover{color:var(--teal);border-color:#007f7357}.task-status-chip-group button.active{border-color:var(--teal);color:var(--teal);background:#e8f7f3}.task-card textarea{min-height:92px}.task-card-collapsibles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.task-note-field,.task-documents-field{background:#fff}.waiting-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:9px;display:grid}.waiting-panel .section-heading{margin-bottom:0}.waiting-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;display:grid}.task-note-field .collapsible-trigger,.task-documents-field .collapsible-trigger{min-height:34px;padding:7px 9px}.icon-button.save{color:var(--teal-dark)}.inline-help{color:var(--teal-dark);margin:-4px 0 0;font-size:13px;font-weight:700}.task-document-area{gap:8px;display:grid}.project-documents-section{margin-top:14px;overflow:hidden}.project-documents-header{background:linear-gradient(90deg,#007f731a,#fff0);border:1px solid #007f732e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px;padding:10px;display:grid}.project-documents-toggle{background:0 0;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:0;padding:0;display:grid}.project-documents-toggle:hover{background:0 0}.project-documents-toggle:hover strong{color:var(--teal)}.project-documents-icon{background:var(--teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.project-documents-toggle-text{align-self:center}.project-document-upload{justify-self:end}.project-document-area{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;margin:0 12px 12px;padding:12px;display:grid}.section-heading.compact h3,.section-heading.compact h4{margin:0;font-size:15px}.document-mini-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.document-mini-list li{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.document-mini-list li>div{gap:2px;min-width:0;display:grid}.task-create-wide{grid-template-columns:minmax(190px,1fr) 160px 135px 135px 150px auto}.task-support-card{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7338;border-radius:8px;box-shadow:0 10px 22px #0928220f}.task-create-card{margin-top:14px}.task-create-intro{background:linear-gradient(90deg,#007f731a,#fff0);border:1px solid #007f732e;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.task-create-icon{background:var(--teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.task-create-intro>div{gap:2px;display:grid}.task-create-intro strong{font-size:15px}.task-create-intro small{color:var(--muted);font-size:12px}.template-actions{flex-wrap:wrap;gap:10px;display:flex}.templates-page{align-items:start}.template-library-panel{align-content:start}.template-library-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-library-summary span,.template-editor-meta span{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#f5faf7;border-radius:999px;min-width:0;padding:7px 10px;font-size:12px;font-weight:700;overflow:hidden}.template-group-list{gap:14px;display:grid}.template-group{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7329;border-radius:8px;gap:8px;padding:10px;display:grid}.template-group header{background:linear-gradient(90deg,#007f7314,#fff0);border:1px solid #007f7324;border-radius:8px;justify-content:space-between;align-items:end;padding:9px 10px;display:flex}.template-group h3{margin:0;font-size:15px}.template-group header span{color:var(--muted);font-size:12px}.template-card-list{gap:8px;display:grid}.template-card{background:#fff;border:1px solid #0d26201a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.template-card.active{border-color:#007f738c;box-shadow:0 0 0 2px #007f731f}.template-card-main{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;min-width:0;padding:3px;display:grid}.template-card-main:hover strong{color:var(--teal)}.template-card-title{align-items:center;gap:8px;min-width:0;display:flex}.template-card-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-scope-chip{border-radius:999px;flex:none;padding:4px 7px;font-size:11px;font-weight:800}.template-scope-chip.account{color:#1d4f8f;background:#edf4ff}.template-scope-chip.organization{color:#0b6b54;background:#eef8f2}.template-card-meta{color:var(--muted);flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.template-editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.template-editor-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.template-source-note{color:var(--muted);background:#f5faf7;border:1px solid #007f732e;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:10px;font-size:12px;display:grid}.template-source-note svg{color:var(--teal)}.template-copy-action{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;flex:420px;align-items:flex-end;gap:10px;padding:10px;display:flex}.template-copy-action label{flex:260px}.template-preview{background:linear-gradient(#fff,#f8fbfa);border:1px solid #007f7329;border-radius:8px;gap:8px;padding:12px;display:grid}.template-task-list{gap:8px;display:grid}.template-task-row{grid-template-columns:28px minmax(190px,1fr) 110px 38px 38px 38px;align-items:center;gap:8px;display:grid}.phase-block{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:8px;padding:8px;display:grid}.phase-documents{gap:7px;padding-left:42px;display:grid}.phase-document-row{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.phase-document-row div{gap:2px;display:grid}.phase-document-row span{color:var(--muted);font-size:12px}.detail-grid h3{margin:18px 0 8px;font-size:15px}.detail-grid ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.detail-grid li{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-grid li>div{flex:1;gap:2px;min-width:0;display:grid}.report-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-list li{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.report-list li:last-child{border-bottom:1px solid var(--line);padding-bottom:10px}.report-list div{gap:3px;display:grid}.report-list span{color:var(--muted);font-size:13px}.date-chip{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;flex:none;padding:6px 9px;font-weight:800;color:var(--ink)!important;font-size:12px!important}.project-report{break-before:page}.project-report-summary{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:8px;margin:16px 0;padding:14px 0;display:grid}.project-report-summary p{margin:0}.project-report-planning{gap:10px;margin-bottom:18px;display:grid}.project-report-planning h3{margin:0;font-size:15px}.project-report-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.project-report-grid h3{margin:0 0 10px;font-size:15px}.project-report-grid table{min-width:100%}.item-list{gap:10px;display:grid}.list-button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;gap:4px;min-height:62px;padding:12px;display:grid}.list-button:hover{border-color:var(--teal)}.list-button.active{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal);background:#f4faf7}.list-button span{color:var(--muted);font-size:13px}.segmented{background:var(--panel-soft);border-radius:8px;padding:4px}.segmented button{background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 12px}.segmented button.active{background:#fff;box-shadow:0 1px 8px #16201d1f}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list span{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.settings-list{gap:10px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.settings-editor{background:#fff;border:1px solid #0d26201a;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 6px 14px #0928220a}.section-heading.compact{margin-bottom:0}.section-heading.compact h3{margin:0;font-size:15px}.settings-tags{flex-wrap:wrap;gap:8px;display:flex}.settings-tags>span{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:4px 5px 4px 11px;display:inline-flex}.settings-tags button{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.settings-tags button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.settings-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.print-only{display:none}.print-meta{border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) auto;gap:14px;margin-bottom:18px;padding:14px}.print-meta>div:first-child{gap:4px;display:grid}.print-meta strong{font-size:18px}.print-meta span,.print-meta dd{color:var(--muted)}.print-meta dl{gap:6px;margin:0;display:grid}.print-meta dl div{grid-template-columns:92px minmax(0,1fr);gap:8px;display:grid}.print-meta dt{color:var(--ink);font-weight:800}.print-meta dd{margin:0}.print-legend{align-content:start;gap:6px;display:grid}.print-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-dot.groen,.legend-dot.klaar{background:var(--green)}.legend-dot.blauw{background:var(--blue)}.legend-dot.oranje{background:var(--amber)}.legend-dot.rood{background:var(--red)}.legend-dot.grijs{background:#8a9691}.backup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.backup-restore{background:#fff;border:1px solid #0d26201a;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:end;gap:12px;padding:12px;display:grid}.backup-restore .btn{justify-content:center;width:100%}.audit-retention-card{background:#fff8eb;border-color:#f0d7a4;justify-content:space-between;align-items:center;gap:16px;display:flex}.audit-retention-card>div{align-items:flex-start;gap:12px;min-width:0;display:flex}.audit-retention-card h2,.audit-retention-card p{margin:0}.audit-retention-card h2{font-size:17px}.audit-retention-card p{color:#694400;margin-top:4px;font-size:14px}.audit-heading>div:first-child{gap:4px;display:grid}.audit-filters{grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-bottom:10px;display:grid}.audit-filters .btn{min-width:130px}.audit-result-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.audit-list{gap:10px;display:grid}.audit-pagination{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.audit-pagination .btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.audit-pagination .btn:disabled{cursor:default}.audit-pagination-ellipsis{color:var(--muted);padding:0 4px;font-weight:800}.audit-row{border:1px solid var(--line);background:#f8fbf9;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.audit-row>div:first-child{gap:4px;display:grid}.audit-meta{white-space:nowrap;flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.check-row{color:var(--green);background:#f2f8f5;border-color:#cee4d8}.toast{background:var(--sidebar);color:#fff;z-index:10;border-radius:8px;padding:12px 16px;position:fixed;bottom:18px;right:18px}@media (max-width:980px){.sidebar{grid-template-columns:1fr;align-content:start;gap:10px;min-height:0;padding:12px 18px;position:static}.sidebar nav{grid-column:auto}.sidebar-note{justify-self:start}.planning-filters label:first-child{grid-column:auto}.planning-zoom-control{grid-column:auto;min-width:0}.planning-filters button{justify-self:stretch}.content-grid,.dashboard-focus-grid,.dashboard-insight-grid,.editor-grid,.metric-grid,.report-grid,.report-facts,.report-filters,.filters,.filters.four,.document-filters,.document-library-summary,.project-filters,.dashboard-filters,.audit-filters,.planning-filters,.planning-summary,.detail-grid,.project-report-grid,.settings-grid,.backup-actions,.audit-row{grid-template-columns:1fr}.organization-intro{grid-template-columns:1fr;align-items:start}.organization-intro h1{font-size:40px}.content-grid>*,.workspace{min-width:0}.topbar{align-items:flex-start;gap:12px;min-height:0;display:grid}.phase-row,.phase-create,.phase-document-create,.task-row,.task-create,.task-create-wide,.project-detail-layout,.task-process-layout,.project-edit-compact .editor-grid,.task-card-head,.task-card-grid,.task-card-collapsibles,.task-copy-project-selectors,.task-copy-options,.task-copy-grid,.project-documents-header,.waiting-grid,.dashboard-followup-list li,.dashboard-reminder-list li,.template-library-summary,.template-card,.template-editor-meta,.template-task-row,.comparison-row,.backup-actions,.backup-restore,.settings-add{grid-template-columns:1fr}.inline-check{width:38px}.dashboard-next-action{align-items:stretch;display:grid}.dashboard-next-actions{justify-content:flex-start}.task-list-toolbar{align-items:stretch;display:grid}.task-list-actions{justify-content:flex-start}.task-process-rail{min-height:0;margin-top:0;position:static}.task-process-sidebar{max-height:420px;position:static}.task-card-head{grid-template-columns:34px 38px 28px minmax(0,1fr)}.task-card-head .pill{grid-column:1/span 2}.task-card-head .row-actions{grid-column:3/-1;justify-content:flex-start}.task-compact-controls{grid-template-columns:1fr}.task-compact-controls .task-status-chip-group{align-items:flex-start;display:grid}.task-status-chip-group>div{gap:5px}.project-document-upload{justify-self:start}.template-editor-actions{justify-content:flex-start}.audit-retention-card{align-items:stretch;display:grid}.audit-retention-card .btn{justify-self:start}.dashboard-followup-list dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:700px) and (max-width:980px){.sidebar{grid-template-columns:minmax(180px,1fr) auto}.sidebar nav{grid-column:1/-1}.sidebar nav button{gap:5px;padding:0 7px;font-size:12px}.sidebar-note{justify-self:end}}@media (max-width:699px){.brand{min-width:0}.sidebar-note{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;display:grid}.sidebar-note-group,.sidebar-note-group.compact{max-width:none}.sidebar-note .logout-button{justify-self:end}.organization-page{padding:18px}.organization-hero{align-items:start;gap:14px;display:grid}.organization-intro h1{font-size:34px}.topbar{padding:20px 18px}.content-grid{padding:18px 14px 28px}.planning-panel{margin:18px 14px 28px}.panel{padding:14px}.login-page{padding:18px}.login-shell{grid-template-columns:1fr;min-height:0}.login-intro{gap:20px;padding:24px}.login-intro h1{max-width:none;font-size:34px}.login-panel{padding:24px}.login-logo-wrap{max-width:360px;padding:10px}.login-card-heading,.dashboard-followup-list dl{grid-template-columns:1fr}.dashboard-workload-chart{grid-template-columns:repeat(7,minmax(74px,1fr));padding-bottom:4px;overflow-x:auto}}@media print{.sidebar,.topbar,.topbar-actions,.filters,.form-stack,.toast,.btn,.icon-button,.screen-only{display:none!important}.print-only{display:grid!important}html,body,.app-shell{background:#fff!important}.app-shell,.workspace,.content-grid,.report-page{display:block}.panel,.metric,.task-card{box-shadow:none;break-inside:avoid}.content-grid,.report-page{padding:0}.panel{border-color:#cfd8d3;margin-bottom:10mm;padding:12px}.panel>.section-heading:not(.compact){margin-bottom:10px;background:0 0!important;border:0!important;padding:0!important}.panel>.document-library-summary,.panel>.planning-summary,.panel>.report-grid,.panel>.template-library-summary,.panel>.template-editor-meta,.panel>.settings-grid,.panel>.settings-list,.panel>.backup-actions,.template-group,.template-preview,.settings-editor,.backup-restore{box-shadow:none!important;background:#fff!important}.report-cover,.planning-panel{border-top:4px solid var(--teal);margin:0 0 10mm}.section-heading{margin-bottom:10px}.section-heading h2{font-size:16px}.print-meta{break-inside:avoid;grid-template-columns:1.1fr 2fr auto}.metric{padding:10px}.metric span{font-size:10px}.metric strong{font-size:20px}.report-grid,.report-facts{grid-template-columns:repeat(4,1fr)}.report-timeline,.timeline,.timeline-body,.timeline-head-viewport,.timeline-head-columns-viewport,.table-wrap{overflow:visible}.timeline{--timeline-label-gap:4mm;--timeline-label-max:55mm;--timeline-label-min:55mm;gap:8px;--timeline-min-width:100%!important}.timeline-head,.timeline-row{min-width:100%}.timeline-head-viewport{position:static}.timeline-head{box-shadow:none;grid-template-columns:minmax(var(--timeline-label-min), var(--timeline-label-max)) minmax(0, 1fr);transform:none!important}.timeline-head-columns{grid-template-columns:repeat(var(--timeline-columns,9), minmax(0, 1fr));transform:none!important}.timeline-label,.phase-label,.task-label{position:static}.timeline-detail-card{display:none}.report-timeline-head{grid-template-columns:repeat(var(--timeline-columns,9), minmax(0, 1fr))}.timeline-head-label,.timeline-head-columns .timeline-column,.report-timeline-head span{padding-left:3px}.timeline-row.project-timeline-row,.timeline-row.phase,.timeline-row.task-timeline-row{grid-template-columns:minmax(var(--timeline-label-min), var(--timeline-label-max)) minmax(0, 1fr);min-width:100%}.project-line,.phase-line,.task-line,.report-line{min-width:0}.bar,.report-bar{padding:0 4px;font-size:9px}.report-timeline-head,.report-timeline-group{min-width:100%}.report-phase-row,.report-task-row{grid-template-columns:55mm minmax(0,1fr)}table{min-width:100%}@page{margin:12mm;size:A4 landscape}}
