.account-layout{grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);align-items:stretch;gap:16px;display:grid}.account-info-card,.account-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-sizing:border-box;flex-direction:column;gap:14px;min-width:0;height:100%;padding:18px;display:flex}.account-info-card{flex-direction:row;align-items:flex-start;gap:16px}.account-info-icon,.account-form-icon{border-radius:var(--radius);width:48px;height:48px;color:var(--text);background:#1c19170d;flex-shrink:0;place-items:center;display:grid}.account-form-icon{width:40px;height:40px}.account-info-body,.account-form-head{flex-direction:column;flex:1;align-self:stretch;gap:10px;min-width:0;min-height:0;display:flex}.account-form-head{flex-direction:row;align-items:flex-start;gap:12px}.account-info-body h2,.account-form h2{margin:0;font-size:1.05rem}.account-form-head p,.account-info-note{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.4}.account-info-note{margin-top:auto}.account-info-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.account-info-grid dt{color:var(--text-muted);margin:0 0 2px;font-size:.78rem}.account-info-grid dd{word-break:break-word;margin:0;font-weight:500}.account-password-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.account-form-actions{justify-content:flex-start;margin-top:auto;display:flex}.account-success{color:var(--good,#1f7a4d);margin:0;font-size:.9rem}@media (width<=980px){.account-layout,.account-info-grid,.account-password-row{grid-template-columns:1fr}}.timeline{flex-direction:column;gap:12px;height:100%;display:flex}.timeline header{align-items:flex-start;gap:8px;display:flex}.timeline h3{margin:0;font-size:.95rem}.timeline header p{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.timeline ol{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.timeline-item{grid-template-columns:28px minmax(0,1fr);gap:8px;display:grid}.timeline-avatar{background:var(--ink);color:#f3ead8;border-radius:99px;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:grid}.timeline-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.timeline-card.is-editable{cursor:pointer}.timeline-card.is-editable:hover{background:var(--surface-hover)}.timeline-item .timeline-card{border-color:#d4b36a}.timeline-item.done .timeline-card{border-color:var(--border)}.timeline-item.is-task .timeline-card{border-color:var(--danger)}.timeline-item.is-task.done .timeline-card{border-color:var(--success)}.timeline-item.done .timeline-card p{color:var(--text)}.timeline-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.72rem;display:flex}.timeline-flags{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.timeline-due-read{font-size:.66rem}.timeline-edit{gap:4px}.timeline-meta strong{color:var(--text)}.timeline-card p{margin:6px 0 0;font-size:.86rem}.timeline-card label{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:.75rem;display:inline-flex}.mention{color:var(--accent);font-weight:600}.timeline-empty{color:var(--text-muted);font-size:.84rem}.timeline-compose{margin-top:auto}.timeline-input-wrap{position:relative}.mention-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 20px #1b2a241f}.mention-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 8px}.mention-menu button:hover{background:var(--surface-hover)}.mention-menu span{color:var(--text-muted);margin-left:8px;font-size:.75rem}.timeline-compose-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.timeline-chat{min-height:0}.timeline-chat ol{gap:12px;padding:4px 2px 8px}.timeline-chat .timeline-item.own{grid-template-columns:minmax(0,1fr) 28px}.timeline-chat .timeline-item.own .timeline-avatar{order:2}.timeline-chat .timeline-item.own .timeline-card{background:#fff;order:1}.timeline-chat .timeline-card{border-radius:2px}.timeline-chat .timeline-compose{border-top:1px solid var(--border);padding-top:10px}.activity-page .page-body{min-height:0}.activity-split{background:var(--surface);border:1px solid var(--border);border-radius:2px;flex:1;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.activity-list{border-right:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.activity-search{border-bottom:1px solid var(--border);padding:10px 12px}.activity-search .toolbar-search{width:100%}.activity-list .input{border-radius:2px}.activity-list-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.activity-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:#fff;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 12px;display:grid}.activity-row:hover,.activity-row.active{background:var(--surface-hover)}.activity-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.activity-row-title{align-items:center;gap:6px;min-width:0;display:flex}.activity-row-title .type-chip{flex-shrink:0}.activity-row-text strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;font-weight:600;overflow:hidden}.activity-row-text em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-style:normal;overflow:hidden}.activity-row-meta{flex-direction:column;align-items:flex-end;gap:4px;min-width:28px;display:flex}.activity-row-meta time{color:var(--text-muted);white-space:nowrap;font-size:.7rem;line-height:1}.activity-count{border:1px solid var(--border-strong);min-width:20px;height:20px;color:var(--text-muted);background:0 0;border-radius:2px;place-items:center;padding:0 5px;font-size:.72rem;font-weight:600;display:grid}.activity-thread{background:#fff;flex-direction:column;min-width:0;min-height:0;padding:16px 18px;display:flex}.activity-thread-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.activity-thread-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.activity-thread-header h2{font-family:var(--serif);margin:0;font-size:1.2rem}.activity-thread-header p{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.activity-thread .timeline{flex:1;min-height:0}@media (width<=860px){.activity-split{grid-template-rows:minmax(220px,36%) minmax(0,1fr);grid-template-columns:1fr}.activity-list{border-right:0;border-bottom:1px solid var(--border)}}.auth-page{background:var(--bg);place-items:center;height:100vh;padding:24px;display:grid}.auth-card{width:min(440px,100%);padding:28px}.auth-header{align-items:flex-start;gap:14px;display:flex}.auth-header h1{font-family:var(--serif);margin:0 0 4px;font-size:1.6rem}.auth-header p{color:var(--text-muted);margin:0;font-size:.88rem}.auth-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.auth-submit{justify-content:center;width:100%}.auth-switch{color:var(--text-muted);margin:16px 0 0;font-size:.8rem;line-height:1.4}.beheer-tabs{flex-wrap:wrap;gap:8px;display:flex}.beheer-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:8px 12px}.beheer-tab.active{border-color:var(--text-muted);font-weight:600}.beheer-grid{flex:1;grid-template-columns:minmax(240px,300px) 1fr;gap:16px;min-height:0;display:grid}.beheer-create,.beheer-users,.beheer-roles{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px;display:flex}.beheer-create h2,.beheer-users h2,.beheer-roles h2{margin:0;font-size:1.05rem}.beheer-create p,.beheer-roles-head p{color:var(--text-muted);margin:0;font-size:.85rem}.beheer-users-head,.beheer-roles-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.beheer-users-head span{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.beheer-table-wrap,.beheer-matrix-wrap{border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:0;overflow:auto}.beheer-table,.beheer-matrix-table{border-collapse:collapse;background:var(--surface);width:100%}.beheer-table th,.beheer-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.beheer-matrix-table th,.beheer-matrix-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:5px 8px;font-size:.86rem;line-height:1.25}.beheer-table thead th,.beheer-matrix-table thead th{z-index:1;background:color-mix(in srgb, var(--surface) 92%, #e7e5e4);color:var(--text-muted);font-size:.78rem;font-weight:600;position:sticky;top:0}.beheer-table select,.beheer-table .select{width:100%;max-width:180px}.beheer-table tr.is-disabled td{opacity:.72}.beheer-user-email{flex-direction:column;gap:2px;display:flex}.beheer-user-email span{color:var(--text-muted);font-size:.78rem}.beheer-you{border:1px solid var(--border);width:fit-content;color:var(--text-muted);border-radius:999px;padding:1px 6px;font-size:.72rem;display:inline-flex}.beheer-status{align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.beheer-status.on{color:var(--good,#1f7a4d)}.beheer-status.off{color:#b45309}.beheer-actions-col{width:96px}.beheer-row-actions{gap:4px;display:flex}.beheer-matrix-actions{flex-shrink:0;gap:8px;display:flex}.beheer-readonly-note{color:var(--text-muted);margin:0;font-size:.9rem}.beheer-matrix-table{table-layout:fixed;width:100%}.beheer-matrix-table .beheer-section-col{width:110px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600}.beheer-matrix-table .beheer-name-col{width:180px;font-weight:500}.beheer-matrix-table .beheer-key-col{width:160px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:400}.beheer-matrix-table .beheer-key-col code{font:inherit;color:inherit}.beheer-matrix-table .beheer-matrix-spacer{width:auto;padding:0}.beheer-matrix-table .beheer-role-col{text-align:center;width:88px;padding-left:4px;padding-right:4px}.beheer-matrix-table thead .beheer-role-col,.beheer-matrix-table tbody td.beheer-role-col{text-align:center}.beheer-check{cursor:pointer;place-items:center;min-height:22px;display:inline-grid}.beheer-check input{cursor:pointer;width:14px;height:14px}@media (width<=980px){.beheer-grid{grid-template-columns:1fr}.beheer-roles-head{flex-direction:column}}.board-table{table-layout:fixed}.board-table .col-type{width:76px}.board-table .col-name{width:auto}.board-table .col-status{width:120px}.board-table .col-gfx{width:128px}.board-table .col-assignee{width:110px}.board-table .col-wp{width:92px}.board-table .col-actions{width:156px}.board-table th,.board-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-table .theme-row td{background:var(--surface)}.board-table .item-row td{background:var(--surface-muted)}.board-table tbody tr{cursor:default}.board-table .theme-row{cursor:pointer}.board-table .theme-row:hover td{background:var(--surface-hover)}.theme-note{color:var(--text-muted);text-overflow:ellipsis;margin-top:3px;font-size:.78rem;overflow:hidden}.gfx-actueel{color:var(--success)}.gfx-verouderd{color:var(--warning)}.gfx-geen,.gfx-nvt{color:var(--text-muted)}.name-cell{flex-direction:column;min-width:0;display:flex}.name-link-row{align-items:center;gap:8px;min-width:0;display:flex}.name-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.name-toggle:hover{color:var(--text)}.name-link{cursor:pointer;min-width:0;max-width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.name-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-link span{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.check-progress{border:1px solid var(--border-strong);height:18px;color:var(--text-muted);border-radius:2px;flex-shrink:0;align-items:center;padding:0 5px;font-size:.68rem;font-weight:600;display:inline-flex}.item-link{padding-left:22px;font-weight:500}.item-link.is-root{padding-left:0;font-weight:600}.board-table .item-row.is-root td{background:var(--surface)}.item-link:hover,.name-link:hover strong{text-decoration:underline}.row-actions{text-align:right;vertical-align:middle;white-space:nowrap}.row-actions .icon-btn+.icon-btn{margin-left:4px}.board-table .row-actions .icon-btn{width:28px;min-width:28px;height:28px;min-height:28px}.action-chat{margin-left:4px;display:inline-block;position:relative}.action-chat .icon-btn+.icon-btn,.row-actions .action-chat .icon-btn{margin-left:0}.action-chat-count{border:1px solid var(--border-strong);min-width:14px;height:14px;color:var(--text);text-align:center;pointer-events:none;background:#fff;border-radius:2px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:12px;position:absolute;top:-5px;right:-4px}.empty-items td{color:var(--text-muted);white-space:normal;font-size:.82rem}.calendar-page .page-body{min-height:0}.calendar-nav{flex:1;align-items:center;gap:8px;display:flex}.calendar-nav strong{text-align:center;text-transform:capitalize;min-width:160px;font-size:.95rem}.calendar-split{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;grid-template-columns:minmax(0,1fr) minmax(260px,320px);min-height:0;display:grid;overflow:hidden}.calendar-grid-wrap{background:#fff;flex-direction:column;min-width:0;min-height:0;padding:12px;display:flex}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.calendar-weekdays span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:.72rem;font-weight:600}.calendar-grid{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,1fr);gap:6px;min-height:0;display:grid}.calendar-day{border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:6px;display:flex}.calendar-day:hover{background:var(--surface-hover)}.calendar-day.is-outside{color:var(--text-subtle);background:var(--surface-muted)}.calendar-day.is-today{border-color:var(--accent)}.calendar-day.is-selected{border-color:var(--text);background:#fff}.calendar-day.is-today.is-selected{border-color:var(--text)}.calendar-day-num{font-size:.78rem;font-weight:600}.calendar-day-events{flex-direction:column;gap:3px;min-height:0;display:flex;overflow:hidden}.calendar-chip,.calendar-more{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-strong);border-radius:2px;padding:1px 5px;font-size:.66rem;line-height:1.3;overflow:hidden}.calendar-chip.is-theme{color:#1d4e89;border-color:#8eafd0}.calendar-chip.is-item{color:#8a3d12;border-color:#c7926a}.calendar-chip.is-done{color:var(--text-muted);text-decoration:line-through}.calendar-more{color:var(--text-muted)}.calendar-side{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.calendar-side-head{border-bottom:1px solid var(--border);padding:14px 14px 12px}.calendar-side-head h2{font-family:var(--serif);margin:0;font-size:1.15rem}.calendar-side-head .btn{min-height:28px;padding:0 8px;font-size:.78rem}.calendar-side-list{flex:1;min-height:0;overflow:auto}.calendar-card.is-done .calendar-card-main strong{color:var(--text-muted);text-decoration:line-through}.calendar-card{border-bottom:1px solid var(--border);padding:12px 14px}.calendar-card-main{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.calendar-card-main strong{font-size:.9rem;display:block}.calendar-card-main span{color:var(--text-muted);margin-top:2px;font-size:.78rem;display:block}.calendar-card-main p{color:var(--text-muted);margin:6px 0 0;font-size:.8rem}.calendar-card-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.calendar-card-links .type-chip{cursor:pointer;flex:none}.calendar-unlinked{color:var(--text-subtle);font-size:.74rem}@media (width<=900px){.calendar-split{grid-template-rows:minmax(320px,58%) minmax(0,1fr);grid-template-columns:1fr}.calendar-side{border-left:0;border-top:1px solid var(--border)}}.dw-field{flex-direction:column;gap:10px;min-width:0;display:flex}.dw-combo{position:relative}.dw-combo-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:center;gap:2px;padding-right:2px;display:flex}.dw-combo.is-open .dw-combo-row{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dw-combo-search{color:var(--text-muted);flex-shrink:0;margin-left:10px}.dw-combo-row .input{box-shadow:none;height:calc(var(--control-h) - 2px);border:0}.dw-combo-row .icon-btn{background:0 0;border-color:#0000;width:28px;min-width:28px;height:28px;min-height:28px}.dw-combo-panel{z-index:8;border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #1b2a2414}.dw-picker-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;width:100%;padding:8px 10px;display:block}.dw-picker-row:last-child{border-bottom:0}.dw-picker-row:hover,.dw-picker-row.is-on{background:var(--surface-muted)}.dw-picker-row strong{font-size:.86rem;display:block}.dw-picker-row span{color:var(--text-muted);font-size:.75rem}.dw-picker-error{color:var(--danger);margin:8px 10px 0;font-size:.8rem}.dw-selected{flex-direction:column;flex:1;min-height:0;display:flex}.dw-selected p{color:var(--text-muted);margin:0;font-size:.72rem}.dw-field .dw-frame{height:220px;min-height:220px;margin-top:6px}.page-layout.is-detail{gap:8px}.page-layout.is-detail .page-body{gap:8px;overflow:hidden}.page-layout.is-detail .card{padding:10px 12px}.page-layout.is-detail .field{gap:3px}.page-layout.is-detail .label{font-size:.72rem}.page-layout.is-detail .form-grid-2,.page-layout.is-detail .form-grid-3{gap:8px}.detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-head-left{flex-direction:column;gap:6px;min-width:0;display:flex}.detail-crumbs{min-width:0;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.92rem;display:flex}.detail-crumbs a{color:var(--text-muted)}.detail-crumbs a:hover{color:var(--text)}.detail-crumbs .is-current{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.detail-switch{min-width:140px;max-width:280px;height:26px;color:var(--text);font:inherit;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23555' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") right 4px center no-repeat;border:0;padding:0 22px 0 0;font-weight:600}.detail-switch:focus{box-shadow:0 1px 0 var(--accent);outline:none}.detail-tabs{gap:2px;display:flex}.detail-tabs button{border-radius:var(--radius);height:28px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 10px;font-size:.8rem}.detail-tabs button:hover{color:var(--text);background:var(--surface)}.detail-tabs button.is-on{color:var(--text);background:var(--surface);border-color:var(--border);font-weight:600}.detail-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.detail-main,.detail-overleg{flex:1;gap:8px;min-width:0;min-height:0;display:grid}.detail-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:stretch;overflow:hidden}.detail-main.is-item{grid-template-rows:auto minmax(0,1fr)}.detail-main.is-theme{grid-template-rows:minmax(0,1fr) minmax(0,1.15fr)}.detail-main.is-integraties{grid-template-rows:minmax(0,1fr)}.detail-main.is-integraties.is-theme{grid-template-rows:auto}.detail-overleg{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(300px,.95fr);align-content:stretch;align-items:stretch;overflow:hidden}.detail-main .is-wide{grid-column:1/-1}.detail-overleg .is-calendar{grid-area:1/1;min-height:0}.detail-overleg .is-checks{grid-area:2/1;min-height:0;overflow:auto}.detail-overleg .is-activity{flex-direction:column;grid-area:1/2/-1;min-height:0;display:flex}.detail-card{min-width:0}.detail-card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.detail-card-head h2{font-family:var(--serif);margin:0;font-size:.92rem;font-weight:600}.detail-card-head p,.detail-kicker{color:var(--text-muted);margin:0;font-size:.7rem}.detail-card-foot{text-align:right;color:var(--text-muted);margin:8px 0 0;font-size:.7rem}.detail-title-field{grid-column:1/-1}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.detail-card.is-fill{flex-direction:column;min-height:0;display:flex}.detail-card.is-fill>:not(.detail-card-head):not(.detail-card-foot){flex:1;min-height:0}.detail-siblings{flex-direction:column;gap:4px;max-height:168px;display:flex;overflow:auto}.detail-card.is-fill .detail-siblings{max-height:none}.detail-card.is-fill .field{flex-direction:column;height:100%;min-height:0;display:flex}.detail-card.is-fill .notes-editor,.detail-card.is-fill .item-editor{resize:none;flex:1;height:auto;min-height:0}.detail-sibling{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);min-width:0;color:inherit;align-items:center;gap:6px;padding:4px 8px;text-decoration:none;display:flex}.detail-sibling strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:500;overflow:hidden}.detail-sibling:hover{border-color:var(--accent)}.detail-sibling.is-on{border-color:var(--accent);background:#fff}.detail-sibling.is-add{color:var(--text-muted);background:0 0;border-style:dashed;justify-content:center}.detail-overleg .is-activity .timeline{flex:1;min-height:0}.mini-cal{grid-template-columns:minmax(210px,1fr) minmax(180px,1fr);align-items:start;gap:12px;min-height:0;display:grid}.mini-cal-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-cal-nav strong{text-transform:capitalize;font-size:.84rem}.mini-cal-shift{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;font-size:1.1rem;line-height:1}.mini-cal-shift:hover{border-color:var(--accent)}.mini-cal-weekdays,.mini-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.mini-cal-weekdays span{color:var(--text-muted);text-transform:uppercase;text-align:center;font-size:.65rem;font-weight:600}.mini-cal-grid{grid-template-rows:repeat(6,32px)}.mini-cal-day{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:.75rem;display:flex}.mini-cal-day:hover{background:var(--surface-muted)}.mini-cal-day.is-outside{color:var(--text-muted);opacity:.55}.mini-cal-day.is-today{font-weight:700}.mini-cal-day.is-selected{border-color:var(--accent);background:#fff}.mini-cal-day.has-events em{background:var(--accent);color:#0000;border-radius:50%;width:5px;height:5px;font-size:0;font-style:normal}.mini-cal-list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.mini-cal-list-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mini-cal-list-head strong{font-size:.84rem;display:block}.mini-cal-list ul,.mini-cal-upcoming ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mini-cal-list li button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.mini-cal-list li button:hover{border-color:var(--accent);background:#fff}.mini-cal-list li strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:500;overflow:hidden}.mini-cal-list li span{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.page-layout.is-detail .item-editor,.page-layout.is-detail .notes-editor{min-height:108px}.page-layout.is-detail .item-preview-body{max-height:180px;font-size:.84rem;overflow:auto}.page-layout.is-detail .item-preview-body p{margin:0 0 8px}.detail-toelichting{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;min-height:0;display:grid}.detail-toelichting .item-editor{min-height:160px}.detail-card.is-fill .detail-toelichting .item-preview-body{height:100%;max-height:none}.detail-card.is-fill .dw-field,.detail-card.is-fill .dw-selected{flex:1;min-height:0}.detail-card.is-fill .dw-field .dw-frame{flex:1;height:auto;min-height:140px}.detail-card.is-wp{align-self:start}.detail-card.is-wp .form-grid-3{grid-template-columns:1fr 1fr;align-content:start;align-items:start}.page-layout.is-detail .checklist-panel{gap:8px;max-width:none}.page-layout.is-detail .checklist-progress strong{font-size:1.1rem}.page-layout.is-detail .checklist-row label{padding:6px 8px}.page-layout.is-detail .timeline{gap:8px}.page-layout.is-detail .timeline ol{gap:6px}@media (width<=1100px){.page-layout.is-detail .page-body,.detail-main{overflow:auto}.detail-overleg{grid-template-rows:none;grid-template-columns:1fr;overflow:auto}.detail-overleg .is-calendar,.detail-overleg .is-checks,.detail-overleg .is-activity{grid-area:auto}.mini-cal,.detail-toelichting{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr 1fr}}@media (width<=720px){.detail-head{flex-wrap:wrap}.detail-main{grid-template-rows:none;grid-template-columns:1fr;overflow:auto}.form-grid-3,.form-grid-2{grid-template-columns:1fr}.detail-title-field{grid-column:auto}.detail-switch{max-width:100%}}.tasks-page{overflow:hidden}.tasks-page .page-body{min-height:0;overflow:hidden}.tasks-page .table-wrap{min-height:0}.tasks-table{table-layout:fixed;width:100%}.tasks-table .col-task{width:auto}.tasks-table .col-on{width:220px}.tasks-table .col-from{width:148px}.tasks-table .col-for{width:120px}.tasks-table .col-when,.tasks-table .col-status{width:96px}.tasks-table thead th{z-index:1;background:var(--surface);white-space:nowrap;text-overflow:ellipsis;position:sticky;top:0;overflow:hidden}.tasks-table td{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.tasks-table td.task-cell{white-space:normal;text-overflow:unset;overflow:visible}.tasks-table td.status-cell{text-overflow:unset;overflow:visible}.tasks-table .task-text{overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.35;display:block}.tasks-table tr.is-done td{color:var(--text-muted)}.task-on{align-items:center;gap:8px;min-width:0;display:flex}.task-on .type-chip{flex-shrink:0}.task-on span:last-child{text-overflow:ellipsis;overflow:hidden}.filter-switch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:inline-flex;overflow:hidden}.filter-switch button{border:0;border-right:1px solid var(--border);color:var(--text-muted);min-height:var(--control-h);cursor:pointer;font:inherit;background:0 0;padding:0 12px}.filter-switch button:last-child{border-right:0}.filter-switch button.is-on{background:var(--surface-hover);color:var(--text);font-weight:600}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f4;--bg-wash:#eceeed;--surface:#fff;--surface-muted:#f3f4f3;--surface-hover:#eceeed;--border:#dfe2df;--border-strong:#c8cdc9;--text:#1b2a24;--text-muted:#5c6b63;--text-subtle:#8a958d;--accent:#c45c26;--accent-hover:#a84c1d;--accent-soft:#f6e3d4;--sidebar:#1b2a24;--sidebar-text:#eef1ef;--sidebar-muted:#9aab9f;--ink:#1b2a24;--danger:#9b2c2c;--danger-soft:#fde8e8;--success:#276749;--success-soft:#e4f3ea;--warning:#9a5b12;--warning-soft:#f8ecd4;--radius:4px;--control-h:34px;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--serif:Fraunces, Georgia, serif;font-family:var(--font);color:var(--text);background:var(--bg);font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon .icon-svg,.icon svg{width:100%;height:100%;display:block}.icon .icon-svg *,.icon svg *{stroke:currentColor}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.app-shell{grid-template-columns:236px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:22px;padding:20px 14px;display:flex}.brand{align-items:center;gap:10px;padding:0 4px 4px;display:flex}.brand-mark-box{border-radius:var(--radius);width:30px;height:30px;color:var(--sidebar);font-family:var(--serif);background:#eef1ef;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:600;display:grid}.brand-mark{font-family:var(--serif);font-size:1.05rem;font-weight:600}.brand-sub{color:var(--sidebar-muted);font-size:.75rem}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-link{border-radius:var(--radius);color:var(--sidebar-muted);align-items:center;gap:8px;padding:8px 10px;transition:background .12s,color .12s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#f3ead814}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.user-chip{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 8px 8px 10px;font-size:.84rem;display:flex}.user-chip-text{min-width:0}.user-chip .icon-btn{width:28px;min-width:28px;height:28px;margin-top:1px}.user-chip strong{color:#fff;font-weight:500;display:block}.user-chip span{color:var(--sidebar-muted);font-size:.75rem}.user-role{color:#e8c39a;margin-top:2px;font-size:.72rem;display:block}.main-panel{background:var(--bg);flex-direction:column;min-width:0;min-height:0;padding:20px 24px;display:flex;overflow:hidden}.page-layout{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex}.page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:600}.page-header p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-toolbar{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-toolbar .toolbar-actions{gap:8px;margin-left:auto;display:flex}.page-toolbar .select{width:auto;min-width:150px}.page-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.toolbar-search{flex:none;width:240px;position:relative}.toolbar-search .icon{color:var(--text-muted);pointer-events:none;z-index:1;margin:auto 0;position:absolute;top:0;bottom:0;left:11px}.toolbar-search .input{width:100%;padding-left:36px}@media (width<=900px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{padding:12px}.nav-list{flex-direction:row}.main-panel{padding:12px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid-stats{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-card span{color:var(--text-muted);font-size:.75rem;display:block}.stat-card strong{font-family:var(--serif);margin-top:6px;font-size:1.5rem;font-weight:600;display:block}.field{flex-direction:column;gap:5px;display:flex}.label{color:var(--text-muted);font-size:.78rem}.field-hint{color:var(--text-muted);margin:0;font-size:.72rem}.field-date-row{align-items:center;gap:6px;display:flex}.field-date-row .input{flex:1;min-width:0}.seg-switch{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-shrink:0;align-self:flex-start;align-items:center;width:max-content;padding:2px;display:inline-flex}.seg-switch button{min-height:28px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0 12px;font-size:.82rem;line-height:1}.seg-switch button:hover:not(.is-on){color:var(--text)}.seg-switch button.is-on{background:var(--success-soft);color:var(--text);font-weight:600}.seg-switch button.is-on.is-open{background:var(--danger-soft);color:var(--danger)}.seg-switch button.is-on.is-done{background:var(--success-soft);color:var(--success)}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:var(--control-h);color:var(--text);background:#fff;padding:0 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.textarea{resize:vertical;height:auto;min-height:120px;padding-block:8px}.btn{border-radius:var(--radius);min-height:var(--control-h);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:.84rem;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{color:var(--sidebar-text);background:0 0;border-color:#ffffff1f}.btn-ghost:hover:not(:disabled){background:#ffffff0f}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f5c2c2}.icon-btn{width:var(--control-h);height:var(--control-h);min-width:var(--control-h);justify-content:center;padding:0}.main-panel .btn-ghost{color:var(--text);border-color:var(--border)}.badge{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.badge-idea{background:var(--surface-muted);color:var(--text-muted);border-color:var(--border)}.badge-concept,.badge-dw_ready{background:var(--warning-soft);color:var(--warning);border-color:#edd9a8}.badge-wp_concept,.badge-wp_review,.badge-wp_enrichment,.badge-wp_seo{color:#1d4e89;background:#e4eef6;border-color:#c5d8ea}.badge-published{background:var(--success-soft);color:var(--success);border-color:#b7dec4}.banner{border-radius:var(--radius);padding:10px 12px}.banner-error{background:var(--danger-soft);color:var(--danger);border:1px solid #f5c2c2}.empty-state,.loading-state{text-align:center;color:var(--text-muted);padding:32px 16px}.data-table{border-collapse:collapse;width:100%;font-size:.86rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:500}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--surface-hover)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:0;overflow:auto}.modal-backdrop{z-index:30;background:#1b2a2475;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:min(1100px,100%);height:min(88vh,760px);max-height:min(88vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 60px #1b2a242e}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;display:flex}.modal-header-tools{align-items:center;gap:8px;display:flex}.modal-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;font-size:.72rem}.modal-header h2{font-family:var(--serif);margin:0;font-size:1.25rem}.modal-header p,.modal-attribution{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.modal-attribution{font-size:.78rem}.modal-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:0 18px;display:flex}.modal-tabs button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:.84rem}.modal-tabs button:hover:not(:disabled){color:var(--text)}.modal-tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.modal-tabs button:disabled{opacity:.45;cursor:not-allowed}.modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-form,.modal-activity{flex-direction:column;flex:1;min-height:0;padding:16px 18px;display:flex;overflow:hidden}.modal-form-split{flex:1;grid-template-columns:1fr 1fr;gap:24px;min-height:0;display:grid}.form-side{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow:auto}.form-side .section-title:first-child{margin-top:0}.modal-activity .timeline{flex:1;min-height:0}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.save-state{color:var(--text-muted);font-size:.78rem}.save-state.dirty{color:var(--warning)}.save-state.saved{color:var(--success)}.modal-footer-actions{gap:8px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 10px;font-size:.78rem;font-weight:600}.type-chip{border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:2px;align-items:center;height:20px;padding:0 6px;font-size:.66rem;font-weight:600;display:inline-flex}.type-chip-theme{color:#1d4e89;border-color:#8eafd0}.type-chip-item{color:#8a3d12;border-color:#c7926a}.type-chip-general{color:#3d4a3f;border-color:#9aa59c}button.type-chip,a.type-chip{cursor:pointer;font-family:inherit;font-size:.66rem;line-height:1;text-decoration:none}button.type-chip:hover,a.type-chip:hover{background:var(--surface-hover)}.type-chip-message{color:var(--text-muted);border-color:var(--border-strong)}.type-chip-task{color:#8a5a12;border-color:#d4b36a}.status-task-open{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.status-task-done{color:var(--success);border-color:var(--success);background:var(--success-soft)}.status-message-open{color:var(--warning);background:var(--warning-soft);border-color:#d4b36a}.status-message-done{color:var(--text-muted);border-color:var(--border-strong);background:0 0}.item-editor{min-height:140px;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}.notes-editor{min-height:90px}.item-preview{margin-top:12px}.item-preview-body{margin-top:6px;font-size:.9rem}.dw-frame{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;min-height:240px;margin-top:12px}.planning-modal{width:min(1280px,100vw - 24px);height:min(92vh,880px);max-height:min(92vh,880px)}.planning-layout{flex:1;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.planning-layout.is-flat{grid-template-columns:minmax(0,1fr)}.planning-tree{border-right:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.planning-tree-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.planning-tree-head h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:600}.planning-tree-head .btn{min-height:28px;padding:0 8px;font-size:.78rem}.planning-tree-list{flex:1;min-height:0;overflow:auto}.planning-tree-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.planning-tree-row.is-item{padding-left:22px}.planning-tree-row:hover{background:var(--surface-hover)}.planning-tree-row.active{background:var(--surface-hover);box-shadow:inset 2px 0 0 var(--text)}.planning-tree-row.is-draft strong{font-style:italic;font-weight:500}.planning-tree-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.planning-tree-count{border:1px solid var(--border-strong);min-width:18px;height:18px;color:var(--text-muted);border-radius:2px;place-items:center;padding:0 4px;font-size:.7rem;font-weight:600;display:grid}.planning-tree-empty{color:var(--text-muted);margin:0;padding:12px 10px;font-size:.8rem}.planning-detail{flex-direction:column;min-width:0;min-height:0;display:flex}.planning-detail .modal-tabs{padding-left:16px}.checklist-panel{flex-direction:column;gap:14px;max-width:560px;display:flex}.checklist-progress{align-items:baseline;gap:8px;display:flex}.checklist-progress strong{font-family:var(--serif);font-size:1.4rem}.checklist-progress span{color:var(--text-muted);font-size:.82rem}.checklist-list{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.checklist-row{border-bottom:1px solid var(--border)}.checklist-row:last-child{border-bottom:0}.checklist-row label{cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.checklist-row.is-locked label{cursor:default}.checklist-row input{accent-color:var(--success);margin-top:3px}.checklist-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.checklist-copy strong{font-size:.88rem;font-weight:500}.checklist-copy em{color:var(--text-muted);font-size:.74rem;font-style:normal}.checklist-row.is-done .checklist-copy strong{color:var(--text-muted)}.event-modal{width:min(640px,100vw - 24px);height:auto;max-height:min(88vh,640px)}.event-modal .modal-body,.event-modal .modal-form{overflow:auto}@media (width<=860px){.form-grid-2,.modal-form-split{grid-template-columns:1fr}.planning-layout{grid-template-rows:minmax(160px,32%) minmax(0,1fr);grid-template-columns:1fr}.planning-layout.is-flat{grid-template-rows:minmax(0,1fr)}.planning-tree{border-right:0;border-bottom:1px solid var(--border)}}