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