:root{--bg: #f4f6fb;--panel: #ffffff;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--brand: #2563eb;--brand-soft: #eef2ff;--on: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:10px 24px 8px}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.topbar-user{display:flex;align-items:center;gap:10px;white-space:nowrap}.top-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.top-tabs-settings{display:flex;align-items:center;gap:6px;margin-left:auto;padding-left:10px;border-left:1px solid var(--line)}.cog-menu{position:relative}.cog-btn{display:inline-flex;align-items:center;min-height:38px;background:transparent;border:0;border-radius:8px;padding:0 10px;font-size:18px;cursor:pointer;color:var(--muted)}.cog-btn:hover{background:var(--bg);color:var(--ink)}.cog-dropdown{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000026;min-width:200px;padding:6px;z-index:60}.cog-menu:hover .cog-dropdown,.cog-menu.open .cog-dropdown{display:block}.cog-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;font:inherit;color:var(--ink)}.cog-item:hover{background:var(--bg)}.cog-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.top-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}.top-tab:hover{background:var(--bg);border-color:var(--line)}.top-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}.top-tab.compact{color:var(--muted)}.top-tab.compact.active{color:#fff}.brand{display:flex;align-items:center;gap:10px;margin:0;color:var(--brand)}.brand-logo{display:inline-flex;color:var(--brand)}.brand-name{font-weight:800;font-size:19px;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px;font-size:14px;color:var(--ink);cursor:pointer}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.ico{width:18px;text-align:center}.hint{margin-top:auto;font-size:12px;color:var(--muted);padding:12px 8px 0}.content{width:100%;padding:22px 24px 32px}.content-wide{padding-left:18px;padding-right:18px}h1{margin:0 0 6px;font-size:24px}.muted{color:var(--muted)}.banner{padding:10px 14px;border-radius:8px;margin-bottom:16px}.banner.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.card.on{border-color:#bbf7d0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-weight:600}.card-cat{font-size:12px;color:var(--muted);margin-top:2px}.card-desc{font-size:14px;color:#374151;margin:10px 0 12px}.card-foot{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:3px 8px;border-radius:999px;background:#f3f4f6;color:var(--muted)}.tag.on{background:#dcfce7;color:var(--on)}.tag.core{background:var(--brand-soft);color:var(--brand)}.tag.dep{background:#fef9c3;color:#854d0e}.toggle{width:44px;height:26px;border-radius:999px;border:0;background:#d1d5db;position:relative;cursor:pointer;transition:background .15s;flex:none}.toggle.on{background:var(--on)}.toggle:disabled{opacity:.5;cursor:not-allowed}.knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left .15s}.toggle.on .knob{left:21px}.form-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0}.form-card .form-row{margin:0 0 12px}input,select{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-width:150px}input:focus,select:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.btn{font:inherit;padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer}.btn:hover{background:var(--bg)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.btn.danger:hover{background:#fecaca}.weergave-opties{margin-left:auto;display:inline-flex;gap:4px}.icon-toggle{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;font-size:16px;line-height:1;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:8px;cursor:pointer}.icon-toggle:hover{background:var(--bg);color:var(--ink)}.icon-toggle.on{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}.btn.primary:hover{filter:brightness(1.05)}.link{background:none;border:0;color:var(--brand);cursor:pointer;padding:2px 4px;font:inherit}.link:hover{text-decoration:underline}.link.danger{color:#b91c1c}.grid{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.grid th,.grid td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.grid th{background:#fafbff;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.grid tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:10px;white-space:nowrap}.small{font-size:12px}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.chip:hover{background:var(--bg)}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.leden-keuze{margin:4px 0 12px}.badge{display:inline-block;min-width:22px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600}.kleur-stip{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:middle;border:1px solid rgba(0,0,0,.1)}.veld{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.veld input,.veld select{min-width:auto}.rij-actief{background:var(--brand-soft)}input[type=color]{padding:2px;width:44px;min-width:44px;height:38px}.subpaneel{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafbff}.subpaneel h2{margin:0 0 12px;font-size:18px}.tag.dag-studiedag{background:#e0e7ff;color:#3730a3}.tag.dag-vrije_dag{background:#fee2e2;color:#b91c1c}.tag.dag-vakantie{background:#dcfce7;color:#166534}.rooster-scherm{width:100%}.rooster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px;width:100%}.rooster-grid.lijst{display:flex;flex-direction:column;gap:12px}.rooster-grid.lijst .rooster-kolom{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.rooster-grid.lijst .rooster-dag{flex:0 0 100%;text-align:left;padding-right:32px;margin-bottom:4px}.rooster-grid.lijst .slot-cel{flex:1 1 210px;max-width:320px;margin-bottom:0}.rooster-kolom{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;min-height:80px}.rooster-dag{position:relative;font-weight:600;font-size:13px;text-align:center;padding:6px 32px 6px 0;border-bottom:1px solid var(--line);margin-bottom:8px;min-height:36px}.rooster-blok{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;padding:8px;margin-bottom:8px;background:#fff}.rooster-blok.open{box-shadow:0 0 0 2px var(--brand-soft)}.rb-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.rb-top strong{min-width:0;flex:1}.link.small{font-size:16px;line-height:1;padding:0 4px}@media (max-width: 900px){.rooster-grid{grid-template-columns:1fr}}.rooster-balk{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}.week-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.week-label{font-weight:700;min-width:150px;text-align:center}.btn.icon{padding:6px 12px;font-size:18px;line-height:1}.rooster-kolom.vrij{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#f1f1f4 8px,#f1f1f4 16px)}.rooster-dag .tag{display:inline-block;margin-top:4px}.slot-cel{border:1px dashed transparent;border-radius:8px;padding:4px;margin-bottom:8px;transition:background .1s,border-color .1s}.slot-cel.hover{border-color:var(--brand);background:var(--brand-soft)}.slot-tijd{font-size:11px;color:var(--muted);padding:2px 2px 4px}.slot-add{width:100%;margin-top:4px;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:5px;font:inherit;font-size:12px;cursor:pointer;opacity:.55;transition:opacity .1s,border-color .1s,color .1s,background .1s}.slot-cel:hover .slot-add,.slot-add:focus-visible{opacity:1}.slot-add:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.instellingen-secties{display:flex;flex-direction:column;gap:10px}.inst-sectie{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 14px}.inst-sectie>summary{cursor:pointer;font-weight:600;padding:12px 0;list-style:none;display:flex;align-items:center;gap:8px}.inst-sectie>summary::-webkit-details-marker{display:none}.inst-sectie>summary:after{content:"▸";color:var(--muted);margin-left:auto}.inst-sectie[open]>summary:after{content:"▾"}.inst-body{padding:12px 0 14px;border-top:1px solid var(--line);margin-top:-2px}.rooster-blok{touch-action:none}.rooster-blok.vervallen{opacity:.55}.rooster-blok.vervallen strong{text-decoration:line-through}.rb-greep{cursor:grab;color:var(--muted);font-size:16px;padding:0 4px;touch-action:none;-webkit-user-select:none;user-select:none}.rb-greep:active{cursor:grabbing}.rb-x{margin-left:auto}.icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;line-height:1;flex:none}.icon-btn:hover{background:var(--bg);color:var(--ink);border-color:var(--line)}.icon-btn.danger{color:#b91c1c}.icon-label{display:inline-flex;align-items:center;gap:6px}.rb-status{color:#b91c1c;font-weight:600}.rb-verv{color:#166534;font-weight:600}.rb-verval{display:inline-block;margin-top:4px}.afwezig{text-decoration:line-through;color:#b91c1c}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;background:var(--brand);color:#fff;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 6px 18px #00000040}.dag-actie{position:absolute;right:0;top:3px;margin:0}.sneltoets-hint{margin:-4px 0 12px}.indeling{margin-top:12px}.indeling-hoofd{background:var(--brand);color:#fff;border-radius:10px;padding:12px 16px;font-weight:700;font-size:16px;text-align:center}.indeling-groepen{display:grid;gap:14px;margin:12px 0 16px}.indeling-groep{border:1px solid var(--line);border-radius:8px;background:#fafbff;padding:10px}.indeling-groep-kop{font-weight:700;margin-bottom:8px;color:var(--brand)}.indeling-kolommen{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0 16px}.indeling-kolom{border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:10px;padding:10px 12px;background:var(--panel);display:flex;flex-direction:column;gap:4px}.indeling-kop{font-weight:600;margin-bottom:2px}@media (max-width: 700px){.indeling-kolommen{grid-template-columns:1fr}}.blok-splitsing{position:relative;border:1px solid #bfdbfe;border-radius:8px;background:linear-gradient(180deg,#eff6ff 0,#f8fbff 42px,#fff);padding:8px;margin-bottom:8px}.split-header{display:flex;align-items:center;gap:8px;border:1px solid #bfdbfe;border-radius:7px;background:#fff;padding:6px 8px;margin-bottom:12px}.split-icon{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:6px;background:var(--brand);color:#fff;font-weight:800;flex:none}.split-title{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15;flex:1}.split-title strong{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-title span{font-size:11px;color:var(--muted)}.split-count{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:800}.split-groep{font-size:12px;font-weight:800;color:var(--brand);margin:0 2px 7px}.split-kolommen{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;margin-left:12px;padding:12px 0 0 16px;border-left:2px solid #bfdbfe}.split-kolommen:before{content:"";position:absolute;top:0;left:-2px;height:12px;border-left:2px solid #bfdbfe}.split-kolom{position:relative;min-width:0;height:100%;padding-left:0}.split-kolom:before{content:"";position:absolute;top:14px;left:-16px;width:16px;border-top:2px solid #bfdbfe}.split-kop{font-size:11px;font-weight:700;color:var(--muted);margin:0 0 4px}.split-node-kop{display:inline-flex;max-width:100%;align-items:center;border:1px solid #bfdbfe;border-radius:6px;background:#fff;color:var(--brand);padding:4px 7px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-vakken{display:grid;gap:6px}.split-vak{position:relative;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:6px;background:#fff;padding:6px 6px 5px;margin-bottom:6px;cursor:pointer;box-shadow:0 1px #1f293708}.split-vak.open{box-shadow:0 0 0 2px var(--brand-soft)}.split-vak.vervallen{opacity:.55}.split-vak-kop{display:flex;align-items:center;gap:5px}.split-vak-kop strong{min-width:0;flex:1;font-size:12px}.split-vak-meta{display:flex;flex-direction:column;gap:1px;color:var(--muted);font-size:11px;margin-top:2px}.blok-splitsing.enkel{background:linear-gradient(180deg,#eff6ff 0,#f8fbff 40px,#fff)}.blok-splitsing.enkel .split-header{margin-bottom:8px}.vak-kaart{position:relative;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:7px;background:#fff;padding:7px 8px;cursor:default;box-shadow:0 1px #1f293708;touch-action:none}.vak-kaart.klikbaar{cursor:pointer}.vak-kaart.klikbaar:hover,.vak-kaart.open{box-shadow:0 0 0 2px var(--brand-soft)}.vak-kaart.vervallen{opacity:.55}.vak-kaart.vervallen .vk-naam{text-decoration:line-through}.vk-kop{display:flex;align-items:center;gap:5px}.vk-naam{min-width:0;flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis}.vk-meta{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:5px}.vk-tag{display:inline-flex;align-items:center;gap:3px;background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.5;max-width:100%}@media print{.blok-splitsing.enkel{background:#fff}}.klas-strip{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}.blok-editor{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f9fafb;cursor:default}.blok-editor-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin:7px 0}.editor-grid input,.editor-grid select{width:100%;min-width:0;font-size:12px;padding:7px 8px}.editor-detail{border-top:1px dashed var(--line);padding-top:7px;margin-top:7px}.editor-detail summary{cursor:pointer;color:var(--brand);font-size:12px;font-weight:700}.editor-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.editor-check{margin:6px 0}.chips.compact{gap:5px;margin-top:6px}.chips.compact .chip{font-size:12px;padding:5px 8px}.split-editor{background:#f8fbff;border:1px solid #dbeafe;border-radius:7px;padding:7px}.split-preview{margin:8px 0;padding:8px;border-radius:7px;background:#fff;border:1px solid #dbeafe}.split-preview-root{display:inline-block;padding:5px 9px;border-radius:6px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}.split-preview-children{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;padding-top:13px}.split-preview-children:before{content:"";position:absolute;top:0;left:12px;right:12px;border-top:2px solid #bfdbfe}.split-preview-children span{position:relative;padding:5px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700}.split-preview-children span:before{content:"";position:absolute;top:-13px;left:50%;width:2px;height:13px;background:#bfdbfe}.indeling-form h2{margin:0 0 10px;font-size:17px}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px;margin-top:8px}.check-item{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 9px;font-size:13px}.check-item input{min-width:auto}.check-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.indeling-tree{display:grid;gap:14px;margin-top:18px}.tree-root{border:1px solid #bfdbfe;border-radius:8px;background:#f8fbff;padding:12px}.tree-node{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px}.tree-node-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.tree-node-main>div{min-width:0}.tree-node-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-parent{border-color:#bfdbfe;background:#fff}.tree-group{border-left:4px solid var(--brand)}.tree-subgroup{border-left:4px solid #93c5fd;background:#f9fafb}.tree-dot{width:12px;height:12px;border-radius:999px;margin-top:4px;flex:none;background:var(--line)}.tree-dot.parent{background:var(--brand)}.tree-dot.group{background:#38bdf8}.tree-dot.sub{background:#93c5fd}.tree-children{position:relative;display:grid;gap:10px;margin:10px 0 0 22px;padding-left:16px;border-left:2px solid #bfdbfe}.tree-branch{display:grid;gap:7px}.tree-subchildren{margin-top:0;border-left-color:#dbeafe}.tree-meta{padding-left:16px}.tree-empty{padding:8px 0 8px 12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:900;overflow:auto}.modal{background:var(--panel);border-radius:12px;padding:18px 20px;width:min(560px,100%);box-shadow:0 20px 50px #0000004d}.modal-kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-kop h2{margin:0;font-size:18px}.rooster-modal{width:min(920px,calc(100vw - 32px));padding:16px}.modal-editor{margin-top:0;padding:12px;background:#f9fafb}.modal-editor .editor-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.modal-editor .editor-grid input,.modal-editor .editor-grid select{font-size:13px;padding:9px 10px}.modal-editor .editor-detail{padding-top:10px;margin-top:10px}.modal-hr{border:0;border-top:1px solid var(--line);margin:16px 0 12px}.rooster-blok.klikbaar{cursor:pointer}.rooster-blok.klikbaar:hover{box-shadow:0 0 0 2px var(--brand-soft)}.scope-balk{margin-top:-6px;flex-direction:column;align-items:stretch;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.scope-rij{display:flex;align-items:center;gap:10px}.scope-label{color:var(--muted);font-size:13px;font-weight:600;flex:0 0 auto;width:104px;text-align:right;white-space:nowrap}.klas-strip .chip{white-space:nowrap;flex:0 0 auto;min-width:62px;display:inline-flex;align-items:center;justify-content:center;min-height:34px}.klas-strip .chip.chip-plein{min-width:96px}.scope-persoon{flex:0 0 auto;max-width:300px;min-height:34px}.scope-persoon.on{border-color:var(--brand);color:var(--brand);font-weight:600}.scope-aantal{flex:0 0 auto;white-space:nowrap}.print-knop{margin-left:auto;background:#fff}@media print{.sidebar,.topbar,.no-print,.tabbar,.rooster-balk,.banner,.rb-greep,.rb-x,.rb-verval,.icon-btn,.print-knop,.drag-ghost{display:none!important}body{background:#fff}.app{display:block}.content{padding:0}.print-only{display:block}.rooster-scherm h1{margin:0 0 8px}.rooster-grid{grid-template-columns:repeat(5,1fr);gap:4px}.rooster-kolom{border-color:#999}.rooster-blok,.vak-kaart,.blok-splitsing{break-inside:avoid}body.print-kolom .rooster-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important}body.print-lijst .rooster-grid{display:flex!important;flex-direction:column!important}body.print-lijst .rooster-kolom{display:flex;flex-wrap:wrap;gap:6px}body.print-lijst .rooster-dag{flex:0 0 100%}body.print-lijst .slot-cel{flex:1 1 200px;max-width:320px}body.print-geen-begeleiding .vk-tag.t-beg,body.print-geen-lokaal .vk-tag.t-lok,body.print-geen-lokaal .vk-tag.t-loc{display:none}body.print-kleur .vak-kaart{background:var(--vk-kleur)!important;color:var(--vk-tekst)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.print-kleur .vak-kaart .vk-naam,body.print-kleur .vak-kaart .muted{color:inherit!important}body.print-paginadag.print-lijst .rooster-kolom{break-after:page;page-break-after:always}body.print-paginadag.print-lijst .rooster-kolom:last-child{break-after:auto;page-break-after:auto}}.sidebar-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.nav-group-head.subtiel{color:var(--muted);opacity:.8}.nav-group-head.subtiel:hover{opacity:1}.nav-group{margin-top:2px}.nav-group-head{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;cursor:pointer;padding:10px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700}.nav-chev{font-size:10px}.nav-item.nav-sub{padding-left:26px;font-size:13.5px}.tabbar{display:flex;gap:6px;margin:8px 0 16px;border-bottom:1px solid var(--line)}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 14px;font:inherit;cursor:pointer;color:var(--muted)}.tab:hover{color:var(--ink)}.tab.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.instellingen>section{margin-top:24px;padding-top:8px;border-top:1px dashed var(--line)}.instellingen>section:first-of-type{border-top:0}.conflict{border:1px solid var(--line);border-left:4px solid #b91c1c;border-radius:8px;padding:10px 14px;margin-bottom:10px;background:#fff}.conflict.waarschuwing{border-left-color:#b45309}.conflict-kop{display:flex;align-items:center;gap:8px;margin-bottom:4px}@media (pointer: coarse){.btn,.chip,input,select{min-height:44px}.nav-item,.top-tab{padding:12px;font-size:15px}.link{padding:8px 6px;display:inline-block}.rb-greep{font-size:22px;padding:4px 10px}.grid th,.grid td{padding:14px}}@media (max-width: 760px){.topbar{padding:10px 12px 8px}.topbar-main{align-items:flex-start}.topbar-user{flex-direction:column;align-items:flex-end;gap:2px}.content,.content-wide{padding:18px 12px 28px}.top-tabs-settings{margin-left:0;border-left:0;padding-left:0}.split-kolommen{grid-template-columns:1fr;margin-left:8px;padding-left:14px}.split-kolom:before{left:-14px;width:14px}.tree-node{flex-direction:column;align-items:stretch}.tree-children{margin-left:10px;padding-left:12px}.tree-meta{padding-left:0}}.center-msg{text-align:center;margin-top:20vh;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #1f29370f}.login-brand{margin:0 0 4px;justify-content:center}.login-card input,.login-card .btn{width:100%}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 0;border-top:1px solid var(--line);margin-top:12px}.rb-stage{color:#b45309;font-weight:600}.rooster-blok.vervallen .rb-stage,.split-vak.vervallen .rb-stage,.vak-kaart.vervallen .rb-stage{opacity:.7}.subsectie{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.subsectie h2{margin:0 0 4px;font-size:18px}.veld-kol{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.veld-kop{font-size:11px;font-weight:700;color:var(--muted)}.indeling-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.indeling-pool{position:sticky;top:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.indeling-pool h3{margin:0 0 8px;font-size:14px}.pool-sectie{margin-bottom:12px}.pool-kop{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:6px}.indeling-board{display:flex;flex-direction:column;gap:14px;min-width:0}.chip-rij{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-persoon{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 10px;border-radius:999px;font-size:12px;line-height:1.6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid transparent}.chip-persoon:active{cursor:grabbing}.chip-persoon.mw{background:#3730a3;color:#fff}.chip-persoon.ll{background:#dbeafe;color:#1e3a8a;border-color:#bfdbfe}.chip-rol{font-size:10px;font-weight:700;opacity:.8}.chip-x{border:0;background:#ffffff40;color:inherit;border-radius:999px;width:16px;height:16px;line-height:14px;font-size:13px;cursor:pointer;padding:0}.chip-persoon.ll .chip-x{background:#1e3a8a26}.chip-x:hover{background:#00000040}.bovengroep-kaart{border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:12px;background:var(--panel);padding:10px 12px 12px}.bovengroep-kaart.los{border-left-color:#f59e0b}.groep-lijst{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:12px;border-left:2px dashed #c7d2fe}.groep-kaart{border:1px solid var(--line);border-left:4px solid #0ea5e9;border-radius:10px;background:#f8fbff;padding:8px 10px 10px}.sub-lijst{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-left:12px;border-left:2px dashed #bae6fd}.subgroep-kaart{border:1px solid var(--line);border-left:3px solid #14b8a6;border-radius:8px;background:#f0fdfa;padding:6px 9px 8px}.kaart-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}.bovengroep-kop strong{font-size:16px;color:var(--brand)}.groep-kop strong{color:#0369a1}.sub-kop strong{color:#0f766e}.kaart-acties{display:inline-flex;gap:6px;white-space:nowrap}.dropzone{margin-top:6px;border:1px dashed transparent;border-radius:8px;padding:6px;transition:background .1s,border-color .1s}.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}.zone-kop{font-size:11px;color:var(--muted);margin-bottom:4px}.koppel-rij{margin-top:6px}.inline-add{display:flex;gap:6px;margin-top:4px}.inline-add input{flex:1;min-width:0}.inline-add.klein input{font-size:13px;padding:6px 8px}.btn.klein{padding:4px 12px;font-size:14px}.link.small{font-size:12px}.legenda{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.legenda.ll{background:#dbeafe;color:#1e3a8a}.legenda.mw{background:#3730a3;color:#fff}@media (max-width: 760px){.indeling-layout{grid-template-columns:1fr}.indeling-pool{position:static}}.indeling-toolbar{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg{border:0;background:var(--panel);padding:6px 12px;cursor:pointer;font:inherit;color:var(--ink);border-right:1px solid var(--line)}.seg:last-child{border-right:0}.seg.on{background:var(--brand);color:#fff}.selectie-bar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--brand-soft);border:1px solid var(--brand);border-radius:10px;padding:8px 12px;margin-bottom:12px}.selectie-bar select{min-width:220px}.chip-sel{border:0;background:transparent;cursor:pointer;font-size:13px;padding:0;line-height:1;color:inherit}.chip-persoon.geselecteerd{outline:2px solid var(--brand);outline-offset:1px}.icoon-input{width:60px;text-align:center}.uren-totaal td{background:var(--bg)}.uren-filters{flex-wrap:wrap;align-items:center;gap:8px}.periode-row{align-items:flex-end;gap:12px;flex-wrap:wrap}.periode-hint{color:#b45309;font-weight:600}.rooster-kolom.vrij .slot-cel{opacity:.5}.slot-cel[data-vrij]{background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(0,0,0,.03) 6px,rgba(0,0,0,.03) 12px)}.historie-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.historie-kop h2{margin:0}.picto-cel{white-space:nowrap}.picto-thumb{height:28px;width:28px;object-fit:contain;vertical-align:middle;margin-right:6px;border-radius:4px}.rb-picto{height:22px;width:22px;object-fit:contain;vertical-align:middle;margin-right:4px}.ez h1{font-size:28px}.ez-bar{flex-wrap:wrap;align-items:center;gap:8px}.ez-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.ez-dag-kolom{display:flex;flex-direction:column;gap:10px}.ez-dag-kop{font-size:16px;font-weight:700;text-align:center;padding-bottom:4px;border-bottom:2px solid var(--line)}.ez-blok{display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid;border-radius:14px;padding:10px 8px;text-align:center}.ez-tijd{font-size:14px;font-weight:700;color:var(--muted)}.ez-picto{width:64px;height:64px;object-fit:contain}.ez-emoji{font-size:48px;line-height:1}.ez-vak{font-size:16px;font-weight:800}.ez-vrij{text-align:center;font-weight:700;color:var(--muted);padding:10px;background:var(--bg);border-radius:10px}.ez-dag-groot{max-width:760px;margin:0 auto}.ez-dag-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ez-dag-titel{font-size:24px;font-weight:800}.btn.groot{font-size:24px;padding:8px 20px}.ez-dag-blokken{display:flex;flex-direction:column;gap:14px}.ez-blok.groot{flex-direction:row;justify-content:flex-start;gap:18px;padding:16px 20px;border-width:4px}.ez-blok.groot .ez-tijd{font-size:22px;min-width:70px}.ez-blok.groot .ez-picto{width:84px;height:84px}.ez-blok.groot .ez-emoji{font-size:64px}.ez-blok.groot .ez-vak{font-size:26px}.ez-vrij.groot{font-size:22px;padding:30px}.ez-dagdeel{margin-bottom:16px}.ez-dagdeel-kop{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;margin:6px 0 8px;padding-bottom:4px;border-bottom:2px dashed var(--line)}.ez-dagdeel-icon{font-size:22px}.ez-dagdeel-blokken{display:flex;flex-direction:column;gap:12px}.ez-week .ez-dagdeel-kop{font-size:13px;margin:4px 0 6px}.ez-week .ez-dagdeel-icon{font-size:15px}.ez-week .ez-dagdeel-blokken{gap:8px}.wizard-stappen{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 16px}.wizard-stappen li{font-size:13px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.wizard-stappen li.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}.wizard-stappen li.done{color:var(--brand);border-color:var(--brand)}.wizard-stap{margin-bottom:16px}.wizard-stap h2{margin-top:0}.wizard-nav{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:12px}.wizard-overzicht{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.wizard-overzicht li{padding:8px 10px;background:var(--bg);border-radius:8px}.keuze-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.keuze{display:flex;flex-direction:column;align-items:center;gap:6px;border:3px solid var(--line);border-radius:12px;padding:12px 8px;background:var(--panel);cursor:pointer;font:inherit}.keuze.on{box-shadow:0 0 0 3px var(--brand-soft)}.keuze-picto{width:48px;height:48px;object-fit:contain}.keuze-emoji{font-size:40px;line-height:1}.bulk-invoer{width:100%;font-family:monospace;font-size:13px;padding:10px;border:1px solid var(--line);border-radius:8px}.banner.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:10px 14px;border-radius:8px}.chip.chip-plein{border-style:dashed}.wm-status{font-weight:600;padding:4px 10px;border-radius:999px;font-size:13px}.wm-status.ok{background:#ecfdf5;color:#065f46}.wm-status.fout{background:#fef2f2;color:#991b1b}.wm-conflicten{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;margin:0 0 14px}.banner.waarschuwing{background:#fffbeb;color:#92400e;border:1px solid #fcd34d;padding:10px 14px;border-radius:8px}.wm-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.wm-tabel{border-collapse:collapse;width:100%;min-width:640px}.wm-tabel th,.wm-tabel td{border:1px solid var(--line);vertical-align:top}.wm-hoek{background:var(--panel);position:sticky;left:0;z-index:2;padding:8px 10px;text-align:left;font-size:12px}.wm-klas{background:var(--panel);padding:8px 10px;font-size:13px;white-space:nowrap}.wm-dagrij td{background:var(--bg);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:6px 10px}.wm-tijd{background:var(--panel);position:sticky;left:0;z-index:1;padding:6px 10px;text-align:left;font-size:13px;white-space:nowrap}.wm-cel{padding:5px;min-width:150px}.wm-vak{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:7px;background:#fff;padding:5px 6px;margin-bottom:5px}.wm-vak-kop{display:flex;align-items:center;gap:4px}.wm-vak-naam{flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.wm-vak-meta{color:var(--muted);font-size:11px;margin-top:2px}.wm-vak.in-conflict{outline:2px solid #ef4444;outline-offset:1px;box-shadow:0 0 0 4px #ef444426}.wm-add{width:100%;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:7px;padding:4px;cursor:pointer;font:inherit;font-size:13px;opacity:.6}.wm-cel:hover .wm-add{opacity:1}.wm-add:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.vak-kaart.kleur-vlak{background:var(--vk-kleur);color:var(--vk-tekst)}.vak-kaart.kleur-vlak .vk-naam{color:inherit}.print-only{display:none}.print-kop{display:flex;align-items:center;gap:12px;margin:0 0 8px}.print-kop-tekst{display:flex;flex-direction:column}.print-kop-tekst strong{font-size:16px}.print-kop-tekst span{font-size:12px;color:#444}.print-logo{max-height:46px;max-width:180px;object-fit:contain}.rooster-kop{display:flex;align-items:center;justify-content:space-between;gap:12px}.rooster-logo{max-height:40px;max-width:150px;object-fit:contain}.huisstijl .logo-vak{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:10px 0}.logo-preview{width:220px;height:120px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,#e7e8ec 25%,transparent 25%),linear-gradient(-45deg,#e7e8ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e8ec 75%),linear-gradient(-45deg,transparent 75%,#e7e8ec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.logo-preview img{max-width:200px;max-height:104px;object-fit:contain}.logo-acties{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.logo-acties .btn{cursor:pointer}.vorm-kop{margin:18px 0 4px;font-size:15px}.huisstijl>.vorm-kop:first-of-type{margin-top:0}.vorm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;margin:8px 0}.vorm-grid input[type=color]{width:64px;height:36px;padding:2px;cursor:pointer}.brand-schoolnaam{color:var(--muted);font-weight:600;font-size:14px}.tab.on{border-bottom-color:var(--accent, var(--brand))}.top-tab.on,.nav-trigger.on{box-shadow:inset 0 -2px 0 var(--accent, var(--brand))}.kleur-legenda{margin-top:10px;padding-top:8px;border-top:1px solid #ccc}.legenda-items{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}.legenda-item{display:inline-flex;align-items:center;gap:5px;font-size:12px}.legenda-swatch{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.15);-webkit-print-color-adjust:exact;print-color-adjust:exact}.vak-kaart.kleur-vlak .rb-greep,.vak-kaart.kleur-vlak .icon-btn{color:inherit;opacity:.85}.vak-kaart.kleur-vlak .rb-status,.vak-kaart.kleur-vlak .rb-verv,.wm-vak.kleur-vlak .wm-vak-naam{color:inherit}.wm-vak.kleur-vlak .wm-vak-meta,.wm-vak.kleur-vlak .muted,.wm-vak.kleur-vlak .icon-btn{color:inherit;opacity:.85}.wm-preview{margin:6px 0 10px}.wm-preview .conflict-lijst{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px 12px;margin-top:6px}.voorstel-klas{margin-bottom:18px}.voorstel-klas h3{margin:8px 0 6px}.nav-menu{position:relative}.nav-trigger .caret{font-size:10px;opacity:.65;margin-left:1px}.nav-dropdown{display:none;position:absolute;left:0;top:100%;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000026;min-width:210px;padding:6px;z-index:60}.nav-menu:hover .nav-dropdown,.nav-menu.open .nav-dropdown{display:block}.tabbar .tab .ico{font-size:15px}.tabbar .tab .tab-tekst{margin-left:6px}@media (max-width: 720px){.tabbar .tab .tab-tekst{display:none}.tabbar .tab{padding-left:12px;padding-right:12px}}.tab-dropdown{position:relative}.tab-menu{position:absolute;left:0;top:100%;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000026;min-width:180px;padding:6px;z-index:60;display:flex;flex-direction:column}.tab-menu-item{background:transparent;border:0;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer}.tab-menu-item:hover{background:var(--line)}.conflict-banner{border:1px solid #fca5a5;background:#fef2f2;border-radius:10px;margin:0 0 14px;overflow:hidden}.conflict-kop{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:10px 14px;font:inherit;color:#991b1b;cursor:pointer;text-align:left}.conflict-kop .ico{font-size:16px}.conflict-kop .conflict-aantal{font-weight:600;flex:1}.conflict-lijst{list-style:none;margin:0;padding:0 14px 12px}.conflict-lijst li{padding:4px 0 4px 16px;position:relative;color:#7f1d1d;font-size:14px}.conflict-lijst li:before{content:"•";position:absolute;left:2px}.conflict-lijst li.waarschuwing{color:#92400e}.rooster-blok.in-conflict,.split-vak.in-conflict,.vak-kaart.in-conflict{outline:2px solid #ef4444;outline-offset:1px;box-shadow:0 0 0 4px #ef444426}