@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(./anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(./anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(./anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-cyrillic-ext-400-normal-fkIYAX4U.woff2) format("woff2"),url(./arimo-cyrillic-ext-400-normal-VrsG38ur.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-cyrillic-400-normal-CgTchz7I.woff2) format("woff2"),url(./arimo-cyrillic-400-normal-CF2XIQji.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-greek-ext-400-normal-BJYd2Ub5.woff2) format("woff2"),url(./arimo-greek-ext-400-normal-D-e-OuEk.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-greek-400-normal-BUS6n_W-.woff2) format("woff2"),url(./arimo-greek-400-normal-DOB3qvmW.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-hebrew-400-normal-mvtLHX7Y.woff2) format("woff2"),url(./arimo-hebrew-400-normal-DuxCN41l.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-vietnamese-400-normal-CervLxD7.woff2) format("woff2"),url(./arimo-vietnamese-400-normal-6ktFzlmM.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-latin-ext-400-normal-B-XWcJFt.woff2) format("woff2"),url(./arimo-latin-ext-400-normal-CuyoxgRm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:url(./arimo-latin-400-normal-Bqnq6eT5.woff2) format("woff2"),url(./arimo-latin-400-normal-Cd1L7MI3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-cyrillic-ext-700-normal-Ce-sRYNJ.woff2) format("woff2"),url(./arimo-cyrillic-ext-700-normal-D_9gfP4Y.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-cyrillic-700-normal-B2FEI9Hm.woff2) format("woff2"),url(./arimo-cyrillic-700-normal-kR-udC20.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-greek-ext-700-normal-BgSZoFxW.woff2) format("woff2"),url(./arimo-greek-ext-700-normal-CuiwAIqV.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-greek-700-normal-uph2eQqS.woff2) format("woff2"),url(./arimo-greek-700-normal-C1ZSV25q.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-hebrew-700-normal-B1Yomo_n.woff2) format("woff2"),url(./arimo-hebrew-700-normal-CLPHp7oC.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-vietnamese-700-normal-CLXmNtrB.woff2) format("woff2"),url(./arimo-vietnamese-700-normal--IIq6YJl.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-latin-ext-700-normal-DDeQOfiM.woff2) format("woff2"),url(./arimo-latin-ext-700-normal-7mWUsHUR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:url(./arimo-latin-700-normal-DhEW593l.woff2) format("woff2"),url(./arimo-latin-700-normal-x_huS3KV.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--oranje: #ef7d00;--oranje-donker: #c96800;--achter: #ffffff;--vlak: #f3f2ef;--lijn: #dddbd6;--tekst: #111111;--zacht: #66635d;--rood: #d4351c;--groen: #2f8a4a;--zwevend: #111111;--zwevend-tekst: #ffffff;--kop: "Anton", "Arial Narrow", Impact, sans-serif;--tekstletter: "Arimo", Arial, Helvetica, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--achter: #0d0d0d;--vlak: #1a1a1a;--lijn: #2f2f2f;--tekst: #f2f1ee;--zacht: #a29f98;--zwevend: #f2f1ee;--zwevend-tekst: #0d0d0d;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--achter);color:var(--tekst);font-family:var(--tekstletter);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}.laden{padding:40px 16px;color:var(--zacht)}.zacht{color:var(--zacht)}.klein{font-size:13px}.fout{background:color-mix(in srgb,var(--rood) 12%,transparent);border-left:4px solid var(--rood);padding:8px 12px;margin:12px 0}.leeg{color:var(--zacht);font-style:italic;margin:8px 0}.merk{font-family:var(--kop);font-weight:400;text-transform:uppercase;color:var(--oranje);font-size:clamp(44px,13vw,72px);line-height:.92;letter-spacing:.5px;margin:0}.inloggen{max-width:420px;margin:0 auto;padding:40px 16px calc(40px + env(safe-area-inset-bottom))}.inloggen .merk{margin-bottom:24px}.namen{display:grid;grid-template-columns:1fr 1fr;gap:10px}.naam-knop{padding:18px 12px;background:var(--vlak);border:2px solid transparent;border-radius:6px;font-weight:700;font-size:18px;text-align:left}.naam-knop:active,.naam-knop:hover{border-color:var(--oranje)}.pin-stippen{display:flex;gap:16px;margin:16px 0 24px}.pin-stippen span{width:18px;height:18px;border-radius:50%;border:2px solid var(--tekst)}.pin-stippen span.vol{background:var(--oranje);border-color:var(--oranje)}.pinblok{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinblok button{height:68px;border:none;border-radius:6px;background:var(--vlak);font-size:28px;font-weight:700}.pinblok button:active{background:var(--oranje);color:#000}.pinblok button.klein{font-size:14px;font-weight:400}.menu{max-width:900px;margin:0 auto;padding:28px 16px calc(32px + env(safe-area-inset-bottom))}.menu-kop{margin:8px 0 24px;padding-right:120px}.menu-kop p{margin:8px 0 0}.tegels{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.tegels{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.tegels{grid-template-columns:repeat(4,1fr)}}.tegel{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:var(--oranje);color:#000;text-decoration:none;border-radius:6px;transition:transform .08s ease}.tegel span{font-family:var(--kop);text-transform:uppercase;font-size:clamp(20px,5.6vw,28px);line-height:1.02}.tegel:active{transform:scale(.97);background:var(--oranje-donker)}.tegel.uit{background:var(--vlak);color:var(--zacht)}.tegel small{font-size:12px}.tegel .teller{position:absolute;top:12px;right:12px;min-width:30px;height:30px;padding:0 8px;border-radius:15px;background:#000;color:#fff;display:grid;place-items:center;font-size:15px}.zwevend{position:fixed;z-index:20;display:flex;gap:10px;align-items:center}.zwevend-boven{top:calc(12px + env(safe-area-inset-top));left:12px}.zwevend-rechtsboven{top:calc(20px + env(safe-area-inset-top));right:16px}.zwevend-onder{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.ronde-knop{width:48px;height:48px;border-radius:50%;border:none;display:grid;place-items:center;background:var(--zwevend);color:var(--zwevend-tekst);box-shadow:0 3px 12px #00000040;text-decoration:none}.ronde-knop.actief{background:var(--oranje);color:#000}.bewerk-vinkje{height:48px;padding:0 18px 0 12px;border-radius:24px;border:none;display:flex;align-items:center;gap:10px;background:var(--zwevend);color:var(--zwevend-tekst);font-weight:700;box-shadow:0 3px 12px #00000040}.bewerk-vinkje .vakje{width:22px;height:22px;border-radius:4px;border:2px solid currentColor;display:grid;place-items:center}.bewerk-vinkje.aan{background:var(--oranje);color:#000}.scherm{max-width:760px;margin:0 auto;padding:calc(72px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom))}.bewerk-balk{position:fixed;z-index:15;top:0;left:0;right:0;padding:calc(6px + env(safe-area-inset-top)) 16px 6px 72px;background:var(--oranje);color:#000;font-size:13px;font-weight:700}.titel{font-family:var(--kop);font-weight:400;text-transform:uppercase;font-size:clamp(34px,9vw,48px);line-height:1;margin:0 0 16px}.groep{margin:24px 0 8px}.groep h2{font-family:var(--kop);font-weight:400;text-transform:uppercase;color:var(--oranje);font-size:24px;letter-spacing:.3px;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--tekst)}.groep.stil h2{color:var(--zacht);border-bottom-color:var(--lijn)}.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.code-kaart{background:var(--vlak);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.code-kaart .deur{font-weight:700}.code-groot{font-family:var(--mono);font-size:40px;font-weight:700;letter-spacing:4px;line-height:1.1}.code-kaart.bewerk,.gegeven.bewerk,.instel-lijst li,.regel-formulier{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.code-kaart.bewerk{grid-column:1 / -1;flex-direction:row;flex-wrap:nowrap;padding:10px}.code-kaart.bewerk .veld.breed{flex-basis:0}.code-kaart.bewerk .veld.code{width:124px;flex:none}.gegevens{margin:0}.gegeven{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--lijn)}.gegeven dt{margin:0}.gegeven dd{margin:0;font-weight:700;font-size:20px;white-space:nowrap}.gegeven dd small{font-size:14px;font-weight:400;color:var(--zacht)}.veld{min-width:0;width:110px;padding:10px 12px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter)}.veld.breed{flex:1 1 180px;width:auto}.veld.code{font-family:var(--mono);font-size:20px;width:120px}.veld:focus,.formulier input:focus,.formulier select:focus,.formulier textarea:focus{outline:none;border-color:var(--oranje)}.weg-knop{width:44px;height:44px;border:none;border-radius:6px;background:transparent;color:var(--rood);display:grid;place-items:center}.toevoeg-knop{margin-top:10px;padding:10px 14px;border:2px dashed var(--oranje);border-radius:6px;background:transparent;font-weight:700;display:inline-flex;gap:6px;align-items:center}.tabel{width:100%;border-collapse:collapse}.tabel th{text-align:left;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--zacht);padding:6px 8px;border-bottom:2px solid var(--tekst)}.tabel td{padding:10px 8px;border-bottom:1px solid var(--lijn)}.tabel .k-nummer{width:56px;font-weight:700}.tabel .k-frequentie{font-family:var(--mono);font-size:18px;font-weight:700;text-align:right;white-space:nowrap}.tabel th.k-frequentie{font-family:var(--tekstletter);font-size:13px}.tabel .veld{width:100%}.tabel .k-nummer .veld{width:56px}.tabel .k-weg{width:48px;padding:0}.kolomkiezer{position:fixed;z-index:25;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--achter);border:2px solid var(--tekst);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 20px #00000040}.kolomkiezer label,.vinkje{display:flex;gap:8px;align-items:center}.kolomkiezer input,.vinkje input{width:20px;height:20px;accent-color:var(--oranje)}.formulier{display:flex;flex-direction:column;gap:18px}.formulier label,.veldgroep{display:flex;flex-direction:column;gap:6px;font-weight:700}.formulier input,.formulier select,.formulier textarea{padding:12px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter);font-weight:400}.formulier fieldset{border:1px solid var(--lijn);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:12px}.keuzes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.keuzes button{padding:10px 16px;border:2px solid var(--lijn);border-radius:24px;background:transparent;font-weight:700}.keuzes button.gekozen{background:var(--oranje);border-color:var(--oranje);color:#000}.keuzes.filter{margin-bottom:8px}.foto-knop{flex-direction:row!important;align-items:center;gap:10px!important;padding:16px;border:2px dashed var(--oranje);border-radius:6px;cursor:pointer}.foto-voorbeeld img{max-width:100%;max-height:260px;border-radius:6px;display:block}.hoofdknop{padding:16px;border:none;border-radius:6px;background:var(--oranje);color:#000;font-family:var(--kop);text-transform:uppercase;font-size:22px}.hoofdknop:disabled{opacity:.6}.meldingen{list-style:none;margin:0;padding:0}.melding{padding:14px 0 14px 14px;border-bottom:1px solid var(--lijn);border-left:5px solid var(--lijn)}.melding.urgentie-nu{border-left-color:var(--rood)}.melding.urgentie-vandaag{border-left-color:var(--oranje)}.melding.status-klaar{opacity:.6}.melding-kop{display:flex;flex-wrap:wrap;gap:6px}.merkje{font-size:12px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--vlak)}.urgentie-nu .merkje.urgentie{background:var(--rood);color:#fff}.urgentie-vandaag .merkje.urgentie{background:var(--oranje);color:#000}.status-bezig .merkje.status{background:var(--tekst);color:var(--achter)}.status-klaar .merkje.status{background:var(--groen);color:#fff}.melding-tekst{margin:8px 0;white-space:pre-wrap}.melding-foto{padding:0;border:none;background:none}.melding-foto img{max-width:160px;max-height:120px;border-radius:6px;display:block}.melding p.klein{margin:6px 0}.foto-groot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:none;background:#000000e0;display:grid;place-items:center;padding:16px}.foto-groot img{max-width:100%;max-height:100%}.dagkiezer{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dagkiezer .ronde-knop{box-shadow:none}.dagkiezer .toevoeg-knop{margin:0}.dag{position:relative;flex:1 1 160px;font-weight:700;font-size:18px;text-align:center}.dag span:first-letter{text-transform:uppercase}.dag input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%}.events{list-style:none;margin:0;padding:0}.event{display:flex;flex-wrap:wrap;gap:14px;padding:10px 0;border-bottom:1px solid var(--lijn)}.event-tijd{width:52px;font-family:var(--mono);font-weight:700;display:flex;flex-direction:column}.event-tijd small{font-weight:400;color:var(--zacht)}.event-naam{flex:1;display:flex;flex-direction:column}.event-naam small{color:var(--zacht)}.events.klein .event{padding:6px 0;font-size:14px}.mensen{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mensen li{background:var(--oranje);color:#000;font-weight:700;padding:6px 12px;border-radius:20px}.mensen .rol{margin-left:8px;font-weight:400;font-size:13px}.mensen li.ik{box-shadow:inset 0 0 0 3px var(--tekst)}.mensen .werktijd{margin-left:8px;font-family:var(--mono);font-weight:400;font-size:14px}.instel-lijst{list-style:none;margin:0;padding:0}.instel-lijst li{padding:10px 0;border-bottom:1px solid var(--lijn)}.instel-lijst li.uit{opacity:.55}.instel-lijst .toevoeg-knop,.regel-formulier .toevoeg-knop{margin:0}.regel-formulier{margin-top:12px}.opgeschoven{margin:12px 0 0;padding:10px 14px;background:color-mix(in srgb,var(--oranje) 16%,transparent);border-left:4px solid var(--oranje)}.zaalkeuze{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.zaalkeuze button{flex:none;padding:9px 14px;border:2px solid var(--lijn);border-radius:24px;background:transparent;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.zaalkeuze button.mijn{border-color:var(--oranje)}.zaalkeuze button.gekozen{background:var(--oranje);border-color:var(--oranje);color:#000}.zaalkeuze .jij{font-size:11px;text-transform:uppercase;background:var(--tekst);color:var(--achter);padding:1px 6px;border-radius:10px}.voorstelling h2{font-family:var(--tekstletter);font-weight:700;text-transform:none;font-size:20px;color:var(--tekst);letter-spacing:0}.voorstelling>p{margin:0 0 6px}.event-tijd-kop{font-family:var(--mono);color:var(--tekst)}.blok{margin-top:16px}.blok h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--oranje)}.draaiboek{list-style:none;margin:0;padding:0}.draaiboek li{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--lijn)}.draaiboek .event-tijd{width:112px;flex:none;white-space:nowrap;font-size:15px}.velden{margin:0}.velden>div{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--lijn)}.velden dt{flex:0 0 42%;color:var(--zacht)}.velden dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}.velden>div.lang{flex-direction:column;gap:2px}.velden>div.lang dd{font-weight:400;white-space:pre-wrap}.bijlagen{margin:0;padding-left:18px}.bijlagen li{padding:4px 0}.bijlagen a{color:var(--oranje);font-weight:700}.velden-kiezer ul{list-style:none;margin:0 0 10px;padding:0;font-weight:400}.velden-kiezer li{padding:4px 0}.velden-kiezer small{display:block;font-size:12px}.velden-kiezer>.veld.breed{flex:none;width:100%}.velden-groep{border:1px solid var(--lijn);border-radius:6px;padding:6px 10px;margin-bottom:6px}.velden-groep summary{cursor:pointer;font-weight:700;padding:4px 0}.velden-groep[open] summary{color:var(--oranje)}.velden-groep ul{margin:4px 0 2px!important}.armaturen{display:flex;flex-direction:column;gap:8px}.armatuur{background:var(--vlak);border-radius:6px;padding:10px 12px;border-left:4px solid var(--oranje)}.armatuur.botst{border-left-color:var(--rood);background:color-mix(in srgb,var(--rood) 8%,var(--vlak))}.armatuur.los{border-left-color:var(--zacht)}.armatuur header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.kop-adres{font-family:var(--mono);font-weight:700;font-size:18px;white-space:nowrap}.kop-adres .tot{font-weight:400;font-size:13px;color:var(--zacht)}.kop-hd{font-weight:700;background:var(--tekst);color:var(--achter);padding:0 7px;border-radius:4px;font-size:13px}.kop-type{flex-basis:100%;font-size:13px;color:var(--zacht)}.armatuur-naam{margin:4px 0 0;font-weight:700}.doorgeven{list-style:none;margin:8px 0 0;padding:6px 0 0;border-top:1px solid var(--lijn)}.doorgeven li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:14px}.kanaal-naam{flex:1 1 auto;min-width:0}.kanaal-adres,.kanaal-van{font-family:var(--mono);white-space:nowrap}.kanaal-van{font-weight:700}.pijl{color:var(--oranje);font-weight:700}.doorgeven .veld{width:92px;padding:6px 8px}.armatuur.bewerk{display:flex;flex-direction:column;gap:8px}.armatuur.bewerk>.veld.breed{flex:none;width:100%}.armatuur-velden{display:flex;gap:8px;align-items:center}.armatuur-velden .veld{width:96px}.armatuur-velden .veld:first-child{width:120px;font-family:var(--mono)}.botst-merk{padding:1px 6px;border-radius:4px;background:var(--rood);color:#fff;font-family:var(--tekstletter);font-size:11px;text-transform:uppercase}.uploadlink-inhoud{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.qr{width:168px;height:168px;background:#fff;border-radius:6px;padding:4px;flex:none}.uploadlink-inhoud>div{flex:1 1 200px;min-width:0}.uploadcode{margin:0 0 6px}.kopieer{display:flex;gap:8px;align-items:center;margin:8px 0}.kopieer input{flex:1 1 auto;min-width:0;padding:8px 10px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter);font-family:var(--mono);font-size:13px}.kopieer .toevoeg-knop{margin:0}.tekst-weg{padding:0;border:none;background:none;color:var(--rood);font-size:13px;text-decoration:underline}.uploadlink.dicht{padding:8px 0;border-bottom:1px solid var(--lijn)}.uploadlink.dicht p{margin:0 0 4px}.bestanden{list-style:none;margin:12px 0 0;padding:0}.bestanden li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 0;border-top:1px solid var(--lijn)}.bestanden a{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--oranje);overflow-wrap:anywhere}.bestanden .weg-knop{margin-left:auto}.gast{max-width:520px;margin:0 auto;padding:40px 16px calc(40px + env(safe-area-inset-bottom))}.gast .merk{margin-bottom:6px}.gast>.zacht{margin:0 0 24px}.code-invoer{font-family:var(--mono);font-size:28px!important;letter-spacing:4px;text-transform:uppercase}.gast-voor{padding:12px 14px;background:var(--vlak);border-left:4px solid var(--oranje);border-radius:6px}.gast-voor p{margin:4px 0 0}.foto-knop.uit{opacity:.5;pointer-events:none}.gast-stukken{list-style:none;margin:0;padding:0}.gast-stukken li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--lijn);font-weight:400}.gast-stukken .naam{font-weight:700;flex:1 1 100%;overflow-wrap:anywhere}.gast-stukken progress{flex:1 1 120px;accent-color:var(--oranje)}.gelukt{color:var(--groen);font-weight:700}.fout-tekst{color:var(--rood);font-weight:700}.slot{max-width:420px}.slot-uitleg{display:flex;gap:10px;align-items:center;font-weight:700}.kluis-balk{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:8px 12px;background:var(--vlak);border-left:4px solid var(--groen);border-radius:6px;font-weight:700}.kluis-balk span{display:inline-flex;gap:6px;align-items:center}.kluis-balk .toevoeg-knop{margin:0}.zoekveld{width:100%;margin-bottom:10px}.nieuw-soort{margin:6px 0 12px}.nieuw-soort .toevoeg-knop{margin:0}.kluis-lijst{display:flex;flex-direction:column;gap:10px;margin-top:12px}.kluis-kaart{background:var(--vlak);border-radius:6px;padding:12px 14px;border-left:4px solid var(--oranje)}.kluis-kaart header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.kluis-kaart .merkje.beheer{background:var(--tekst);color:var(--achter)}.kluis-details{margin:4px 0 0;overflow-wrap:anywhere}.geheim{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.geheim .toevoeg-knop{margin:0;padding:7px 12px}.verborgen-tekst,.geheim-tekst{font-family:var(--mono);font-size:18px;letter-spacing:1px}.geheim-tekst{flex:1 1 100%;min-width:0;padding:6px 8px;border:2px solid var(--oranje);border-radius:6px;background:var(--achter)}.kluis-qr{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}.kluis-qr p{flex:1 1 160px;margin:0}.kluis-notitie{margin:8px 0 0;white-space:pre-wrap;font-size:14px}.kluis-kaart.bewerk,.kluis-velden{display:flex;flex-direction:column;gap:8px}.kluis-velden>.veld.breed,.geheim-invoer .veld.breed{flex:none;width:100%}.geheim-invoer{display:flex;gap:8px}.geheim-invoer .veld.breed{flex:1 1 auto;width:auto}.geheim-invoer .toevoeg-knop{margin:0}.kluis-velden select{margin-left:6px;padding:6px 8px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter)}.geen-marge{margin:0}.knoppenrij{display:flex;flex-wrap:wrap;gap:8px}.knoppenrij .toevoeg-knop,a.toevoeg-knop{margin:0;text-decoration:none;align-self:flex-start}.uitleg{font-weight:400;font-size:14px}.uitleg summary{cursor:pointer;color:var(--oranje);font-weight:700}.uitleg ol{padding-left:20px}.uitleg li{margin:4px 0}.uitleg code{display:block;margin-top:4px;padding:6px 8px;background:var(--vlak);border-radius:4px;font-size:12px;overflow-wrap:anywhere}.hierna-wanneer,.hierna-naam{margin:0 0 4px}.hierna-wanneer strong:first-letter{text-transform:uppercase}.hierna-naam{font-weight:700;font-size:18px}.vloer{margin:10px 0;padding:12px 14px;border-radius:6px;border-left:6px solid var(--lijn);background:var(--vlak);display:flex;flex-direction:column;gap:4px}.vloer-tekst{font-family:var(--kop);text-transform:uppercase;font-size:22px;line-height:1.1}.vloer-zelfde{border-left-color:var(--groen)}.vloer-anders,.vloer-eruit,.vloer-leggen{border-left-color:var(--oranje);background:color-mix(in srgb,var(--oranje) 14%,var(--vlak))}.vloer-straks{border-left-color:var(--tekst)}.vloer-onbekend{border-left-color:var(--rood)}.vloer-kladblok{font-size:14px}.tussendoor{list-style:none;margin:0;padding:0;font-size:14px}.tussendoor li{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid var(--lijn)}.tussendoor .event-tijd{width:120px;flex:none;font-size:13px}.buffer .toevoeg-knop{align-self:flex-start;margin:0}.evaluatie-tekst{margin:0;white-space:pre-wrap;font-size:14px}.evaluatie-nieuw{display:flex;flex-direction:column;gap:8px;margin-top:10px}.evaluatie-nieuw textarea{width:100%;padding:10px 12px;border:2px solid var(--oranje);border-radius:6px;background:var(--achter);font:inherit}.evaluatie-nieuw .toevoeg-knop{margin:0;align-self:flex-start}.agenda{display:flex;flex-direction:column;gap:10px}.agendapunt{background:var(--vlak);border-left:4px solid var(--oranje);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.agendapunt>.veld.breed{flex:none;width:100%}.agenda-toelichting{margin:0;white-space:pre-wrap;font-size:14px}.agenda-afvinken{display:flex;gap:8px;align-items:flex-start;margin-top:6px}.agenda-afvinken textarea{flex:1 1 auto;min-width:0;padding:7px 10px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter);font:inherit;font-size:14px}.agenda-afvinken .toevoeg-knop{margin:0;flex:none}.notulen h3{margin:14px 0 6px;font-size:14px;text-transform:uppercase;color:var(--oranje)}.notulen ul{list-style:none;margin:0;padding:0}.notulen li{padding:6px 0;border-bottom:1px solid var(--lijn);display:flex;flex-direction:column;gap:2px}.afspraak{margin:0;white-space:pre-wrap}.tekstknop-klein{align-self:flex-start;padding:0;border:none;background:none;color:var(--oranje);font-size:13px;text-decoration:underline}.patch-soort{margin-top:12px}.tabel-schuif{overflow-x:auto;margin:0 -16px;padding:0 16px}.tabel.patch{min-width:520px}.tabel.patch td,.tabel.patch th{padding:8px 6px}.tabel.patch .smal{width:64px;white-space:nowrap}.tabel.patch .veld{width:100%;padding:6px 8px}.merkje.fantoom{background:var(--rood);color:#fff}.leeg-patch .toevoeg-knop{margin:4px 0 8px}.naar-patch{display:inline-flex;gap:6px;align-items:center;margin-top:10px;color:var(--oranje);font-weight:700}.menu-groepen{margin:-8px 0 16px}.menu-groepen .tab-teller{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:10px;background:var(--oranje);color:#000;font-size:12px}.menu-groepen .gekozen .tab-teller{background:#000;color:#fff}.naar-patches{display:flex;flex-wrap:wrap;gap:0 20px}.vmix-weg .groep{opacity:.45}.vmix-opname-knop{width:100%}.vmix-opname-knop.stop{background:var(--tekst);color:var(--achter)}.vmix-opname-balk{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;border-radius:6px;background:var(--rood);color:#fff;font-weight:700}.vmix-opname-balk b{font-family:var(--mono);font-size:28px}.vmix-rec{animation:vmix-knipper 1s steps(2,start) infinite}@keyframes vmix-knipper{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.vmix-rec{animation:none}}.vmix-ptz{display:flex;gap:16px;align-items:center;justify-content:center;margin:12px 0}.vmix-pijlen{display:grid;grid-template-columns:repeat(3,68px);grid-template-rows:repeat(3,68px);gap:6px}.vmix-zoom{display:grid;gap:6px;grid-template-rows:repeat(2,68px)}.vmix-houd{width:68px;height:68px;border:2px solid var(--lijn);border-radius:8px;background:var(--vlak);font-size:26px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vmix-houd:active{background:var(--oranje);border-color:var(--oranje);color:#000}.vmix-snelheid{display:flex;align-items:center;gap:10px;font-weight:700}.vmix-snelheid input,.vmix-volume{flex:1;min-width:0;accent-color:var(--oranje)}.vmix-standpunten{display:flex;flex-wrap:wrap;gap:8px}.vmix-standpunten .toevoeg-knop{border-style:solid}.vmix-geluid-lijst{list-style:none;margin:0;padding:0}.vmix-geluid-rij{display:grid;grid-template-columns:1fr auto;grid-template-areas:"naam knop" "meter meter" "schuif schuif";gap:6px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--lijn)}.vmix-geluid-rij:last-child{border-bottom:none;border-top:2px solid var(--tekst)}.vmix-geluid-naam{grid-area:naam;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vmix-geluid-rij .vmix-meter{grid-area:meter}.vmix-geluid-rij .vmix-volume{grid-area:schuif;width:100%}.vmix-geluid-rij.stil .vmix-meter{opacity:.4}.vmix-mute{grid-area:knop;min-width:64px;padding:8px 12px;border:2px solid var(--groen);border-radius:6px;background:transparent;color:var(--groen);font-weight:700}.vmix-mute.aan{border-color:var(--rood);background:var(--rood);color:#fff}.vmix-meter{display:grid;gap:3px}.vmix-meter-kanaal{display:block;height:7px;border-radius:2px;background:var(--vlak);overflow:hidden}.vmix-meter-kanaal span{display:block;height:100%;background:var(--groen);transition:width .12s linear}.vmix-meter-kanaal span.rood{background:var(--rood)}.vmix-live-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vmix-live-knoppen select{flex:1 1 160px;min-width:0;padding:10px;border:2px solid var(--lijn);border-radius:6px;background:var(--achter);color:var(--tekst)}.vmix-knop{min-width:64px;padding:10px 14px;border:2px solid var(--oranje);border-radius:6px;background:transparent;color:var(--tekst);font-weight:700}.vmix-knop:active:not(:disabled){background:var(--oranje);color:#fff}.vmix-knop:disabled{opacity:.45}.vmix-pcs .veld:not(.breed){flex:1 1 140px;width:auto}.vmix-probeer{flex-basis:100%;margin:0}.projector-keuze{row-gap:4px}.projector-zaalgroep{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.projector-zaal{font-size:12px;text-transform:uppercase;color:var(--zacht)}.projector-stand{margin:0 0 10px;font-family:var(--kop);text-transform:uppercase;font-size:28px}.projector-stand.aan{color:var(--groen)}.projector-stand.opwarmen,.projector-stand.afkoelen{color:var(--oranje)}.projector-stand span{font-family:var(--tekstletter);text-transform:none;font-size:16px;color:var(--zacht)}.projector-knoppen{display:flex;flex-wrap:wrap;gap:8px}.projector-knoppen.twee{display:grid;grid-template-columns:1fr 1fr}.projector-uit{background:var(--tekst);color:var(--achter)}.projector-shutter{background:transparent;border:2px solid var(--oranje);color:var(--tekst)}.projector-shutter.gekozen,.projector .vmix-knop.gekozen{background:var(--oranje);color:#000}.projector-uitklap summary{cursor:pointer;list-style:none}.projector-uitklap summary::-webkit-details-marker{display:none}.projector-uitklap summary h2:after{content:" +"}.projector-uitklap[open] summary h2:after{content:" −"}.projector-kruis{display:grid;grid-template-columns:repeat(3,64px);grid-auto-rows:56px;gap:6px;margin:10px 0}.projector-toets{min-width:0;padding:0;font-size:20px}.projector-knoppen .projector-toets{padding:10px 14px;font-size:inherit}.projector-stap{margin:0 0 8px}.projector-lens{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.projector-lens .projector-kruis{grid-template-columns:repeat(3,52px);grid-auto-rows:52px;margin:4px 0 0}.projector-plusmin{display:grid;grid-template-columns:52px;grid-template-rows:auto;grid-auto-rows:52px;gap:6px}.projector-toestand{margin:0 0 10px}.projector-toestand div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--lijn)}.projector-toestand dd{margin:0;font-family:var(--mono)}.projector-lijst select.veld{flex:1 1 140px;padding:10px}.klimaat-gebouw{margin:0 0 4px;padding:10px 12px;background:var(--vlak);border-radius:6px;font-weight:700}.klimaat-ongeldig{color:var(--zacht)}.klimaat-zaal summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--tekst);margin-bottom:10px}.klimaat-zaal summary::-webkit-details-marker{display:none}.klimaat-zaal summary h2{border-bottom:none;margin:0}.klimaat-zaal summary h2:after{content:" +"}.klimaat-zaal[open] summary h2:after{content:" −"}.klimaat-kort{font-weight:700;white-space:nowrap}.klimaat-temperaturen{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:8px}.klimaat-temp{display:flex;flex-direction:column;padding:10px 12px;background:var(--vlak);border-radius:6px}.klimaat-groot{font-family:var(--kop);font-size:40px;line-height:1.1}.klimaat-instel{padding:12px 0;border-top:1px solid var(--lijn)}.klimaat-instel h3{margin:0 0 8px;font-size:16px}.klimaat-waarde{font-family:var(--kop);font-size:30px;margin:0;min-width:4.5em;text-align:center}.klimaat-plusmin{display:flex;align-items:center;gap:10px}.klimaat-plusmin .vmix-knop{width:56px;height:52px;font-size:26px;padding:0}.klimaat-schuif{display:flex;align-items:center;gap:12px}.klimaat-schuif input{flex:1;accent-color:var(--oranje);height:36px}.klimaat-knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.klimaat-handmatig{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.klimaat-label{display:inline-block;margin:0;padding:4px 10px;border-radius:999px;background:var(--oranje);color:#000;font-weight:700;font-size:14px}.klimaat-schakelaar{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:2px solid var(--lijn);border-radius:999px;background:var(--vlak);color:var(--tekst);font-weight:700}.klimaat-schakelaar .klimaat-knop{width:52px;height:30px;border-radius:999px;background:var(--lijn);position:relative;transition:background .15s}.klimaat-schakelaar .klimaat-knop:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.klimaat-schakelaar.aan{border-color:var(--oranje)}.klimaat-schakelaar.aan .klimaat-knop{background:var(--oranje)}.klimaat-schakelaar.aan .klimaat-knop:after{left:25px}.klimaat-schakelaar:disabled{opacity:.55}.klimaat-beheer h3{margin:22px 0 8px}.klimaat-toestaan{margin:18px 0 0;border:1px solid var(--lijn);border-radius:6px}.klimaat-groepnaam{font-weight:700;margin:14px 0 0}.klimaat-beheer .instel-lijst li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.klimaat-beheer .instel-lijst .veld:not(.breed){flex:1 1 90px;min-width:0}.klimaat-soort{flex:1 0 100%;font-size:14px;color:var(--zacht)}.klimaat-pad{flex:1 0 100%;font-family:var(--mono);font-size:12px;color:var(--zacht);overflow-wrap:anywhere}.klimaat-boom{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.klimaat-boom .vmix-knop{display:inline-flex;align-items:center;gap:6px}.klimaat-gevonden{list-style:none;margin:-8px 0 0;padding:0;max-height:340px;overflow-y:auto;border:1px solid var(--lijn);border-radius:6px}.klimaat-gevonden li+li{border-top:1px solid var(--lijn)}.klimaat-gevonden button{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tekst);text-align:left}.klimaat-gevonden li.zacht{padding:10px 12px}.inloggen .code-invoer{width:100%;font-size:22px!important;letter-spacing:2px}.inloggen .formulier{margin:16px 0}.inlogcode{flex-basis:100%;margin:8px 0;padding:12px;background:var(--vlak);border-left:4px solid var(--oranje);border-radius:6px}.inlogcode .code-groot{margin:8px 0 4px;font-size:clamp(22px,7vw,40px);white-space:nowrap}.inlogcode.verlopen .code-groot{text-decoration:line-through;opacity:.5}.qr.inlog-qr{width:min(280px,100%);height:auto;aspect-ratio:1}.qr.inlog-qr svg{display:block;width:100%;height:100%}.apparaten{flex-basis:100%;list-style:none;margin:4px 0 0;padding:0}.apparaten li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--lijn)}.bijna-verlopen{max-width:688px;width:calc(100% - 32px);margin:76px auto -20px;box-sizing:border-box;padding:10px 14px;border-radius:6px;background:var(--vlak);border-left:4px solid var(--oranje)}.menu-aanpassen{margin-top:20px;border-style:solid}.menu-aanpas-kop{margin:-8px 0 16px}.menu-groepkeuze{display:flex;gap:10px;align-items:center;font-weight:700}.menu-groepkeuze .veld{flex:1;max-width:320px}.kies-tegel{width:100%;border:none;font:inherit;text-align:left;cursor:pointer}.kies-tegel.vaag{opacity:.35}.tegel-vink{position:absolute;top:12px;right:12px;width:30px;height:30px;border:2px solid #000;border-radius:6px;display:grid;place-items:center}.kies-tegel[aria-pressed=true] .tegel-vink{background:#000;color:var(--oranje)}.tegel-stip{position:absolute;right:14px;bottom:14px;width:12px;height:12px;border-radius:50%;background:#000}.menu-aanpas-knoppen{margin-top:20px;align-items:center}.menu-aanpas-knoppen .toevoeg-knop{margin:0}.menu-aanpas-knoppen .hoofdknop{min-width:140px}.menugroep-naam{display:flex;gap:8px;align-items:center}.menugroep-naam .veld.breed{flex:1}.menugroep-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0 8px}.menugroep-tab .vinkje{font-weight:400}.yesplan-keuze{margin:12px 0;padding:10px 12px;border:1px solid var(--lijn);border-radius:8px}.yesplan-keuze summary{font-weight:600;cursor:pointer}.yesplan-keuze-kop{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin:8px 0}.yesplan-keuze-kop .toevoeg-knop{margin:0}.yesplan-keuze-zoek{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.yesplan-keuze-zoek .veld.breed{flex:1 1 180px}.yesplan-keuze-lijst{list-style:none;margin:0;padding:0}.yesplan-keuze-lijst li{padding:8px 0;border-bottom:1px solid var(--lijn)}.yesplan-keuze-lijst li:last-child{border-bottom:0}.instel-lijst li.zaal-rij{display:block}.zaal-regel{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.zaal-regel .veld.breed{flex:1 1 0;min-width:0}.zaal-regel button{flex:none}.zaal-knop{width:36px;height:44px;padding:0;border:none;border-radius:6px;background:var(--vlak);color:var(--tekst);display:grid;place-items:center;font-size:13px}.zaal-knop:disabled{opacity:.35}.zaal-uitklap svg{transform:rotate(90deg)}.zaal-uitklap.open svg{transform:rotate(-90deg)}.zaal-uitklap.iets-uit{background:var(--oranje);color:#111}.zaal-onderdelen{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 2px 2px}.pl-weergave{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pl-weergave button{padding:5px 12px;border:2px solid var(--lijn);border-radius:18px;background:transparent;font-weight:700;font-size:14px}.pl-weergave button.gekozen{background:var(--tekst);border-color:var(--tekst);color:var(--achter)}.pl-kolommen,.pl-regel{display:grid;grid-template-columns:40px minmax(0,1fr) 76px 76px;gap:6px;align-items:baseline;width:100%;padding:10px 4px;text-align:left}.pl-kolommen.drie,.pl-regel.drie{grid-template-columns:40px minmax(0,1fr) 92px}.pl-kolommen{padding:0 4px;margin-top:8px;border-bottom:2px solid var(--tekst)}.pl-kolommen button{padding:8px 0;border:none;background:none;text-align:left;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--zacht);white-space:nowrap}.pl-kolommen button.gekozen{color:var(--tekst)}.pl-regel{min-height:44px;border-bottom:1px solid var(--lijn)}.pl-id{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.pl-wat b,.pl-wat small{display:block;overflow-wrap:anywhere}.pl-wat b{line-height:1.25}.pl-wat small{font-size:13px;line-height:1.25;color:var(--zacht)}.pl-klein{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.pl-groepkop{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 0;padding:0 4px 2px;border-bottom:2px solid var(--oranje);font-family:var(--kop);font-weight:400;font-size:20px;text-transform:uppercase}.pl-groepkop small{font-family:var(--tekstletter);font-size:13px;text-transform:none;color:var(--zacht)}button.pl-regel{border-width:0 0 1px;border-style:solid;border-color:var(--lijn);background:transparent}.pl-regel.huidig{background:color-mix(in srgb,var(--oranje) 20%,transparent);box-shadow:inset 4px 0 0 var(--oranje);scroll-margin:90px 0 400px}.pl-wat i{color:var(--zacht)}.pl-met-vak{padding-bottom:290px}.pl-vak{position:fixed;z-index:19;left:0;right:0;bottom:0;display:grid;grid-template-columns:124px minmax(0,1fr);gap:6px 12px;max-width:760px;margin:0 auto;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border-top:3px solid var(--oranje);background:var(--achter);box-shadow:0 -8px 24px #00000029}.pl-rollen{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:60px 1fr 60px;gap:4px}.pl-rollen button{display:grid;place-content:center;padding:0;border:none;border-radius:8px;background:var(--zwevend);color:var(--zwevend-tekst);font-size:17px;line-height:1.1;touch-action:manipulation}.pl-rollen small{font-size:11px;font-weight:700}.pl-rol{display:grid;place-items:center;min-height:72px;border-radius:6px;background:var(--vlak);font-family:var(--kop);font-size:60px;line-height:1;font-variant-numeric:tabular-nums}.pl-velden{display:grid;gap:4px;align-content:start}.pl-veld{display:grid;gap:1px;font-size:12px;line-height:1.1;font-weight:700;color:var(--zacht)}.pl-veld .veld{width:100%;min-height:38px;padding:4px 6px;color:var(--tekst);font-size:16px;font-weight:400}.pl-vakknoppen{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.pl-rechts{display:flex;align-items:center;gap:8px;margin-left:auto}.pl-tekstknop{padding:8px 0;border:none;background:none;font-weight:700;font-size:14px;color:var(--oranje-donker)}.pl-tekstknop.weg{color:var(--rood)}.pl-plus{width:134px;height:44px;padding:0 0 3px;border:none;border-radius:22px;background:var(--oranje);color:#000;font-size:34px;font-weight:700;line-height:1}.pl-klaar{height:44px;padding:0 14px;border:none;border-radius:22px;background:var(--zwevend);color:var(--zwevend-tekst);font-weight:700}.pl-lijstvel{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;padding:calc(18px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));background:var(--achter)}.pl-lijstvel h2{margin:0;font-family:var(--kop);font-weight:400;font-size:30px;text-transform:uppercase}.pl-lijstvel p{margin:0}.pl-items{flex:1;display:grid;gap:6px;align-content:start;overflow-x:hidden;overflow-y:auto}.pl-item{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px 40px;gap:4px;align-items:center}.pl-item .veld{width:100%}.pl-item button:not(.weg-knop){height:44px;border:none;border-radius:6px;background:var(--vlak);font-weight:700}.pl-item .weg-knop{width:40px;padding:0}.pl-item button:disabled{opacity:.35}.pl-nieuw{display:flex;gap:6px}.pl-nieuw .veld{flex:1;width:auto}.pl-toevoegen{padding:0 14px;border:none;border-radius:6px;background:var(--oranje);color:#000;font-weight:700}.pl-geluid .pl-kolommen,.pl-geluid .pl-regel{grid-template-columns:46px minmax(0,1fr) 86px 44px}.pl-geluid .pl-kolommen.drie,.pl-geluid .pl-regel.drie{grid-template-columns:46px minmax(0,1fr) 66px}.pl-geluid .pl-klein .merkje{margin-left:4px;font-size:10px;white-space:nowrap}.pl-vakregel{grid-column:1 / -1;display:grid;grid-template-columns:84px minmax(0,1fr) 62px;gap:6px;align-items:end}.pl-vinkje{min-height:38px;border:2px solid var(--lijn);border-radius:6px;background:transparent;font-weight:700;font-size:14px}.pl-vinkje.aan{background:var(--rood);border-color:var(--rood);color:#fff}