.planning-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.planning-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.planning-controls label{margin:0;min-width:150px}.planning-controls button{white-space:nowrap}.planning-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.planning-summary article{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:14px}.planning-summary span{display:block;color:var(--muted)}.planning-summary strong{font-size:21px;color:var(--blue)}.planning-warnings{border-left:4px solid var(--yellow);padding:0}.planning-warnings summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;cursor:pointer;color:var(--blue)}.planning-warnings summary span{font-size:12px;color:var(--muted)}.planning-warnings details[open] summary span{font-size:0}.planning-warnings details[open] summary span:after{content:"Inklappen";font-size:12px}.planning-warning-list{padding:0 14px 14px}.planning-warning-list p{margin:4px 0}.planning-grid-wrap{overflow:auto}.planning-grid{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0}.planning-grid th,.planning-grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;vertical-align:top}.planning-grid th{position:sticky;top:0;background:#edf3f8;color:var(--blue);z-index:2}.planning-grid th:first-child,.planning-grid td:first-child{position:sticky;left:0;background:var(--white);z-index:1;max-width:150px;width:150px;min-width:150px}.planning-grid th:first-child{z-index:3;background:#edf3f8}.planning-day{min-width:145px;height:112px;background:color-mix(in srgb,var(--white) 94%,var(--blue) 6%);cursor:pointer}.planning-day.drag-over{outline:3px solid var(--yellow);outline-offset:-3px}.planning-day.unavailable{background:color-mix(in srgb,var(--white) 82%,#f3c5c5 18%)}.planning-day.staffing-shortage{background:#fff3e8;box-shadow:inset 0 0 0 2px #d47a28}.planning-day.staffing-ok{background:#f2faf5}.day-staffing{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid var(--line);font-size:11px}.staffing-shortage .day-staffing{color:var(--bad)}.staffing-ok .day-staffing{color:var(--good)}.planning-availability{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.planning-card{display:block;width:100%;text-align:left;border:0;border-left:4px solid var(--blue2);border-radius:6px;background:var(--white);color:var(--text);padding:7px;margin:0 0 6px;box-shadow:0 1px 4px #0002;cursor:grab}.planning-card.TeamScan{border-left-color:var(--yellow)}.planning-card.Bevestigd{background:#e8f3ed}.planning-card.Geannuleerd{opacity:.55;text-decoration:line-through}.planning-card strong,.planning-card small{display:block}.planning-card small{color:var(--muted)}.employee-week-total{display:block;margin-top:5px;color:var(--muted)}.employee-week-total.over{color:var(--bad);font-weight:bold}.task-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.task-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--bg)}.task-card h3{font-size:15px;margin-bottom:5px}.task-card p{margin:3px 0}.task-card button{margin-top:8px}.planning-empty{padding:30px;text-align:center;color:var(--muted)}
.workpost-week-grid .available-pool-row td{background:color-mix(in srgb,var(--white) 88%,var(--yellow) 12%)}.employee-pool-card{display:block;width:100%;text-align:left;border:1px dashed var(--blue2);border-radius:6px;background:var(--white);color:var(--text);padding:7px;margin:0 0 6px;cursor:grab}.employee-pool-card strong,.employee-pool-card small{display:block}.employee-pool-card small{color:var(--muted)}.workpost-staffing-board{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:18px}.staffing-pool{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--bg)}.staffing-employee{display:block;width:100%;text-align:left;border:1px solid var(--line);border-left:4px solid var(--blue2);border-radius:6px;background:var(--white);color:var(--text);padding:9px;margin:0 0 8px;cursor:grab}.staffing-employee strong,.staffing-employee small{display:block}.staffing-employee small{color:var(--muted)}.staffing-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.staffing-post{border:1px solid var(--line);border-left:5px solid var(--bad);border-radius:8px;padding:12px;background:var(--bg)}.staffing-post.staffed{border-left-color:var(--good)}.staffing-post.drag-over{outline:3px solid var(--yellow)}.staffing-post header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.staffing-post header strong,.staffing-post header small{display:block}.staffing-members{display:flex;flex-wrap:wrap;gap:7px}.staffing-member{border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--blue);padding:6px 9px;cursor:pointer}
@media(max-width:1100px){.planning-toolbar{align-items:stretch;flex-direction:column}.planning-summary{grid-template-columns:repeat(2,1fr)}.workpost-staffing-board{grid-template-columns:1fr}}
.schedule-days{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.schedule-days label{margin:0}