:root{--bg:#f3f6fb;--panel:#fff;--ink:#1f2937;--muted:#64748b;--line:#d8dee9;--brand:#2563eb;--brand-soft:#eef2ff;--accent:#0f766e;--accent-soft:#ccfbf1;--warn:#d97706;--warn-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--on:#16a34a}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(180deg, #eef4ff 0, var(--bg) 220px);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);background:#fffffffa;border-bottom:1px solid #cbd5e1;padding:8px 24px 7px;position:sticky;top:0;box-shadow:0 1px #0f172a08}.topbar-main{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.topbar-user{white-space:nowrap;align-items:center;gap:10px;display:flex}.top-tabs{scrollbar-width:thin;flex-wrap:wrap;align-items:center;gap:4px;display:flex;overflow:visible}.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:34px;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:6px 10px;font-size:13px;display:inline-flex}.top-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.top-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700;box-shadow:0 1px 2px #2563eb33}.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;color:#1d4ed8;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:#f1f5f9}.nav-item.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);font-weight:700}.ico{text-align:center;width:18px}.hint{color:var(--muted);margin-top:auto;padding:12px 8px 0;font-size:12px}.content{width:100%;padding:20px 24px 32px}.content-wide{padding:14px 14px 28px}h1{margin:0 0 6px;font-size:24px}.muted{color:var(--muted)}.banner{background:#f8fafc;border-left:4px solid #94a3b8;border-radius:8px;margin-bottom:16px;padding:10px 14px}.banner.error{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca;border-left-color:var(--danger)}.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-top:3px solid #cbd5e1;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0a}.card.on{border-color:#bbf7d0;border-top-color:var(--on);background:#f8fffb}.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:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:12px}.tag.on{color:#166534;background:#dcfce7;border-color:#bbf7d0}.tag.core{background:var(--brand-soft);color:var(--brand);border-color:#c7d2fe}.tag.dep{color:#854d0e;background:#fef9c3;border-color:#fde68a}.toggle{cursor:pointer;background:#cbd5e1;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{border:1px solid var(--line);background:#fff;border-top:3px solid #bfdbfe;border-radius:12px;margin:18px 0;padding:16px;box-shadow:0 1px 2px #0f172a0a}.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:hover,select:hover{border-color:#cbd5e1}input:focus,select:focus{outline:3px solid var(--brand-soft);border-color:var(--brand)}.btn{font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 14px;box-shadow:0 1px 1px #0f172a0a}.btn:hover{background:#f8fafc;border-color:#94a3b8}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.danger{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.btn.danger:hover{background:#fecaca}.weergave-opties{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;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;box-shadow:0 1px 2px #0f172a0a}.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:#334155;background:#eef4ff;font-size:12px}.grid tbody tr:nth-child(2n){background:#fbfdff}.grid tbody tr:hover{background:#f1f7ff}.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;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 12px;font-size:13px}.chip:hover{background:#f1f5f9;border-color:#94a3b8}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 1px 2px #2563eb2e}.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 #cbd5e1;border-left:4px solid var(--accent);background:#f8fbff;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(5,minmax(180px,1fr));gap:10px;width:100%;margin-top:10px;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:#fbfcff;border:1px solid #d5dbe7;border-radius:8px;min-height:80px;padding:6px}.rooster-dag{z-index:3;text-align:left;background:#f8fafc;border-bottom:2px solid #d5dbe7;min-height:34px;margin-bottom:7px;padding:6px 76px 8px 7px;font-size:12px;font-weight:800;position:sticky;top:92px}.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:10px;margin:10px 0;display:flex}.rooster-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.week-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.week-label{text-align:center;min-width:138px;font-size:13px;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{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #cbd5e1;border-radius:7px;margin-bottom:8px;padding:6px;transition:background .1s,border-color .1s}.slot-cel.hover{border-color:var(--brand);background:var(--brand-soft)}.slot-tijd{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;max-width:100%;margin-bottom:5px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex;overflow:hidden}.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-acties{background:#ffffffe0;border-radius:6px;gap:2px;display:inline-flex;position:absolute;top:3px;right:2px}.dag-acties .icon-btn{width:22px;height:22px;font-size:12px}.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{align-items:stretch;gap:6px;display:grid}.split-vakken.meerdere-vakken{border-left:2px solid var(--line);gap:5px;padding-left:7px}.split-vakken.meerdere-vakken .vak-kaart{border-radius:6px}.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;flex-direction:column;height:82px;min-height:82px;padding:7px 8px;display:flex;position:relative;overflow:hidden;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;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.vk-meta{flex-wrap:wrap;gap:3px 5px;margin-top:5px;display:flex;overflow:hidden}.vk-tag{background:var(--bg);color:var(--muted);border-radius:999px;align-items:center;gap:3px;max-width:100%;padding:1px 6px;font-size:10px;line-height:1.5;display:inline-flex}.vk-opmerking{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;padding-top:4px;overflow:hidden}@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:#0f172a80;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border:1px solid #cbd5e1;border-top:4px solid var(--brand);border-radius:12px;width:min(560px,100%);padding:18px 20px;box-shadow:0 20px 50px #0f172a47}.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:#f8fbff;border-color:#cbd5e1;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-persoon{flex:none;min-height:34px}.scope-persoon.on{border-color:var(--brand);color:var(--brand);font-weight:600}.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 #cbd5e1;gap:6px;margin:8px 0 16px;display:flex}.tab{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;padding:10px 14px}.tab:hover{color:var(--ink);background:#f8fafc}.tab.on{color:var(--brand);border-bottom-color:var(--brand);background:#eef4ff;font-weight:700}.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:#334155;border-color:#334155}.chip-persoon.ll{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.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;box-shadow:0 1px 2px #0f172a0a}.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{background:#f0f9ff;border:1px solid #bae6fd;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 #99f6e4;border-left:3px solid var(--accent);background:#f0fdfa;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-left:4px 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;box-shadow:0 2px 8px #2563eb1f}.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;border:1px solid #a7f3d0;border-left:4px solid var(--on);background:#ecfdf5;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;border:1px solid #a7f3d0}.wm-status.fout{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca}.wm-conflicten{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;margin:0 0 14px;padding:10px 14px}.banner.waarschuwing{background:var(--warn-soft);color:#92400e;border:1px solid #fcd34d;border-left:4px solid var(--warn);border-radius:8px;padding:10px 14px}.wm-scroll{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow-x:auto}.wm-tabel{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.wm-tabel th,.wm-tabel td{vertical-align:top;border:1px solid #d8dee9;border-top:0;border-left:0}.wm-tabel th:last-child,.wm-tabel td:last-child{border-right:0}.wm-hoek{z-index:4;text-align:left;background:#f1f5f9;border-bottom:2px solid #cbd5e1;border-right:2px solid #cbd5e1;padding:10px 12px;font-size:12px;position:sticky;top:0;left:0}.wm-klas{z-index:3;white-space:nowrap;text-align:center;background:#f8fafc;border-bottom:2px solid #cbd5e1;padding:10px 12px;font-size:13px;font-weight:800;position:sticky;top:0}.wm-dagrij td{text-transform:uppercase;letter-spacing:.4px;color:#334155;background:#eaf1fb;border-top:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;padding:7px 12px;font-size:12px;font-weight:800}.wm-tijd{z-index:2;text-align:left;white-space:nowrap;color:#334155;background:#f8fafc;border-right:2px solid #cbd5e1;padding:8px 12px;font-size:13px;font-weight:800;position:sticky;left:0}.wm-tijd .muted{margin-top:2px;font-weight:600;display:block}.wm-slotrij.oneven .wm-cel{background:#fff}.wm-slotrij.even .wm-cel{background:#f8fafc}.wm-slotrij:hover .wm-cel,.wm-slotrij:hover .wm-tijd{background:#eef6ff}.wm-filterbar{border:1px solid #cbd5e1;border-left:4px solid var(--brand);background:#f8fbff;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 12px;padding:10px 12px;display:flex}.wm-filterbar select,.wm-filterbar input{min-width:160px}.wm-filterbar .wm-zoek{flex:260px}.wm-filterbar .wm-zoek input{width:100%}.wm-filtercheck{align-self:flex-end;min-height:38px;margin:0}.wm-cel{min-width:170px;height:96px;padding:7px}.wm-cel.focus{background-image:linear-gradient(#2563eb0a,#2563eb04)}.wm-vak{border:1px solid var(--line);border-left:4px solid var(--brand);background:#fff;border-radius:7px;flex-direction:column;height:70px;min-height:70px;margin-bottom:5px;padding:6px 7px;display:flex;overflow:hidden}.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);text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:11px;overflow:hidden}.wm-vak.in-conflict{outline:0;box-shadow:inset 0 0 0 2px #ef4444,0 1px #1f293708}.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!important}.print-kop{align-items:center;gap:12px;margin:0 0 8px}.print-only.print-kop{display:none!important}@media print{.print-only{display:block!important}.print-only.print-kop{display:flex!important}}.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}.app-page-kop{margin-bottom:8px}.page-subtitle{color:var(--muted);margin-top:2px;font-size:13px}.rooster-scherm h1{margin-bottom:0}.rooster-scherm .veld{gap:8px}.rooster-scherm select{min-width:0}.scope-balk{background:0 0;border:0;align-items:stretch;margin-top:6px;padding:0}.scope-rij{flex:360px;align-items:center;gap:8px;min-width:0;display:flex}.scope-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:11px;font-weight:800}.scope-balk .klas-strip{scrollbar-width:thin;flex-wrap:nowrap;gap:6px;padding:2px 2px 7px;display:flex;overflow-x:auto}.scope-balk .chip{flex:none;padding:4px 9px;font-size:12px}.scope-persoon{max-width:320px}.scope-aantal{white-space:nowrap}.rooster-edit .rooster-grid{grid-template-columns:repeat(5,minmax(210px,1fr))}.rooster-view.details-compact .vak-kaart{height:56px;min-height:56px;padding-top:7px;padding-bottom:7px}.rooster-view.details-compact .blok-splitsing{border-color:var(--line);background:#fff}.rooster-view.details-compact .split-header{background:#fafbff;margin-bottom:6px}.details-compact .split-kolommen{gap:6px}.details-compact .split-vakken{gap:5px}.details-compact .rb-picto{width:18px;height:18px}.details-compact .split-title span,.detail-compact .vk-meta,.detail-compact .rb-stage,.detail-compact .vk-opmerking,.detail-normaal .vk-opmerking{display:none}.detail-uitgebreid .vak-kaart{height:104px;min-height:104px}.detail-keuze .seg{padding:7px 9px;font-size:12px}.rooster-edit .vak-kaart{background:#fff}.rooster-edit .slot-add{opacity:.35;padding:4px}.rooster-edit .slot-cel:hover .slot-add{opacity:1}.rooster-edit .rooster-kolom{background:#fbfcff}.sneltoets-hint{text-align:right;margin:-2px 0 8px}.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{flex:none;position:relative}.nav-trigger .caret{opacity:.65;margin-left:1px;font-size:10px}.nav-dropdown{background:var(--panel);z-index:80;border:1px solid #cbd5e1;border-radius:10px;min-width:210px;margin-top:4px;padding:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0f172a29}.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);z-index:60;border:1px solid #cbd5e1;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 #0f172a29}.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:#f1f5f9}.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:0;box-shadow:inset 0 0 0 2px #ef4444,0 1px #1f293708}