.planning-projects-page,.planning-board-page{--pw-line:#d8e0e4;--pw-muted:#667b84;--pw-teal:#00a0db;color:#17313c}.planning-page-header,.planning-board-toolbar,.planning-project-detail>header,.planning-project-tasks>header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.planning-page-header{margin-block-end:1rem}.planning-page-header h1,.planning-board-toolbar h1{font-size:1.55rem;margin:0}.planning-page-header p,.planning-board-toolbar span{color:var(--pw-muted);margin:.25rem 0 0}
.planning-projects-layout{display:grid;gap:15px;grid-template-columns:minmax(250px,28%) minmax(0,1fr);min-block-size:calc(100vh - 14rem)}.planning-project-rail{align-self:start;background:#fff;border:1px solid var(--pw-line);border-radius:7px;min-width:0;overflow:hidden;position:sticky;top:1rem}.planning-project-search{background:#f7fafb;border-block-end:1px solid var(--pw-line);display:grid;gap:.5rem;padding:.75rem}.planning-project-search input,.planning-project-search select{background:#fff;border:1px solid #bdc9ce;border-radius:5px;box-sizing:border-box;inline-size:100%;min-block-size:2.5rem;padding:.5rem}.planning-project-list{display:grid;max-block-size:calc(100vh - 18rem);overflow:auto}.planning-project-item{border-block-end:1px solid #edf2f3;color:inherit;display:grid;gap:4px;padding:13px 14px;text-decoration:none}.planning-project-item:hover,.planning-project-item.is-selected{background:#eff9fc}.planning-project-item.is-selected{box-shadow:inset 4px 0 var(--pw-teal)}.planning-project-number{color:#08728f;font-size:.67rem;font-weight:700;text-transform:uppercase}.planning-project-item strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-project-item .planning-status{justify-self:start}
.planning-project-main{display:grid;gap:15px;min-width:0}.planning-project-placeholder,.planning-project-detail,.planning-project-tasks{background:#fff;border:1px solid var(--pw-line);border-radius:7px;padding:1rem}.planning-project-placeholder{align-content:center;color:var(--pw-muted);display:grid;justify-items:center;padding:3rem;text-align:center}.planning-project-detail h2{font-size:1.35rem;margin:.1rem 0}.planning-project-detail-actions{align-items:center;display:flex;gap:.5rem}.planning-status,.planning-priority{align-items:center;background:#edf1f4;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:700;min-block-size:1.45rem;padding:0 .55rem;text-transform:capitalize}.planning-status--active,.planning-status--gereed{background:#dcf4e9;color:#17643a}.planning-status--bezig,.planning-status--ingepland{background:#dff2fa;color:#075e80}.planning-status--geblokkeerd,.planning-priority--spoed{background:#fde5e2;color:#9b2c22}.planning-priority--hoog{background:#fff1cf;color:#76520b}.planning-project-metrics{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0}.planning-project-metrics div{background:#f7fafb;border:1px solid var(--pw-line);border-radius:6px;padding:12px 15px}.planning-project-metrics dt,.planning-project-meta dt{color:var(--pw-muted);font-size:.7rem;font-weight:700;text-transform:uppercase}.planning-project-metrics dd{font-size:1.1rem;font-weight:700;margin:.25rem 0 0}.planning-project-meta{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.planning-project-meta dd{margin:.25rem 0 0}.planning-project-tasks h2{font-size:1.1rem;margin:0}.planning-task-table-wrap{margin-block-start:.75rem;overflow:auto}.planning-task-table-wrap table{border-collapse:collapse;inline-size:100%;min-inline-size:48rem}.planning-task-table-wrap th{background:#f7fafb;color:var(--pw-muted);font-size:.67rem;text-align:start;text-transform:uppercase}.planning-task-table-wrap th,.planning-task-table-wrap td{border-block-end:1px solid var(--pw-line);padding:.65rem .75rem}.planning-project-task-row{cursor:pointer}.planning-project-task-row:hover{background:#f2fafc}.planning-project-task-row td:first-child{inline-size:42%}.planning-project-task-row a{color:inherit;display:grid;gap:.18rem;text-decoration:none}.planning-project-task-row a span{color:var(--pw-muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planning-board-page{block-size:calc(100vh - 9.5rem);display:flex;flex-direction:column;min-block-size:32rem;overflow:hidden}.planning-board-toolbar{border-block-end:1px solid var(--pw-line);padding-block-end:.75rem}.planning-board-toolbar a{color:inherit;text-decoration:none}.planning-week-nav,.planning-hidden-columns{align-items:center;display:flex;gap:.35rem}.planning-week-nav button,.planning-hidden-columns button,.planning-backlog-column button,.planning-person-column header>button{background:#fff;border:1px solid var(--pw-line);border-radius:5px;min-block-size:2.25rem;padding:.35rem .6rem}.planning-week-nav strong{font-size:.78rem;min-inline-size:8.5rem;text-align:center}.planning-board-scroll{background:#eef3f5;display:flex;flex:1;min-block-size:0;overflow-x:auto;overflow-y:hidden}.planning-backlog-column{background:#fff;border-inline-end:1px solid var(--pw-line);display:flex;flex:0 0 280px;flex-direction:column;min-inline-size:0}.planning-backlog-column.is-collapsed{flex-basis:3rem}.planning-backlog-column.is-collapsed header>div,.planning-backlog-column.is-collapsed .planning-backlog-mode,.planning-backlog-column.is-collapsed .planning-board-lane{display:none}.planning-backlog-column>header,.planning-person-column>header{align-items:center;background:#f7fafb;border-block-end:1px solid var(--pw-line);display:flex;gap:.6rem;justify-content:space-between;min-block-size:72px;padding:12px 14px}.planning-backlog-column h2,.planning-person-column h2{font-size:.78rem;margin:0}.planning-backlog-mode{display:grid;grid-template-columns:1fr 1fr;padding:.5rem}.planning-backlog-mode button[aria-pressed=true]{background:#dff4fa;border-color:#49a8c9;color:#075e80}.planning-person-columns{display:flex;min-inline-size:max-content}.planning-person-column{background:#f7fafb;border-inline-end:1px solid var(--pw-line);display:flex;flex:0 0 var(--planning-column-width,280px);flex-direction:column;inline-size:var(--planning-column-width,280px);position:relative}.planning-person-column.is-dragging{opacity:.48}.planning-person-column.is-drop-before{box-shadow:-4px 0 0 var(--pw-teal)}.planning-person-heading{align-items:center;display:flex;gap:9px;min-width:0}.planning-person-heading>div{min-width:0}.planning-person-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-person-heading span{font-size:.62rem}.planning-avatar,.planning-lead{align-items:center;background:#dff4fa;border-radius:8px;color:#0d708e;display:inline-flex;font-size:.66rem;font-weight:700;justify-content:center;block-size:34px;inline-size:34px}.planning-lead{block-size:1.45rem;border-radius:6px;inline-size:1.45rem}.planning-capacity-bar{background:#e5ecef;block-size:5px}.planning-capacity-bar span{background:var(--pw-teal);display:block;block-size:100%}.planning-column-resizer{background:transparent;border:0;cursor:col-resize;inset-block:0;inset-inline-end:-4px;position:absolute;width:8px}.planning-board-lane{display:flex;flex:1;flex-direction:column;gap:.5rem;min-block-size:0;overflow-y:auto;padding:9px;position:relative}.planning-board-lane.is-drop-target{background:#dff3fb;box-shadow:inset 0 0 0 2px var(--pw-teal)}.planning-drop-indicator{background:#007fae;block-size:4px;border-radius:99px;box-shadow:0 0 0 4px rgb(0 160 219 / 16%);display:none;inline-size:calc(100% - 18px);position:absolute}.planning-board-lane.is-inserting .planning-drop-indicator{display:block}.planning-board-card{background:#fff;border:1px solid #cbdce2;border-inline-start:4px solid var(--pw-teal);border-radius:7px;cursor:grab;display:grid;gap:.55rem;min-block-size:5.2rem;padding:.6rem;user-select:none}.planning-board-card:hover{border-color:#69a9c1;box-shadow:0 2px 6px rgb(29 57 70 / 12%)}.planning-board-card.is-selected{background:#e4f5fb;box-shadow:0 0 0 2px #007fae}.planning-board-card.is-dragging{opacity:.4}.planning-board-card-copy{display:grid;gap:.18rem;min-width:0}.planning-board-card-copy strong,.planning-board-card-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-board-card-copy strong{font-size:.76rem}.planning-board-card-copy span{color:var(--pw-muted);font-size:.67rem}.planning-board-card footer{align-items:center;color:var(--pw-muted);display:flex;font-size:.64rem;justify-content:space-between}.planning-board-card.is-compact{align-items:center;display:flex;min-block-size:2.65rem}.planning-board-card.is-compact .planning-board-card-copy{flex:1}.planning-board-card.is-compact .planning-lead{display:none}
.planning-task-dialog{background:#fff;border-radius:7px;box-shadow:0 18px 50px rgb(18 38 48 / 25%);inline-size:min(42rem,calc(100vw - 2rem));max-block-size:calc(100vh - 2rem);overflow:auto}.planning-task-dialog>header,.planning-task-dialog form>footer{align-items:center;border-block-end:1px solid var(--pw-line);display:flex;justify-content:space-between;padding:1rem}.planning-task-dialog h2{font-size:1.2rem;margin:0}.planning-task-dialog>header button{background:transparent;border:0;font-size:1.4rem}.planning-task-dialog form{display:grid;gap:1rem;padding-block-start:1rem}.planning-task-dialog form>label,.planning-dialog-grid,.planning-week-selector{margin-inline:1rem}.planning-task-dialog label{display:grid;font-size:.78rem;font-weight:700;gap:.3rem}.planning-task-dialog input,.planning-task-dialog select,.planning-task-dialog textarea{border:1px solid #b9c3cb;border-radius:5px;box-sizing:border-box;font:inherit;inline-size:100%;min-block-size:2.5rem;padding:.5rem}.planning-dialog-grid,.planning-week-selector{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.planning-week-selector{border:1px solid var(--pw-line);padding:.75rem}.planning-task-dialog form>footer{border-block-end:0;border-block-start:1px solid var(--pw-line);gap:.5rem;justify-content:flex-end}
@media(max-width:64rem){.planning-projects-layout{grid-template-columns:14rem minmax(0,1fr)}.planning-project-metrics{grid-template-columns:repeat(2,1fr)}.planning-project-meta{grid-template-columns:1fr}}@media(max-width:48rem){.planning-projects-layout{display:block}.planning-project-rail{position:static}.planning-project-list{display:flex;max-block-size:none;overflow-x:auto}.planning-project-item{flex:0 0 12rem}.planning-page-header,.planning-board-toolbar{align-items:flex-start;flex-direction:column}.planning-board-page{block-size:calc(100vh - 7rem)}.planning-dialog-grid{grid-template-columns:1fr}}@media print{.planning-project-rail,.planning-page-header button,.planning-project-tasks button,.planning-board-toolbar button{display:none!important}.planning-projects-layout{display:block}.planning-board-page{block-size:auto;overflow:visible}.planning-board-scroll{display:block;overflow:visible}.planning-person-columns{display:grid;grid-template-columns:repeat(2,1fr);min-inline-size:0}.planning-person-column{break-inside:avoid;inline-size:auto}}