@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-latin.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-latin-ext.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #FFFFFF;--zijbalk: #F6F7F6;--panel: #FFFFFF;--panel2: #F6F7F6;--hover: #EEF0EE;--border: #E4E7E4;--border-strong: #D0D5D1;--text: #16181A;--muted: #5B625D;--muted-3: #6B726D;--accent: #377E3F;--accent-hover: #2E6B35;--accent-soft: #E8F2E9;--accent-text: #2B6432;--on-accent: #FAFFFA;--green: #377E3F;--amber: #C9A30F;--amber-soft: #FDF6D8;--amber-text: #7A5F00;--red: #B40A2D;--red-soft: #FBE9EC;--red-text: #B40A2D;--on-red: #FFF8F9;--geel: #ECC81D;--focus: #377E3F;--scrim: rgba(10, 14, 11, .45);--schaduw-overlay: 0 12px 32px rgba(16, 24, 18, .16), 0 2px 6px rgba(16, 24, 18, .08);--r-s: 6px;--r-m: 10px;--r-l: 16px;--r-pil: 999px;--easing: cubic-bezier(.23, 1, .32, 1);--easing-lade: cubic-bezier(.32, .72, 0, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121412;--zijbalk: #171A17;--panel: #1B1E1B;--panel2: #202420;--hover: #262B26;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--text: rgba(255,255,255,.87);--muted: rgba(255,255,255,.6);--muted-3: rgba(255,255,255,.55);--accent: #4A9A55;--accent-hover: #57A862;--accent-soft: #1D3321;--accent-text: #8FD199;--on-accent: #0B1A0E;--green: #4A9A55;--amber: #E8C547;--amber-soft: #3A3218;--amber-text: #F0D677;--red: #E05A70;--red-soft: #3A1B21;--red-text: #FF8FA2;--on-red: #1A0408;--focus: #8FD199;--scrim: rgba(0,0,0,.6);--schaduw-overlay: 0 12px 32px rgba(0,0,0,.5);color-scheme:dark}}.oppervlak-nacht,.display{--bg: #0C1710;--zijbalk: #0C1710;--panel: #122019;--panel2: #1A2C22;--hover: #1D3A25;--border: rgba(244,247,243,.09);--border-strong: rgba(244,247,243,.18);--text: #E2E6E2;--muted: #AAB0AB;--muted-3: #929A94;--accent: #377E3F;--accent-hover: #49A057;--accent-soft: #1D3A25;--accent-text: #9ED7A6;--on-accent: #F4F7F3;--green: #49A057;--amber: #ECC81D;--amber-soft: #3A3315;--amber-text: #ECC81D;--red: #D9324F;--red-soft: #3B1A21;--red-text: #FF9BAE;--on-red: #FFF8F8;--focus: #ECC81D;background:var(--bg);color:var(--text);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.5 var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}img{max-width:100%}h1,h2,h3{font-family:var(--font);letter-spacing:-.02em;text-wrap:balance;color:var(--text)}h1{font-size:30px;font-weight:780;font-variation-settings:"wdth" 82;line-height:1.05;margin:0}h2{font-size:22px;font-weight:750;font-variation-settings:"wdth" 86;line-height:1.15}h3{font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.01em}strong{font-weight:650}.muted{color:var(--muted);font-size:14px}.ico{flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ico.omhoog{transform:rotate(-90deg)}.ico.omlaag{transform:rotate(90deg)}button,a.button{font:600 15px/1 var(--font);min-height:44px;padding:0 18px;border-radius:var(--r-pil);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s var(--easing),border-color .15s var(--easing),transform .16s var(--easing)}button:hover,a.button:hover{background:var(--hover)}button:active,a.button:active{transform:scale(.97)}a.button{text-decoration:none;box-sizing:border-box}button.primary,a.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover,a.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--red);border-color:var(--red);color:var(--on-red)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.oppervlak-nacht button:not(.primary):not(.danger):not(.ghost){background:var(--panel2);border-color:transparent}.oppervlak-nacht button:not(.primary):not(.danger):not(.ghost):hover{background:var(--hover)}input,select,textarea{font:400 15px/1.4 var(--font);background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-m);padding:10px 12px;min-height:44px;width:100%;transition:border-color .15s var(--easing)}textarea{min-height:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--accent)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--accent);vertical-align:middle}.oppervlak-nacht input,.oppervlak-nacht select,.oppervlak-nacht textarea{background:var(--panel2);border-color:transparent}label{font-size:14px;font-weight:600;color:var(--muted);display:block;margin:12px 0 6px}.app{display:flex;min-height:100vh}.zijbalk{width:272px;flex:none;background:var(--zijbalk);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;overflow-y:auto}.merk{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px}.merk img{height:36px;width:auto;display:block}.merk-sub{font-weight:750;font-size:18px;font-variation-settings:"wdth" 82;color:var(--muted);letter-spacing:-.01em}.keuzepil{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:6px 12px 6px 6px;border:1px solid var(--border);background:var(--panel);border-radius:var(--r-pil);cursor:pointer;color:var(--text)}.keuzepil:hover{border-color:var(--border-strong)}.keuzepil-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-text);flex:none}.keuzepil-tekst{display:flex;flex-direction:column;min-width:0}.keuzepil-naam{font-weight:650;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keuzepil .sub{font-size:12px;color:var(--muted);font-weight:400}.keuzepil select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;min-height:0}.nav{display:flex;flex-direction:column}.nav-kop{font-size:13px;font-weight:650;color:var(--muted-3);padding:12px 12px 4px}.nav a,.beheer-knop{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:var(--r-m);color:var(--text);font-size:15px;text-decoration:none}.nav a .ico,.beheer-knop .ico{color:var(--muted)}.nav a:hover,.beheer-knop:hover{background:var(--hover);text-decoration:none}.nav a.active,.beheer-knop.active{background:var(--hover);font-weight:650}.nav a.active .ico,.beheer-knop.active .ico{color:var(--accent)}.nav-uit{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:var(--r-m);color:var(--muted-3);opacity:.55;cursor:not-allowed;font-size:15px}.nav a.nav-los{margin-top:4px}.nav-extern{margin-left:auto;opacity:.55}.zijbalk-voet{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.beheer-knop{font-weight:600}.gebruiker{padding:4px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gebruiker-mail{font-size:14px;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uitloggen{justify-content:flex-start;padding:0 12px;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.kopbalk{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 32px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.kopbalk-titel{font-weight:750;font-size:18px;font-variation-settings:"wdth" 86}.kopbalk-event{margin-left:auto;font-size:14px;color:var(--muted)}.menu-knop{display:none;width:44px;padding:0}.inhoud{padding:28px 32px 48px;max-width:1200px;width:100%}.scrim{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.paginakop{margin-bottom:20px}.paginakop p{margin:6px 0 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-l);padding:20px}.card h3{margin:0 0 14px}.oppervlak-nacht .card{border-color:transparent;border-radius:18px}.cta-card{background:var(--accent-soft);border-color:transparent}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}th{background:var(--panel2);color:var(--muted);font-weight:650;font-size:13px}thead th:first-child{border-top-left-radius:var(--r-m)}thead th:last-child{border-top-right-radius:var(--r-m)}tbody tr:hover td{background:var(--hover)}td button{min-height:36px;padding:0 14px;font-size:14px}.badge,.label{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 10px;border-radius:var(--r-pil);font-size:13px;font-weight:650;line-height:1;background:var(--panel2);color:var(--muted);white-space:nowrap}.badge.planned{background:var(--panel2);color:var(--muted)}.badge.ready,.badge.allow{background:var(--accent-soft);color:var(--accent-text)}.badge.live{background:#b40a2d;color:#fff8f8}.badge.waiting,.badge.restricted{background:var(--amber-soft);color:var(--amber-text)}.badge.blocked,.badge.deny{background:var(--red-soft);color:var(--red-text)}.badge.done{background:var(--panel2);color:var(--muted-3)}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;background:var(--panel2);border-radius:var(--r-pil);font-size:14px;margin:4px 4px 0 0}.act-row{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-bottom:8px;background:var(--panel2);border-radius:12px;flex-wrap:wrap}.act-row .time{font-weight:750;font-size:22px;font-variation-settings:"wdth" 78;font-feature-settings:"tnum";color:var(--text);min-width:72px;letter-spacing:-.01em}.act-row .name{flex:1;font-weight:650;font-size:16px;min-width:140px}.act-row button{min-height:40px}.toast{position:fixed;bottom:20px;right:20px;z-index:50;background:var(--panel);color:var(--text);border:1px solid var(--accent);border-radius:var(--r-m);padding:12px 16px;font-size:15px;font-weight:600;box-shadow:var(--schaduw-overlay)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);display:inline-block}.live-dot.off{background:var(--red)}.hint{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);border-radius:12px;padding:14px 16px;margin-bottom:16px}.hint-icon{color:var(--accent-text);display:flex;padding-top:2px}.hint strong{color:var(--text)}.hint .muted{line-height:1.55;color:var(--text);opacity:.82}.page-intro{margin-bottom:6px}.ok-tag{color:var(--accent-text);font-size:14px;font-weight:600;margin-left:8px;display:inline-flex;align-items:center;gap:6px}.kerncijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kerncijfer{background:var(--panel2);border-radius:var(--r-l);padding:16px 18px;display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none}a.kerncijfer:hover{background:var(--hover);text-decoration:none}.kerncijfer .waarde{font-size:34px;font-weight:780;font-variation-settings:"wdth" 78;font-feature-settings:"tnum";line-height:1;letter-spacing:-.02em}.kerncijfer .naam{font-size:14px;color:var(--muted);font-weight:600}.kerncijfer.let-op .waarde{color:var(--amber-text)}.kerncijfer.alarm .waarde{color:var(--red-text)}.nu-blok{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nu-blok .nu-naam{font-size:26px;font-weight:780;font-variation-settings:"wdth" 82;letter-spacing:-.02em;line-height:1.1}.voortgang{height:10px;background:var(--panel2);border-radius:5px;margin-top:12px;overflow:hidden}.voortgang>div{height:100%;background:var(--accent);border-radius:5px}.twee-kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 0 20px;overflow-x:auto}.tab{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--muted);font-weight:600;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text);text-decoration:none}.tab.actief{color:var(--text);border-bottom-color:var(--accent)}.segment{display:inline-flex;gap:4px;padding:4px;background:var(--panel2);border-radius:var(--r-pil);margin-bottom:16px}.segment button{border:0;background:transparent;min-height:36px}.segment button.actief{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--border)}.terug{padding:0 10px 0 4px;margin:0 0 8px -4px;color:var(--muted);min-height:36px}.wizard{max-width:760px;margin:0 auto}.steps{display:flex;gap:6px;margin-bottom:8px}.step-dot{flex:1;height:6px;border-radius:3px;background:var(--border-strong);transition:background .2s var(--easing)}.step-dot.done{background:var(--accent)}.step-dot.active{background:var(--geel)}button.step-dot{min-height:0;padding:0;border:0;height:6px;cursor:pointer}button.step-dot:hover{background:var(--accent-hover)}button.step-dot.active:hover{background:var(--geel)}button.step-dot:disabled{opacity:1;cursor:not-allowed;background:var(--border-strong)}.ontbreekt{color:var(--amber-text);font-size:14px;font-weight:600;margin-top:10px;text-align:right}.step-count{color:var(--muted);font-size:14px;margin-bottom:16px}.wizard h2{margin:4px 0;font-size:26px}.wizard .lead{color:var(--muted);line-height:1.6;margin-bottom:18px}.wizard-nav{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.stip{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 2px;vertical-align:middle}.stip.rood{background:var(--red)}.stip.geel{background:var(--geel)}.stip.groen{background:var(--green)}.inlog{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:#0c1710 url(/merk/achtergrond.svg) center / cover no-repeat}.inlog-kaart{width:100%;max-width:440px;background:var(--panel);color:var(--text);border-radius:18px;padding:28px 24px;box-shadow:var(--schaduw-overlay)}.inlog-kaart .merk{padding:0 0 4px}.inlog-kaart .merk img{height:44px}.inlog-kaart h1{font-size:34px;margin:14px 0 6px}.inlog-kaart .segment{width:100%;margin:18px 0 4px}.inlog-kaart .segment button{flex:1}.display{min-height:100vh;display:flex;flex-direction:column;padding:4vh 5vw;gap:2vh;font-family:var(--font)}.display .scherm-kop{display:flex;align-items:center;gap:1.2vw}.display .scherm-kop img{height:4.5vh;width:auto}.display .label{background:none;padding:0;min-height:0;border-radius:0;color:var(--muted);font-size:max(16px,1.6vw);font-weight:650;white-space:normal}.display .label.live{background:#b40a2d;color:#fff8f8;padding:.35em .9em;border-radius:999px}.display .now{font-size:7vw;font-weight:800;font-variation-settings:"wdth" 82;line-height:1;letter-spacing:-.02em;text-wrap:balance;color:#f4f7f3}.display .count{font-size:13vw;font-weight:750;font-variation-settings:"wdth" 78;font-feature-settings:"tnum";line-height:.9;color:#f4f7f3;letter-spacing:-.02em}.display .next-list{margin-top:auto;display:flex;flex-direction:column;gap:1vh}.display .next-list>.label:first-child{color:#ecc81d;font-size:max(18px,2vw)}.display .next-item{font-size:3vw;font-weight:650;color:var(--text)}.display .next-item .tijd{font-variation-settings:"wdth" 78;font-feature-settings:"tnum";color:#ecc81d;margin-right:.6em;font-weight:750}.display .exit{position:fixed;top:12px;right:14px;color:var(--muted-3);font-size:14px;display:inline-flex;gap:6px;align-items:center}.display .scherm-offline{position:fixed;bottom:14px;right:16px;z-index:5;background:var(--amber-soft);color:#ecc81d;border-radius:999px;padding:6px 14px;font-size:max(14px,1vw);font-weight:650;font-feature-settings:"tnum"}.presenter-text{font-size:5vw;font-weight:750;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;color:#f4f7f3}.koppel{align-items:center;justify-content:center;text-align:center;gap:18px}.koppel-logo{height:56px;width:auto}.koppel h1{font-size:clamp(32px,5vw,64px);color:#f4f7f3}.koppel-uitleg{color:var(--muted);font-size:clamp(16px,1.8vw,24px);margin:0}.koppel-code{width:min(92vw,640px);min-height:0;text-align:center;font:750 clamp(48px,9vw,120px)/1.1 var(--font);font-variation-settings:"wdth" 78;font-feature-settings:"tnum";letter-spacing:.14em;padding:16px 12px;border-radius:18px;color:#f4f7f3}.koppel-knop{min-width:220px;min-height:56px;font-size:20px}.koppel-fout{color:var(--red-text);font-size:18px;font-weight:600}.code-kaart{background:var(--amber-soft);border-color:transparent;text-align:center}.code-groot{font-size:clamp(48px,8vw,88px);font-weight:780;font-variation-settings:"wdth" 78;font-feature-settings:"tnum";letter-spacing:.14em;line-height:1.1;margin:8px 0;color:var(--text)}@media (max-width: 900px){.zijbalk{position:fixed;z-index:40;left:0;top:0;bottom:0;transform:translate(-100%);visibility:hidden;transition:transform .28s var(--easing-lade),visibility 0s linear .28s}.menu-open .zijbalk{transform:none;visibility:visible;transition:transform .28s var(--easing-lade);box-shadow:var(--schaduw-overlay)}.menu-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--scrim)}.menu-knop{display:inline-flex}.kopbalk{padding:8px 12px}.kopbalk-event{display:none}.inhoud{padding:20px 16px 40px}h1{font-size:26px}.row>.card{min-width:0!important;flex:1 1 100%!important}.card{overflow-x:auto;padding:16px}.act-row .time{font-size:19px;min-width:56px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.scheiding{display:flex;align-items:center;gap:12px;margin:20px 0 4px;color:var(--muted);font-size:13px}.scheiding:before,.scheiding:after{content:"";flex:1;height:1px;background:var(--border)}.keuzes{display:grid;gap:8px;margin:16px 0}.keuze{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.keuze input{margin-top:3px;accent-color:var(--accent)}.keuze.actief{border-color:var(--accent);background:var(--accent-soft, var(--hover))}.keuze strong{display:block;font-weight:650}.keuze .muted{display:block;font-weight:400;margin-top:2px}.keuze[aria-disabled=true]{cursor:default}