:root{--iv-primary:#0f766e;--iv-primary-dark:#115e59;--iv-bg:#f8fafc;--iv-surface:#ffffff;--iv-border:#e2e8f0;--iv-text:#0f172a;--iv-text-muted:#64748b;--iv-beschikbaar:#d1fae5;--iv-beschikbaar-text:#065f46;--iv-potlood:#fef3c7;--iv-potlood-text:#92400e;--iv-gereserveerd:#dbeafe;--iv-gereserveerd-text:#1e40af;--iv-definitief:#bbf7d0;--iv-definitief-text:#14532d;--iv-geblokkeerd:#e2e8f0;--iv-geblokkeerd-text:#334155;--iv-vrij:#f1f5f9;--iv-vrij-text:#475569;--iv-afwezig:#fee2e2;--iv-afwezig-text:#991b1b;--iv-inactief:#fafafa;--iv-inactief-streep:#e4e4e7;--iv-inactief-text:#475569;--iv-gepland:#e0e7ff;--iv-gepland-text:#3730a3;--iv-geannuleerd:#f4f4f5;--iv-geannuleerd-text:#3f3f46}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--iv-bg);color:var(--iv-text)}.app-header{background:var(--iv-surface);border-bottom:1px solid var(--iv-border);padding:1rem 2rem;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.app-header h1{font-size:1.15rem;color:var(--iv-primary-dark);letter-spacing:.02em}.app-header span{color:var(--iv-text-muted);font-size:.9rem}.app-nav{margin-left:auto;display:flex;gap:1rem;flex-wrap:wrap}.app-nav a,.beheer-nav a{color:var(--iv-primary);text-decoration:none;font-size:.9rem;font-weight:600}.app-nav a:focus-visible,.app-nav a:hover,.beheer-nav a:focus-visible,.beheer-nav a:hover{text-decoration:underline}main{max-width:1100px;margin:0 auto;padding:1.5rem 2rem}.week-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.week-nav h2{font-size:1.4rem;font-weight:600}.week-nav a{color:var(--iv-primary);text-decoration:none;font-size:.95rem;padding:.3rem .7rem;border:1px solid var(--iv-border);border-radius:6px;background:var(--iv-surface)}.week-nav a:hover{border-color:var(--iv-primary)}.week-nav .datums{color:var(--iv-text-muted);font-size:.9rem}.partner-filter{display:flex;gap:.5rem;align-items:center}.partner-filter select{padding:.3rem .5rem;border:1px solid var(--iv-border);border-radius:6px;background:var(--iv-surface);font:inherit;color:var(--iv-text)}.partner-filter select:focus{outline:2px solid var(--iv-primary);outline-offset:0;border-color:var(--iv-primary)}.filter-indicatie{font-size:.85rem;color:var(--iv-text-muted);margin:-.5rem 0 1rem}.filter-indicatie a{color:var(--iv-primary-dark)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.tile{background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;padding:.75rem 1rem}.tile .waarde{font-size:1.5rem;font-weight:700;color:var(--iv-primary-dark)}.tile .label{font-size:.78rem;color:var(--iv-text-muted);margin-top:.15rem}.tile.conflict .waarde{color:#b91c1c}.capacity-grid{width:100%;border-collapse:collapse;background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;overflow:hidden}.capacity-grid td,.capacity-grid th{border:1px solid var(--iv-border);padding:.55rem .6rem;font-size:.85rem;text-align:left}.capacity-grid th{background:var(--iv-bg);color:var(--iv-text-muted);font-weight:600}.capacity-grid td.cel{min-width:120px}.cel .status-label{font-weight:600;font-size:.8rem}.cel .detail{font-size:.75rem;margin-top:.1rem}.cel .cel-link{position:relative}.cel .conflict-chip{position:absolute;top:.35rem;right:.35rem}.capacity-grid td.cel:has(.conflict-chip) .cel-link{padding-right:1.75rem}.week-conflicten{margin-bottom:1rem}.cel-BESCHIKBAAR{background:var(--iv-beschikbaar);color:var(--iv-beschikbaar-text)}.cel-VRIJ{background:var(--iv-vrij);color:var(--iv-vrij-text)}.cel-AFWEZIG{background:var(--iv-afwezig);color:var(--iv-afwezig-text)}.cel-INACTIEF{background:repeating-linear-gradient(135deg,var(--iv-inactief) 0 6px,var(--iv-inactief-streep) 6px 12px);color:var(--iv-inactief-text)}.cel-POTLOOD{background:var(--iv-potlood);color:var(--iv-potlood-text)}.cel-GERESERVEERD{background:var(--iv-gereserveerd);color:var(--iv-gereserveerd-text)}.cel-DEFINITIEF{background:var(--iv-definitief);color:var(--iv-definitief-text)}.cel-GEBLOKKEERD{background:var(--iv-geblokkeerd);color:var(--iv-geblokkeerd-text)}.cel.vervaagd{background:var(--iv-surface);color:var(--iv-text-muted)}.form-pagina{max-width:640px}.form-pagina h2{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.planning-form{display:grid;grid-gap:.9rem;gap:.9rem;background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;padding:1.25rem 1.5rem}.planning-form fieldset{border:none;min-width:0}.planning-form legend{font-size:.8rem;font-weight:600;color:var(--iv-text-muted)}.veld{display:grid;grid-gap:.25rem;gap:.25rem}.veld-label{font-size:.8rem;font-weight:600;color:var(--iv-text-muted)}.veld input[type=date],.veld input[type=number],.veld input[type=text],.veld input[type=url],.veld select,.veld textarea{border:1px solid var(--iv-border);border-radius:6px;padding:.45rem .6rem;font:inherit;background:var(--iv-surface);color:var(--iv-text)}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--iv-primary);outline-offset:0;border-color:var(--iv-primary)}.veld-fout{color:#b91c1c;font-size:.78rem}.datum-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));grid-gap:.9rem;gap:.9rem}.keuze-rij{display:flex;flex-wrap:wrap;gap:.9rem}.keuze-rij label{gap:.35rem;font-size:.9rem}.form-acties,.keuze-rij label{display:flex;align-items:center}.form-acties{gap:.75rem;flex-wrap:wrap}.knop-primair{background:var(--iv-primary);color:#fff;border:none;border-radius:6px;padding:.55rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.knop-primair:hover{background:var(--iv-primary-dark)}.knop-primair:disabled{background:#64748b;cursor:default}.knop-secundair{background:var(--iv-surface);color:var(--iv-text);border:1px solid #64748b;border-radius:6px;padding:.55rem 1.1rem;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.knop-secundair:disabled{color:var(--iv-text-muted);cursor:default}.knop-waarschuwing{background:#b45309;color:#fff;border:none;border-radius:6px;padding:.55rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.knop-primair:focus-visible,.knop-secundair:focus-visible,.knop-waarschuwing:focus-visible{outline:2px solid var(--iv-primary-dark);outline-offset:2px}.conflict-paneel{border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:10px;padding:.9rem 1.1rem;display:grid;grid-gap:.5rem;gap:.5rem}.conflict-paneel h3,.conflict-paneel h4{font-size:.95rem}.conflict-paneel ul{margin-left:1.1rem;display:grid;grid-gap:.2rem;gap:.2rem;font-size:.85rem}.conflict-paneel .conflict-links{display:inline;margin-left:.5rem}.conflict-paneel .conflict-links a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.conflict-paneel .conflict-links a:hover{text-decoration-thickness:2px}.conflict-paneel .conflict-links a:focus-visible{outline:2px solid var(--iv-primary-dark);outline-offset:1px}.fout-paneel{border:1px solid #fca5a5;background:#fef2f2;color:#991b1b;border-radius:10px;padding:.9rem 1.1rem;font-size:.9rem}.week-nav .nieuw{margin-left:auto}.week-nav a.knop-primair{background:var(--iv-primary);color:#fff;padding:.55rem 1.1rem;border:none}.week-nav a.knop-primair:hover{background:var(--iv-primary-dark);border:none}.cel-link,.dag-kop-link{display:block;color:inherit;text-decoration:none;margin:-.55rem -.6rem;padding:.55rem .6rem}.cel-link:focus-visible,.cel-link:hover,.dag-kop-link:focus-visible,.dag-kop-link:hover{outline:2px solid var(--iv-primary);outline-offset:-2px;border-radius:2px}.cel-GEPLAND{background:var(--iv-gepland);color:var(--iv-gepland-text)}.cel-GEANNULEERD{background:var(--iv-geannuleerd);color:var(--iv-geannuleerd-text)}.dag-teams{display:grid;grid-gap:1rem;gap:1rem}.dag-team{background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;padding:1rem 1.25rem;display:grid;grid-gap:.6rem;gap:.6rem}.dag-team header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dag-team h3{font-size:1.05rem}.dag-team .nieuw-link{margin-left:auto;color:var(--iv-primary);text-decoration:none;font-size:.85rem;font-weight:600}.dag-team .nieuw-link:focus-visible,.dag-team .nieuw-link:hover{text-decoration:underline}.status-badge{font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;border:1px solid}.dag-leden{font-size:.85rem;color:var(--iv-text-muted);list-style:none}.dag-leden .lid{margin-right:.9rem;white-space:nowrap;display:inline-block}.dag-planningen{display:grid;grid-gap:.5rem;gap:.5rem}.dag-planning{display:block;border-radius:8px;padding:.6rem .8rem;position:relative}.dag-planning .conflict-chip{position:absolute;top:.6rem;right:.8rem}.dag-planning:has(.conflict-chip){padding-right:2.2rem}.dag-planning .kop-link{color:inherit;font-weight:600;font-size:.9rem;text-decoration:none}.dag-planning .kop-link:focus-visible,.dag-planning .kop-link:hover{text-decoration:underline}.dag-planning.cel-GEANNULEERD .kop-link{text-decoration:line-through}.dag-planning.cel-GEANNULEERD .kop-link:focus-visible,.dag-planning.cel-GEANNULEERD .kop-link:hover{text-decoration:line-through underline}.dag-planning .detail{font-size:.8rem;margin-top:.15rem;overflow-wrap:anywhere}.dag-planning a.extern{color:inherit;display:inline-block}.dag-planning .kaart-acties{margin-top:.5rem;display:grid;grid-gap:.5rem;gap:.5rem}.kaart-acties .verzet-paneel{display:grid;grid-gap:.4rem;gap:.4rem}.kaart-acties .verzet-uitleg{font-size:.78rem;color:inherit;margin:0}.kaart-acties .veld-label{color:inherit}.kaart-acties .verzet-velden{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.dag-conflicten,.info-paneel{margin-bottom:1rem}.info-paneel{border:1px solid var(--iv-border);background:var(--iv-vrij);color:var(--iv-vrij-text);border-radius:10px;padding:.9rem 1.1rem;font-size:.9rem}.datum-vorm{display:flex;gap:.5rem;align-items:center}.datum-vorm input[type=date]{border:1px solid var(--iv-border);border-radius:6px;padding:.45rem .6rem;font:inherit;background:var(--iv-surface);color:var(--iv-text)}.datum-vorm input[type=date]:focus{outline:2px solid var(--iv-primary);outline-offset:0;border-color:var(--iv-primary)}.dag-sectiekop{font-size:.8rem;font-weight:600;color:var(--iv-text-muted)}.planbord-wrap{overflow-x:auto}.planbord-grid thead th{white-space:nowrap}.planbord-grid td.planbord-cel{padding:.4rem .5rem}.planbord-cel .cel-link{margin:-.4rem -.5rem;padding:.4rem .5rem}.segmenten{display:inline-flex;gap:2px;align-items:center}.seg{width:.85rem;height:1.15rem;border-radius:3px;border:1px solid rgba(15,23,42,.35);display:inline-block;flex-shrink:0}.conflict-chip,.seg-conflict{min-width:1rem;height:1rem;padding:0 .25rem;margin-left:.15rem;border-radius:999px;background:#b91c1c;color:#ffffff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.planbord-legenda{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:1rem;font-size:.8rem;color:var(--iv-text-muted)}.planbord-legenda li{display:inline-flex;align-items:center;gap:.35rem}.legenda-vlak{width:.85rem;height:.85rem;border-radius:3px;border:1px solid rgba(15,23,42,.35);display:inline-block;flex-shrink:0}.legenda-vlak.cel-INACTIEF,.seg.cel-INACTIEF{background:repeating-linear-gradient(135deg,var(--iv-inactief) 0 3px,#d4d4d8 3px 6px)}.legenda-vlak.cel-GEBLOKKEERD,.seg.cel-GEBLOKKEERD{background:#cbd5e1}.legenda-vlak.cel-DEFINITIEF,.seg.cel-DEFINITIEF{background:#34d399}.planbord-grid tfoot td{font-weight:600}.planbord-grid tfoot td.planbord-conflict{color:#b91c1c}.nav-uit{color:var(--iv-text-muted);font-size:.95rem;padding:.3rem .7rem;border:1px solid var(--iv-border);border-radius:6px;background:var(--iv-bg)}.app-nav a[aria-current=page],.beheer-nav a[aria-current=page]{color:var(--iv-primary-dark);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.beheer-titel{font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.beheer-nav{margin-bottom:1.25rem}.beheer-kop,.beheer-nav{display:flex;gap:1rem;flex-wrap:wrap}.beheer-kop{align-items:center;margin-bottom:1rem}.beheer-kop h3{font-size:1.15rem;font-weight:600}.beheer-kop .knop-primair{margin-left:auto}.beheer-tabel{width:100%;border-collapse:collapse;background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;overflow:hidden}.beheer-tabel td,.beheer-tabel th{border:1px solid var(--iv-border);padding:.55rem .6rem;font-size:.85rem;text-align:left}.beheer-tabel th{background:var(--iv-bg);color:var(--iv-text-muted);font-weight:600}.beheer-link{color:var(--iv-primary);font-weight:600;text-decoration:none}.beheer-link:focus-visible,.beheer-link:hover{text-decoration:underline}.beheer-hint{font-size:.8rem;color:var(--iv-text-muted);margin-bottom:1rem}.form-pagina h3{font-size:1.15rem;font-weight:600;margin-bottom:1rem}.lidmaatschappen{margin-top:1.5rem;display:grid;grid-gap:.75rem;gap:.75rem}.lidmaatschappen h3{font-size:1.15rem;font-weight:600}.lidmaatschappen h4{font-size:.95rem}.rij-acties{display:flex;gap:.5rem;flex-wrap:wrap}.knop-compact{padding:.3rem .7rem;font-size:.85rem}.cel-AANGEVRAAGD{background:var(--iv-potlood);color:var(--iv-potlood-text)}.cel-GOEDGEKEURD{background:var(--iv-definitief);color:var(--iv-definitief-text)}.cel-AFGEWEZEN{background:var(--iv-geannuleerd);color:var(--iv-geannuleerd-text)}.afwezigheid-lijst{display:grid;grid-gap:1rem;gap:1rem}.login-kaart{max-width:360px;margin:4rem auto 0;text-align:center;background:var(--iv-surface);border:1px solid var(--iv-border);border-radius:10px;padding:2rem 1.75rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.login-kaart h1{font-size:1.25rem;color:var(--iv-primary-dark)}.app-gebruiker{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--iv-text-muted)}.uitloggen-knop{padding:.3rem .7rem;font-size:.85rem}