/* GEMAAKT door tools/maak_donker.py — niet met de hand aanpassen; bijstellen in static/donker_hand.css. */
@media screen{
html[data-thema=donker]{color-scheme:dark}
/* uit static/werk.css */
html[data-thema=donker]{--acc:#b52a3f;--blue:#f2f2f4;--blue-h:#ffffff;--blue-soft:#2c2c2e;--green:#95d0a6;--orange:#a36826;--no:#ae2936;--bg:#0f0f11;--card:#1c1c1e;--text:#f2f2f4;--sec:#d1d1d6;--muted:#98989d;--faint:#636366;--bd:#38383a;--hair:rgba(255,255,255,0.12);--soft:#2c2c2e;--geel:#36301c;--geel-bd:#cdb351;--grijs:#2c2c2e;--rood:#361c1e;--oranje:#362a1c;--sh-1:0 1px 2px rgba(0,0,0,0.12),0 1px 1px rgba(0,0,0,0.06);--sh-pop:0 1px 0 rgba(255,255,255,.05) inset,0 18px 50px rgba(0,0,0,0.54),0 2px 8px rgba(0,0,0,0.18)}
html[data-thema=donker] body{background:var(--bg);color:var(--text)}
html[data-thema=donker] button,html[data-thema=donker] input,html[data-thema=donker] select,html[data-thema=donker] textarea{color:var(--text)}
html[data-thema=donker] input,html[data-thema=donker] select,html[data-thema=donker] textarea{border:1px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] input:focus-visible,html[data-thema=donker] select:focus-visible,html[data-thema=donker] textarea:focus-visible,html[data-thema=donker] button:focus-visible,html[data-thema=donker] [tabindex]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 38%,transparent);border-color:var(--blue)}
html[data-thema=donker] .wm{color:#f2f2f4}
html[data-thema=donker] .wm i{color:var(--acc)}
html[data-thema=donker] .brand .ctlogo{color:#e5e5ea}
html[data-thema=donker] .kop h1::before,html[data-thema=donker] .pkop h1::before{color:var(--acc)}
html[data-thema=donker] .card h3.kk .hi{background:color-mix(in srgb,var(--acc) 9%,#1c1c1e);color:var(--acc)}
html[data-thema=donker] .tab.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .tab.on:hover{background:#ffffff}
html[data-thema=donker] .gebr .ikke{color:var(--text)}
html[data-thema=donker] input:focus-visible,html[data-thema=donker] select:focus-visible,html[data-thema=donker] textarea:focus-visible{border-color:var(--acc)!important}
html[data-thema=donker] .top{background:rgba(28,28,30,.72);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .brand{color:var(--text)}
html[data-thema=donker] .brand img{box-shadow:0 1px 3px rgba(0,0,0,0.375)}
html[data-thema=donker] .brand small{color:var(--muted)}
html[data-thema=donker] .tab{color:var(--sec)}
html[data-thema=donker] .tab:hover{background:rgba(255,255,255,0.068)}
html[data-thema=donker] .tab.on{background:rgba(255,255,255,0.112);color:var(--text)}
html[data-thema=donker] .gebr{color:var(--muted)}
html[data-thema=donker] .gebr a{color:var(--muted)}
html[data-thema=donker] .gebr a:hover{color:var(--text)}
html[data-thema=donker] .ovknop{background:#f2f2f4;color:#1c1c1e!important}
html[data-thema=donker] .ovknop:hover{background:#ffffff}
html[data-thema=donker] .ovknop.on{background:var(--acc)}
html[data-thema=donker] .ovknop:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent)}
html[data-thema=donker] .uitlog button:hover{color:var(--text)}
html[data-thema=donker] .btn{border:.5px solid rgba(255,255,255,0.18);background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] a.btn:not(.prim){color:var(--text)}
html[data-thema=donker] .btn:hover{background:#232326}
html[data-thema=donker] .btn:active{background:#2c2c2e}
html[data-thema=donker] .btn.prim{background:var(--blue);color:#1c1c1e;box-shadow:0 1px 2px rgba(20,20,20,.35)}
html[data-thema=donker] .btn.prim:hover{background:var(--blue-h)}
html[data-thema=donker] .btn.prim:active{background:#88b2dd}
html[data-thema=donker] .btn.warn{background:var(--orange)}
html[data-thema=donker] .btn.rood{color:var(--no)}
html[data-thema=donker] .btn.aan{background:var(--orange);border-color:var(--orange)}
html[data-thema=donker] a.btn{color:var(--text)}
html[data-thema=donker] a.btn.prim{color:#1c1c1e}
html[data-thema=donker] .grp{box-shadow:var(--sh-1);border:.5px solid rgba(255,255,255,0.18);background:#1c1c1e}
html[data-thema=donker] .grp .btn+.btn{border-left:.5px solid rgba(255,255,255,0.15)}
html[data-thema=donker] .grp .btn:hover{background:#0f0f11}
html[data-thema=donker] #v-fact table a:not(.ibtn),html[data-thema=donker] #v-rooster a:not(.ibtn),html[data-thema=donker] #v-mail table a:not(.ibtn){color:var(--acc)}
html[data-thema=donker] .card{background:#1c1c1e;border:.5px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
html[data-thema=donker] .hint{color:var(--muted)}
html[data-thema=donker] .muted{color:var(--muted)}
html[data-thema=donker] .leeg{color:var(--muted)}
html[data-thema=donker] .pill{background:var(--soft)}
html[data-thema=donker] .st-Concept{--sc:#4d84cf}
html[data-thema=donker] .st-Bij{--sc:#ba792c}
html[data-thema=donker] .st-Terug{--sc:#4286a5}
html[data-thema=donker] .st-Gepubliceerd{--sc:#95d0a6}
html[data-thema=donker] .st-Gefactureerd{--sc:#7d52a5}
html[data-thema=donker] .st-Klaar{--sc:#835ebf}
html[data-thema=donker] .mndstrip{-webkit-mask-image:linear-gradient(90deg,transparent 0,#ffffff 14px,#ffffff calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#ffffff 14px,#ffffff calc(100% - 28px),transparent)}
html[data-thema=donker] .mnd{border:.5px solid var(--hair);background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] .mnd:hover{box-shadow:0 2px 8px rgba(0,0,0,0.15)}
html[data-thema=donker] .mnd .r1 .n{color:var(--muted)}
html[data-thema=donker] .mnd .dot{background:var(--sc)}
html[data-thema=donker] .mnd.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,20,20,.16),var(--sh-1)}
html[data-thema=donker] .stchip{color:var(--sc);background:color-mix(in srgb,var(--sc) 13%,#1c1c1e)}
html[data-thema=donker] .stchip:hover{background:color-mix(in srgb,var(--sc) 19%,#1c1c1e)}
html[data-thema=donker] .stchip .dot{background:var(--sc)}
html[data-thema=donker] .stepper{color:var(--faint)}
html[data-thema=donker] .stepper li .b{border:1.5px solid #48484a;background:#1c1c1e;color:#1c1c1e}
html[data-thema=donker] .stepper li.klaar{color:var(--sec)}
html[data-thema=donker] .stepper li.klaar .b{background:var(--sc);border-color:var(--sc)}
html[data-thema=donker] .stepper li.nu{color:var(--text)}
html[data-thema=donker] .stepper li.nu .b{border-color:var(--sc);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc) 20%,transparent)}
html[data-thema=donker] .stepper li.nu .b::after{background:var(--sc)}
html[data-thema=donker] .stepper .lijn{background:#48484a}
html[data-thema=donker] .stepper .lijn.klaar{background:var(--sc)}
html[data-thema=donker] .zoek .ic{color:var(--muted)}
html[data-thema=donker] .zoek input{background:rgba(255,255,255,0.053)}
html[data-thema=donker] .zoek input:focus-visible{background:#1c1c1e}
html[data-thema=donker] .fchip{background:rgba(255,255,255,0.06);color:var(--sec)}
html[data-thema=donker] .fchip.f{color:#dd8891;background:#0f0f11}
html[data-thema=donker] .fchip.w{color:#ddc488;background:#362f1c}
html[data-thema=donker] .fchip.o{color:#ddb788;background:#362b1c}
html[data-thema=donker] .fchip.ok{color:var(--green);background:#2c2c2e}
html[data-thema=donker] .dmt{color:var(--sec)}
html[data-thema=donker] .schak{color:var(--sec)}
html[data-thema=donker] .schak input{background:#38383a}
html[data-thema=donker] .schak input::after{background:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,0.625)}
html[data-thema=donker] .schak input:checked{background:#4caf65}
html[data-thema=donker] .uitleg{color:var(--muted)}
html[data-thema=donker] .rwrap{border:.5px solid var(--hair);border-radius:var(--r-lg);background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] .rwrap.klaarrand{border:3px solid #835ebf}
html[data-thema=donker] .klaarbalk{background:#0f0f11;border:1px solid #261c36;color:#ac9bca}
html[data-thema=donker] table.ro th{background:#232326;border-bottom:.5px solid var(--hair);color:var(--muted)}
html[data-thema=donker] table.ro td{border-bottom:.5px solid #2c2c2e;background:#1c1c1e}
html[data-thema=donker] table.ro tr.nd td{border-top:1px solid #38383a}
html[data-thema=donker] table.ro tr.wk td{background:#202023}
html[data-thema=donker] table.ro tbody tr:hover td{background:#26262a}
html[data-thema=donker] table.ro .c-recap{box-shadow:inset -1px 0 0 #ececf0}
html[data-thema=donker] table.ro .rcpk input{accent-color:#47955c}
html[data-thema=donker] table.ro tbody tr.rcp td{background:#0f0f11}
html[data-thema=donker] table.ro tbody tr.rcp:hover td{background:#2c2c2e}
html[data-thema=donker] table.ro td.c-zaal{color:var(--sec)}
html[data-thema=donker] table.ro th.c-zaal .zsort{color:var(--muted)}
html[data-thema=donker] table.ro th.c-zaal .zsort.op{color:var(--blue)}
html[data-thema=donker] table.ro td.c-dat span{color:var(--muted)}
html[data-thema=donker] table.ro td.c-tijd{color:var(--sec)}
html[data-thema=donker] .showc.bew:hover{background:var(--soft)}
html[data-thema=donker] .showc.bew:hover .t::after{color:var(--muted)}
html[data-thema=donker] .vkb{background:var(--hair,#2c2c2e)}
html[data-thema=donker] .showc .z{color:var(--muted)}
html[data-thema=donker] .tix{color:#dd8891;background:#0f0f11}
html[data-thema=donker] .tix.uv{color:#94d1a6;background:#2c2c2e}
html[data-thema=donker] .tix.zl{color:#ddb788;background:#362b1c}
html[data-thema=donker] .tix.gean{background:#ae2936}
html[data-thema=donker] .tix.pt{color:#6a4290;background:#2c2c2e}
html[data-thema=donker] .tix.it{color:#335592;background:#1c2636}
html[data-thema=donker] .tix.bvg{color:#94d1a6;background:#2c2c2e}
html[data-thema=donker] .tix.vg{color:#ddb788;background:#362b1c}
html[data-thema=donker] .tix.vg.ok{color:#94d1a6;background:#2c2c2e}
html[data-thema=donker] .tix.vg.grijs{color:#aeaeb2;background:#2c2c2e}
html[data-thema=donker] table.ro tr.weg td{color:#dd8888}
html[data-thema=donker] .pill.fk-maken,html[data-thema=donker] .gpil.fk-maken{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .pill.fk-mailen,html[data-thema=donker] .gpil.fk-mailen{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.fk-gemaild,html[data-thema=donker] .gpil.fk-gemaild{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.fk-exact,html[data-thema=donker] .gpil.fk-exact{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.fk-deels,html[data-thema=donker] .gpil.fk-deels{background:#36321c;color:#ddcd88}
html[data-thema=donker] .pill.fk-betaald,html[data-thema=donker] .gpil.fk-betaald{background:#203224;color:#94d1a6}
html[data-thema=donker] .pill.fk-laat,html[data-thema=donker] .gpil.fk-laat{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.fk-weg,html[data-thema=donker] .gpil.fk-weg{background:var(--soft);color:var(--muted)}
html[data-thema=donker] table.ro td.c-show.fs-factuur,html[data-thema=donker] .fsleg.factuur{background:#1c2736}
html[data-thema=donker] table.ro td.c-show.fs-exact,html[data-thema=donker] .fsleg.exact{background:#291d35}
html[data-thema=donker] table.ro td.c-show.fs-betaald,html[data-thema=donker] .fsleg.betaald{background:#203224}
html[data-thema=donker] table.ro td.c-show.fs-betaald_sb,html[data-thema=donker] .fsleg.betaald_sb{background:#6faf7e}
html[data-thema=donker] .cellin:hover{background:var(--soft)}
html[data-thema=donker] .plek:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 1px 3px rgba(0,0,0,0.15)}
html[data-thema=donker] .plek.geel{background:var(--geel);border:1px dashed var(--geel-bd);color:#d2c493}
html[data-thema=donker] .plek.grijs{border:1px dashed #38383a}
html[data-thema=donker] .plek.fout{background:var(--rood)!important;color:#dd888c}
html[data-thema=donker] .plek.max{background:var(--oranje)!important}
html[data-thema=donker] .plek.auto::before,html[data-thema=donker] .plek.vast::before{background:#497ed4}
html[data-thema=donker] .plek.vast::before{background:#47955c}
html[data-thema=donker] .plek.adhoc{border:2px solid var(--orange)}
html[data-thema=donker] .plek.mcw{border:2px solid #cf9947;background:#362b1c!important;color:#ddb788}
html[data-thema=donker] .dmsug{border:1px solid var(--lijn,#38383a);background:#1c1c1e}
html[data-thema=donker] .dmsug button:hover{background:#0f0f11}
html[data-thema=donker] .dmsug span{color:#98989d}
html[data-thema=donker] .tix.vhz{color:#88b2dd;background:#1c2736}
html[data-thema=donker] .tix.mcwl{color:#ddb788;background:#362b1c}
html[data-thema=donker] .tix.ctc{color:#aeaeb2;background:#2c2c2e}
html[data-thema=donker] .tix.ctg{color:#dd888c;background:#1c1c1e;box-shadow:inset 0 0 0 1px #f0b8be}
html[data-thema=donker] .plek.open{background:repeating-linear-gradient(135deg,#362c1c,#362c1c 5px,#362a1c 5px,#362a1c 10px)!important;color:#ddb688}
html[data-thema=donker] .plek.vs{background:#362d1c!important;border:1.5px dashed #cb9b52;color:#ddba88}
html[data-thema=donker] .plek .was{color:#d1b994}
html[data-thema=donker] .plek .vsinfo{color:#d1b994}
html[data-thema=donker] .plek .vsk button{border:.5px solid #bf965f;background:#1c1c1e;color:#ddba88}
html[data-thema=donker] .plek .vsk button:focus-visible{outline:2px solid var(--blue)}
html[data-thema=donker] .plek .vsk .ja{background:#2c2c2e;border-color:#71ad84;color:#97cea9}
html[data-thema=donker] .plek .vsk .nee{color:#9b3b36;border-color:#c1655d}
html[data-thema=donker] .plek.vsaf .vsinfo{color:#9b3b36}
html[data-thema=donker] .vsbalk{background:#362d1c;border:.5px solid #362d1c;color:#ddba88}
html[data-thema=donker] .plek.vsflits{box-shadow:0 0 0 3px var(--blue) inset!important}
html[data-thema=donker] #rwrap.markeert tr:has(.plek.mark) td{background:color-mix(in srgb,var(--blue) 5%,transparent)}
html[data-thema=donker] .plek.mark{box-shadow:0 0 0 2px var(--blue) inset!important}
html[data-thema=donker] .adreszoek .az-uit{color:var(--muted)}
html[data-thema=donker] .adreszoek .az-uit.ok{color:var(--green)}
html[data-thema=donker] .adreszoek .az-uit.f{color:var(--no)}
html[data-thema=donker] .ibtn.afs{color:#636366}
html[data-thema=donker] .ibtn.afs.aan{color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent)}
html[data-thema=donker] .uvt-blok>b{color:var(--muted)}
html[data-thema=donker] .uvt label{border:.5px solid var(--hair);background:#1c1c1e;color:var(--muted)}
html[data-thema=donker] .uvt label.aan{color:var(--text);border-color:#636366;background:var(--soft)}
html[data-thema=donker] .uvt small{color:var(--orange)}
html[data-thema=donker] .af-item:hover{background:var(--soft)}
html[data-thema=donker] .af-item small{color:var(--muted)}
html[data-thema=donker] .mk summary::after{color:var(--muted)}
html[data-thema=donker] .mk summary:hover,html[data-thema=donker] .mk[open] summary{background:var(--soft)}
html[data-thema=donker] .mk-lijst{background:#1c1c1e;border:1px solid var(--hair,#38383a);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
html[data-thema=donker] .mk-lijst label:hover{background:var(--soft)}
html[data-thema=donker] .plek.sleepdoel{box-shadow:0 0 0 2px var(--blue) inset,0 4px 12px rgba(0,113,227,.18)!important}
html[data-thema=donker] .sleepkaart{background:#f2f2f4;color:#1c1c1e;box-shadow:0 10px 30px rgba(0,0,0,0.625)}
html[data-thema=donker] .open0{color:var(--green)}
html[data-thema=donker] .open1{color:#ddb788;background:var(--oranje)}
html[data-thema=donker] .ctl.ok{color:var(--green)}
html[data-thema=donker] .ctl.w{background:#362f1c;color:#ddc588}
html[data-thema=donker] .ctl.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .ctl.f:hover,html[data-thema=donker] .ctl.w:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset}
html[data-thema=donker] .ctl.ak{color:#aeaeb2}
html[data-thema=donker] .vvweg{color:#ddc588}
html[data-thema=donker] .vvweg:hover{background:#0f0f11;color:var(--no)}
html[data-thema=donker] .ctl .extra{color:var(--muted)}
html[data-thema=donker] .akrij{border-bottom:.5px solid var(--bd)}
html[data-thema=donker] .akrij.done{color:var(--muted)}
html[data-thema=donker] .legenda{color:var(--muted)}
html[data-thema=donker] .pop,html[data-thema=donker] .menu{background:rgba(28,28,30,.94);border:.5px solid rgba(255,255,255,0.15);box-shadow:var(--sh-pop)}
html[data-thema=donker] .pop .it:hover,html[data-thema=donker] .pop .it.sel{background:var(--blue);color:#1c1c1e}
html[data-thema=donker] .pop .it:hover small,html[data-thema=donker] .pop .it.sel small{color:rgba(28,28,30,.85)}
html[data-thema=donker] .pop .it.buiten small{color:var(--no)}
html[data-thema=donker] .pop .it.buiten span{color:var(--muted)}
html[data-thema=donker] .pop .popgroep{background:var(--soft)}
html[data-thema=donker] .pop .popgroep button{color:var(--muted)}
html[data-thema=donker] .pop .popgroep button.on{background:var(--card,#1c1c1e);color:var(--text,#f5f5f7);box-shadow:0 1px 2px rgba(0,0,0,0.3)}
html[data-thema=donker] .grh{color:var(--muted)}
html[data-thema=donker] .grtag{background:#2c2c2e;color:#97cea4}
html[data-thema=donker] .plek.vzopen{outline:1.5px dashed #a17026;background:#362d1c}
html[data-thema=donker] .vztag.vzja{background:#362c1c;color:#ddb688}
html[data-thema=donker] .uvrij{border-bottom:1px solid #2c2c2e}
html[data-thema=donker] .vztag{background:#1c2636;color:#335592}
html[data-thema=donker] .intltag{background:#1c2636;color:#335592}
html[data-thema=donker] .wklijst .kop{color:var(--muted)}
html[data-thema=donker] .wkrij{color:var(--text)}
html[data-thema=donker] .wkrij:hover{background:var(--soft)}
html[data-thema=donker] .wkrij small{color:var(--muted)}
html[data-thema=donker] .wkrij.buiten .n{color:var(--muted)}
html[data-thema=donker] .wkrij.buiten small{color:var(--no)}
html[data-thema=donker] .pop .it.buiten:hover span,html[data-thema=donker] .pop .it.buiten.sel span{color:#1c1c1e}
html[data-thema=donker] .regelbox{background:#0f0f11;border:1px solid #361c1f;color:#dd8893}
html[data-thema=donker] .pop .it small{color:var(--muted)}
html[data-thema=donker] .pop .kop,html[data-thema=donker] .menu .kop{color:var(--muted)}
html[data-thema=donker] .pop .voet{border-top:.5px solid var(--bd)}
html[data-thema=donker] .menu .mi .ic{color:var(--blue)}
html[data-thema=donker] .menu .mi small{color:var(--muted)}
html[data-thema=donker] .menu .mi:hover,html[data-thema=donker] .menu .mi.sel{background:var(--blue);color:#1c1c1e}
html[data-thema=donker] .menu .mi:hover .ic,html[data-thema=donker] .menu .mi.sel .ic,html[data-thema=donker] .menu .mi:hover small,html[data-thema=donker] .menu .mi.sel small{color:#1c1c1e}
html[data-thema=donker] .menu .mi .vink{color:var(--blue)}
html[data-thema=donker] .menu .sep{background:var(--bd)}
html[data-thema=donker] .menu .voet{color:var(--muted)}
html[data-thema=donker] .scrim{background:rgba(255,255,255,0.36)}
html[data-thema=donker] .sheet{background:#1c1c1e;box-shadow:0 30px 80px rgba(0,0,0,0.7)}
html[data-thema=donker] .x{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .x:hover{background:#38383a;color:var(--text)}
html[data-thema=donker] #toast{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 12px 40px rgba(0,0,0,0.625)}
html[data-thema=donker] #toast.fout{background:rgba(174,41,54,.95)}
html[data-thema=donker] table.t th .kopf{color:var(--muted)}
html[data-thema=donker] table.t th input.kopf::placeholder{color:var(--muted)}
html[data-thema=donker] input.wzwaarde::placeholder{color:var(--text)}
html[data-thema=donker] table.t th .kopf:hover,html[data-thema=donker] table.t th .kopf:focus{background-color:var(--soft)!important;color:var(--text)}
html[data-thema=donker] table.t th .kopf.aan{background-color:var(--blue-soft)!important;color:var(--blue)}
html[data-thema=donker] th.sort .pijl{color:#636366}
html[data-thema=donker] th.sort .pijl.op{color:var(--blue)}
html[data-thema=donker] table.t th{color:var(--muted);border-bottom:.5px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] table.t th.sort:hover{color:var(--text)}
html[data-thema=donker] table.t td{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] table.t tbody tr:hover td{background:#232326}
html[data-thema=donker] table.t tr.voorstel td{background:#0f0f11}
html[data-thema=donker] .twrap{border:.5px solid var(--hair);border-radius:var(--r);background:#1c1c1e}
html[data-thema=donker] .ing-ja{color:var(--green)}
html[data-thema=donker] .ing-nee{color:#ddb788}
html[data-thema=donker] .ov td.n{color:#f2f2f4}
html[data-thema=donker] .ov td.z{color:#636366}
html[data-thema=donker] .ov td.over{background:var(--oranje)}
html[data-thema=donker] .ov th.m{border-left:.5px solid var(--bd)}
html[data-thema=donker] .ov td.ml{border-left:.5px solid var(--bd)}
html[data-thema=donker] .veld{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] .veld small{color:var(--muted)}
html[data-thema=donker] .lbl{color:var(--muted)}
html[data-thema=donker] .mailvoorb{background:var(--soft)}
html[data-thema=donker] #ml_res tr.on td{background:var(--blue-soft)}
html[data-thema=donker] .afbalk{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 12px 40px rgba(0,0,0,0.625)}
html[data-thema=donker] .afbalk .t{color:rgba(28,28,30,.75)}
html[data-thema=donker] .afbalk .mtr{background:rgba(28,28,30,.18)}
html[data-thema=donker] .afbalk .mtr i{background:#1c1c1e}
html[data-thema=donker] .mailvoorb .mailhtml{color:#f2f2f4}
html[data-thema=donker] .eenm{background:var(--soft)}
html[data-thema=donker] .mailhtml .mh-ond{color:var(--muted)}
html[data-thema=donker] .pkop p{color:var(--muted)}
html[data-thema=donker] table.t td.leeg{color:var(--muted)}
html[data-thema=donker] .card h3.kk .hi{background:var(--blue-soft);color:var(--blue)}
html[data-thema=donker] .card h3.kk .tel{color:var(--muted)}
html[data-thema=donker] .twrap{border-radius:var(--r-lg);box-shadow:var(--sh-1)}
html[data-thema=donker] .card .twrap{border-radius:var(--r)}
html[data-thema=donker] table.t th{background:#232326;border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .ibtn{color:var(--muted)}
html[data-thema=donker] .ibtn:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .binfo{color:var(--muted)}
html[data-thema=donker] .binfo:hover{color:var(--text)}
html[data-thema=donker] .ibtn.rood,html[data-thema=donker] a.ibtn.rood{color:var(--no)}
html[data-thema=donker] .ibtn.rood:hover{background:#0f0f11;color:var(--no)}
html[data-thema=donker] .ibtn.blauw,html[data-thema=donker] a.ibtn.blauw{color:var(--muted)}
html[data-thema=donker] .ibtn.blauw:hover,html[data-thema=donker] a.ibtn.blauw:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .av{color:#1c1c1e}
html[data-thema=donker] table.t .stkn{background:#1c1c1e;box-shadow:inset -1px 0 0 #ececf0}
html[data-thema=donker] table.t th.stkn{background:rgba(28,28,30,.96)}
html[data-thema=donker] table.t tbody tr:hover .stkn{background:#232326}
html[data-thema=donker] .tabs2{background:rgba(255,255,255,0.075)}
html[data-thema=donker] .tabs2 button{color:var(--sec)}
html[data-thema=donker] .tabs2 button.on{background:#1c1c1e;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
html[data-thema=donker] .exstap{border-bottom:.5px solid var(--bd)}
html[data-thema=donker] .chk input{accent-color:#f2f2f4}
html[data-thema=donker] .chk small{color:var(--muted)}
html[data-thema=donker] .exn{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .naamknop{color:var(--text)}
html[data-thema=donker] .naamknop:hover{background:var(--soft)}
html[data-thema=donker] .gpil{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .gpil.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .gpil.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .gpil.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .gpil.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .gpil.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .gpil.g{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .fr-weg td{background:color-mix(in srgb,#0f0f11 35%,transparent)}
html[data-thema=donker] .gpil.hand{background:#1c2736;color:#88b2dd}
html[data-thema=donker] #fb_regels tr.handr td{background:#0f0f11}
html[data-thema=donker] #fb_regels tr.handr td:first-child{box-shadow:inset 3px 0 0 #3b82f6}
html[data-thema=donker] .psec{color:var(--acc);border-top:.5px solid var(--bd)}
html[data-thema=donker] .psec small{color:var(--muted)}
html[data-thema=donker] .pers .fld input[readonly],html[data-thema=donker] .pers .fld textarea[readonly],html[data-thema=donker] .pers .veld input[readonly]{background:#2c2c2e;color:#aeaeb2;border-color:#38383a}
html[data-thema=donker] .stat{background:#1c1c1e;border:.5px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
html[data-thema=donker] .stat small{color:var(--muted)}
html[data-thema=donker] .stat b.ok{color:var(--green)}
html[data-thema=donker] .stat b.w{color:var(--orange)}
html[data-thema=donker] .fld>span{color:var(--muted)}
html[data-thema=donker] .soort{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .soort.s-status{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .soort.s-adhoc{background:#362b1c;color:#ddb788}
html[data-thema=donker] .soort.s-commissie{background:#362f1c;color:#ddc588}
html[data-thema=donker] .soort.s-factuur{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .soort.s-shop{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .mlijst .mkop{color:var(--muted)}
html[data-thema=donker] .mlijst button:hover{background:var(--soft)}
html[data-thema=donker] .mlijst button.on{background:var(--blue-soft)}
html[data-thema=donker] .mlijst button .ic{color:var(--blue)}
html[data-thema=donker] .mlijst small{color:var(--muted)}
html[data-thema=donker] .mlijst .mlkop{color:var(--muted)}
html[data-thema=donker] .mlijst .mgkop{color:var(--ink)}
html[data-thema=donker] .mlijst .mgkop .pijl{color:var(--muted)}
html[data-thema=donker] .mlijst .mgkop .n{color:var(--muted);background:var(--soft)}
html[data-thema=donker] .mlijst .mgkop.heeft .n{background:var(--blue-soft);color:var(--blue)}
html[data-thema=donker] .mlijst .mgroep+.mgroep{border-top:.5px solid var(--hair)}
html[data-thema=donker] .rmenu button{color:var(--text)}
html[data-thema=donker] .rmenu button:hover{background:var(--soft)}
html[data-thema=donker] .rmenu button.on{background:var(--blue-soft)}
html[data-thema=donker] .rmenu .ic{color:var(--muted)}
html[data-thema=donker] .rmenu .on .ic{color:var(--blue)}
html[data-thema=donker] .rmenu small{color:var(--muted)}
html[data-thema=donker] .opslbalk>div{background:rgba(28,28,30,.8);border:.5px solid var(--hair);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
html[data-thema=donker] .opslbalk span{color:var(--muted)}
html[data-thema=donker] .ov td.n.v1{background:#0f0f11}
html[data-thema=donker] .ov td.n.v2{background:#1c2736}
html[data-thema=donker] .ov td.n.v3{background:#1c2736}
html[data-thema=donker] .pill.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .pill.dicht{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .uv-meter{background:#2c2c2e}
html[data-thema=donker] .uv-meter i{background:var(--green)}
html[data-thema=donker] .uv-nog{color:var(--muted)}
html[data-thema=donker] .sysbalk{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .sysbalk .ic{color:var(--acc)}
html[data-thema=donker] .tab.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .tab.on:hover{background:#ffffff}
@media (prefers-reduced-transparency:reduce){html[data-thema=donker] .top,html[data-thema=donker] .pop,html[data-thema=donker] .menu,html[data-thema=donker] table.ro th,html[data-thema=donker] table.t th,html[data-thema=donker] .opslbalk>div,html[data-thema=donker] #toast{background:#1c1c1e}html[data-thema=donker] #toast{background:#f2f2f4}}
html[data-thema=donker] .versie{color:var(--muted)}
html[data-thema=donker] .versie.oud{color:#ddb488;background:#362b1c;border:1px solid #cf9a4f}
html[data-thema=donker] .versie.oud:hover{background:#362b1c}
html[data-thema=donker] .kleurkeus button.on{border-color:#f2f2f4;box-shadow:0 0 0 2px #fff inset}
html[data-thema=donker] .kleurkeus button:focus-visible{outline:3px solid rgba(255,255,255,0.375)}
html[data-thema=donker] .mndpijl{border:.5px solid var(--hair);background:rgba(28,28,30,.95);box-shadow:var(--sh-1);color:var(--text)}
html[data-thema=donker] .mnd.eerder{background:var(--soft)}
html[data-thema=donker] .mnd.eerder .pijl{color:var(--muted)}
html[data-thema=donker] .mndmenu{background:rgba(28,28,30,.97);border:.5px solid var(--hair);box-shadow:0 10px 30px rgba(0,0,0,0.35)}
html[data-thema=donker] .mndmenu .kop{color:var(--muted)}
html[data-thema=donker] .mndmenu button{color:var(--text)}
html[data-thema=donker] .mndmenu button:hover,html[data-thema=donker] .mndmenu button:focus-visible{background:var(--soft)}
html[data-thema=donker] .mndmenu small{color:var(--muted)}
html[data-thema=donker] .wavlak{background:#38383a}
html[data-thema=donker] .wabel{background:#1f361c;color:#e5e5ea;box-shadow:0 1px 1px rgba(0,0,0,0.25)}
html[data-thema=donker] .wabel .walink{color:#88c3dd}
html[data-thema=donker] .vinkbalk button{color:var(--blue)}
html[data-thema=donker] .vinkbalk .vt{color:var(--muted)}
html[data-thema=donker] .caor small{color:var(--sec)}
html[data-thema=donker] .pill.extp{background:#261c36;color:#5e3f8c}
html[data-thema=donker] .extm{background:#261c36;color:#5e3f8c}
html[data-thema=donker] .hoann{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .hoann.open{background:#ae2936}
html[data-thema=donker] .cli{border-top:.5px solid var(--hair)}
html[data-thema=donker] .cli .chk{color:var(--sec)}
html[data-thema=donker] .cld{border-top:.5px solid var(--hair)}
html[data-thema=donker] .cldi small{color:var(--muted)}
html[data-thema=donker] .cln{background:var(--soft)}
html[data-thema=donker] .cln small{color:var(--muted)}
html[data-thema=donker] #v-chk .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] #v-chk .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .t tr.gekozen td{background: rgba(57,132,208,.07)}
html[data-thema=donker] .pmenu{border-right:.5px solid var(--bd)}
html[data-thema=donker] .pmenu button{color:var(--text)}
html[data-thema=donker] .pmenu button:hover{background:var(--soft)}
html[data-thema=donker] .pmenu button.aan{background:var(--blue-soft)}
html[data-thema=donker] .pmenu .ic{color:var(--muted)}
html[data-thema=donker] .pmenu .aan .ic{color:var(--blue)}
html[data-thema=donker] .pmenu small{color:var(--muted)}
@media (max-width:760px){html[data-thema=donker] .pmenu{border-bottom:.5px solid var(--bd)}}
html[data-thema=donker] #c_tab th.doel-l{box-shadow:inset 3px 0 0 var(--blue,#0a84ff)}
html[data-thema=donker] #c_tab th.doel-r{box-shadow:inset -3px 0 0 var(--blue,#0a84ff)}
html[data-thema=donker] th.koldl{box-shadow:inset 3px 0 0 #0a84ff}
html[data-thema=donker] th.koldr{box-shadow:inset -3px 0 0 #0a84ff}
html[data-thema=donker] .kolfk{color:#8e8e93}
html[data-thema=donker] .kolfk:hover,html[data-thema=donker] th.kolfaan .kolfk{color:#3984d0}
html[data-thema=donker] .kolstd{border:.5px solid #48484a;color:#3984d0}
@media (min-width:901px){html[data-thema=donker] body.metzijmenu .zijmenu{border-right:.5px solid var(--hair);background:var(--bg)}}
html[data-thema=donker] .zijmenu .zmgroep{color:var(--muted)}
html[data-thema=donker] .zijmenu .zmsep{background:var(--hair)}
html[data-thema=donker] .zijmenu .zmi{color:var(--sec)}
html[data-thema=donker] .zijmenu .zmi:hover{background:rgba(255,255,255,0.068);color:var(--text)}
html[data-thema=donker] .zijmenu .zmi.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .zijmenu .zmklap{color:var(--muted)}
html[data-thema=donker] .vbbalk .seg{border:1px solid var(--bd)}
html[data-thema=donker] .vbbalk .seg button{background:#1c1c1e;color:var(--sec)}
html[data-thema=donker] .vbbalk .seg button.on{background:var(--text);color:#1c1c1e}
html[data-thema=donker] .wlsoort button{border:1px solid var(--bd);background:var(--card);color:var(--sec)}
html[data-thema=donker] .wlsoort button.on{border-color:var(--text);color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
html[data-thema=donker] .wlook b{color:var(--sec)}
html[data-thema=donker] .vbkader{background:#38383a}
html[data-thema=donker] .vbkader.donker{background:#ffffff}
html[data-thema=donker] .bveld{background:#1c1c1e;border:1px solid var(--bd)}
html[data-thema=donker] .bveld.vast{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .bveld .grip{color:var(--muted)}
html[data-thema=donker] .bveld .nm small{color:var(--muted)}
html[data-thema=donker] .bveld.erboven{box-shadow:0 -2px 0 var(--text)}
html[data-thema=donker] .bedit .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .vgpl li{background:var(--card,#1c1c1e);border:.5px solid var(--hair)}
html[data-thema=donker] .vgpl li.slp{box-shadow:0 8px 22px rgba(0,0,0,0.45)}
html[data-thema=donker] .vgpl li.mc{background:var(--soft)}
html[data-thema=donker] .vgpl li.pz{background:#0f0f11;border:1px dashed #ca9754}
html[data-thema=donker] .vgpl li.nieuw{border-color:#ca9754}
html[data-thema=donker] .vgpl .nr{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .vgpl li.mc .nr{background:var(--acc)}
html[data-thema=donker] .vgpl li.pz .nr{background:#a77632}
html[data-thema=donker] .vgpl .tm{color:var(--muted)}
html[data-thema=donker] .vgdur{background:var(--soft)}
html[data-thema=donker] .vgdur button{color:var(--sec)}
html[data-thema=donker] .vgnr{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .wkadr span{background:var(--soft);border:1px solid var(--hair)}
html[data-thema=donker] .wkadr button{background:var(--hair);color:var(--sec)}
html[data-thema=donker] .wkadr button:hover{color:var(--text)}
html[data-thema=donker] .wkkop{color:var(--muted)}
html[data-thema=donker] .ikv span{color:var(--sec)}
html[data-thema=donker] .sheetfout{background:#0f0f11;color:#d29393;border:1px solid #351d1f}
html[data-thema=donker] .veldfout{border-color:#ae4747!important;box-shadow:0 0 0 3px rgba(198,47,47,.18)!important}
html[data-thema=donker] .card.evk{border:1px solid var(--bd)}
html[data-thema=donker] .card.evk:hover{box-shadow:0 10px 30px rgba(0,0,0,0.2)}
html[data-thema=donker] .card.evk:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent)}
html[data-thema=donker] .dblok{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dblok small{color:#636366}
html[data-thema=donker] .evinfo .stats small{color:var(--muted)}
html[data-thema=donker] .evinfo b.groen{color:#95d0a6}
html[data-thema=donker] .evinfo b.oranje{color:#ddb488}
html[data-thema=donker] .evinfo .uitleg{color:var(--sec)}
html[data-thema=donker] .mckies{background:var(--bg2,#0f0f11)}
html[data-thema=donker] .rrij{border-top:1px solid var(--bd)}
html[data-thema=donker] .rrij .rn{color:var(--muted)}
html[data-thema=donker] .rrij .rg .euro,html[data-thema=donker] .mckies .rg .euro{color:var(--muted)}
html[data-thema=donker] .rrij.st-beschikbaar{background:color-mix(in srgb,#cf8d30 8%,transparent)}
html[data-thema=donker] .rrij.st-ingepland{background:color-mix(in srgb,#4caf65 8%,transparent)}
html[data-thema=donker] .kckop{background:var(--card,#1c1c1e);border-bottom:1px solid var(--bd)}
html[data-thema=donker] .kclijst .kc:hover{background:var(--soft)}
html[data-thema=donker] .frij{border:1px solid var(--bd)}
html[data-thema=donker] .fstap span{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .fstap span.ok{background:#2c2c2e;color:#96cfa3}
html[data-thema=donker] .goedb{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .ejaar{border-top:1px solid var(--bd)}
html[data-thema=donker] .ejmnd{color:var(--muted)}
html[data-thema=donker] .ejrij{border-top:1px solid var(--hair,var(--bd))}
html[data-thema=donker] .ejrij:hover{background:var(--soft)}
html[data-thema=donker] .ejrij .ejd{color:var(--sec)}
html[data-thema=donker] .pdfvb{border:1px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] .frij.flits{box-shadow:0 0 0 2px #0a84ff}
html[data-thema=donker] #ctvg{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 12px 40px rgba(0,0,0,0.625)}
html[data-thema=donker] #ctvg small{color:rgba(28,28,30,.65)}
html[data-thema=donker] #ctvg .ctvgb{background:rgba(28,28,30,.18)}
html[data-thema=donker] #ctvg .ctvgb i{background:#3984d0}
html[data-thema=donker] #ctvg.klaar .ctvgb i{background:#4ab765}
html[data-thema=donker] #ctvg.fout .ctvgb i{background:#d45149}
html[data-thema=donker] .vulin{border-color:#2b71b8!important;box-shadow:0 0 0 3px rgba(0,113,227,.18)!important}
html[data-thema=donker] .kzover{outline:2px dashed #4b81c5}
html[data-thema=donker] .kwacht{border-top:.5px solid var(--hair)}
html[data-thema=donker] .rwlkop{color:var(--muted)}
html[data-thema=donker] .rwlrij:hover{background:var(--soft)}
html[data-thema=donker] .rwl2 small{color:var(--muted)}
html[data-thema=donker] .rwlw{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .rwlrail{border:.5px solid var(--hair);background:var(--card);color:var(--sec)}
html[data-thema=donker] .rwlrail:hover{background:var(--soft)}
html[data-thema=donker] .scrim.versleept{background:rgba(255,255,255,0.09)}
html[data-thema=donker] .rmenu button.rgstip b::after{background:var(--orange)}
/* uit static/app.css */
html[data-thema=donker]{--acc:#b52a3f;--ink:#f2f2f4;--bg:#0f0f11;--card:#1c1c1e;--text:#f2f2f4;--sec:#d1d1d6;--muted:#98989d;--bd:#38383a;--hair:rgba(255,255,255,0.12);--soft:#2c2c2e;--green:#95d0a6;--orange:#a36826;--no:#ae2936;--sh-1:0 1px 2px rgba(0,0,0,0.12),0 1px 1px rgba(0,0,0,0.06)}
html[data-thema=donker] body{background:var(--bg);color:var(--text)}
html[data-thema=donker] button,html[data-thema=donker] input,html[data-thema=donker] select,html[data-thema=donker] textarea{color:var(--text)}
html[data-thema=donker] input,html[data-thema=donker] select,html[data-thema=donker] textarea{border:1px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] input:focus-visible,html[data-thema=donker] select:focus-visible,html[data-thema=donker] textarea:focus-visible,html[data-thema=donker] button:focus-visible,html[data-thema=donker] a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent);border-color:var(--acc)}
html[data-thema=donker] a{color:var(--text)}
html[data-thema=donker] .wm{color:var(--ink)}
html[data-thema=donker] .wm i{color:var(--acc)}
html[data-thema=donker] .btn{border:.5px solid rgba(255,255,255,0.21);background:#1c1c1e;box-shadow:var(--sh-1);color:var(--text)}
html[data-thema=donker] .btn:hover{background:#232326}
html[data-thema=donker] .btn.prim{background:var(--ink);color:#1c1c1e}
html[data-thema=donker] .btn.prim:hover{background:#ffffff}
html[data-thema=donker] .btn.rood{color:var(--no)}
html[data-thema=donker] .ibtn{color:var(--muted)}
html[data-thema=donker] .ibtn:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .auth{background:#1c1c1e}
html[data-thema=donker] .auth .sub{color:var(--muted)}
html[data-thema=donker] .auth .sub b{color:var(--acc)}
html[data-thema=donker] .auth p.uit{color:var(--muted)}
html[data-thema=donker] .auth label{color:var(--sec)}
html[data-thema=donker] .auth input{background:var(--soft)}
html[data-thema=donker] .auth input:focus-visible{background:#1c1c1e}
html[data-thema=donker] .auth .fidof{color:var(--muted,#98989d)}
html[data-thema=donker] .auth .fidof::before,html[data-thema=donker] .auth .fidof::after{background:var(--hair,#38383a)}
html[data-thema=donker] .auth .onder a{color:var(--muted)}
html[data-thema=donker] .auth .onder a:hover{color:var(--text)}
html[data-thema=donker] .melding.fout{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .melding.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .melding.info{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .auth .voet{color:#636366}
html[data-thema=donker] .top{background:rgba(28,28,30,.78);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .ctlogo{color:#e5e5ea}
html[data-thema=donker] .top .brand small{color:var(--muted)}
html[data-thema=donker] .top nav a{color:var(--sec)}
html[data-thema=donker] .top nav a:hover{background:rgba(255,255,255,0.075)}
html[data-thema=donker] .top nav a.on{background:var(--ink);color:#1c1c1e}
html[data-thema=donker] .top .gebr{color:var(--muted)}
html[data-thema=donker] .top .gebr a{color:var(--muted)}
html[data-thema=donker] .top .gebr a:hover{color:var(--text)}
html[data-thema=donker] .uitlog button:hover,html[data-thema=donker] .auth .onder .uitlog button:hover{color:var(--text)}
html[data-thema=donker] .auth .onder .uitlog button{color:var(--muted)}
html[data-thema=donker] .pkop h1::before{color:var(--acc)}
html[data-thema=donker] .pkop p{color:var(--muted)}
html[data-thema=donker] .card{background:#1c1c1e;border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .card h3 .hi{background:color-mix(in srgb,var(--acc) 9%,#1c1c1e);color:var(--acc)}
html[data-thema=donker] .hint{color:var(--muted)}
html[data-thema=donker] .veld{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] .veld small{color:var(--muted)}
html[data-thema=donker] .tabs2{background:rgba(255,255,255,0.075)}
html[data-thema=donker] .tabs2 button{color:var(--sec)}
html[data-thema=donker] .tabs2 button.on{background:#1c1c1e;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
html[data-thema=donker] .twrap{border:.5px solid var(--hair);background:#1c1c1e}
html[data-thema=donker] table.t th{color:var(--muted);border-bottom:.5px solid var(--hair);background:#232326}
html[data-thema=donker] table.t td{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] table.t tbody tr:hover td{background:#232326}
html[data-thema=donker] table.t td.leeg{color:var(--muted)}
html[data-thema=donker] .av{color:#1c1c1e}
html[data-thema=donker] .naamc small{color:var(--muted)}
html[data-thema=donker] .pill{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .pill.rol-beheerder{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .pill.rol-planner{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.rol-financieel{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.rol-commissie{background:#362f1c;color:#ddc588}
html[data-thema=donker] .pill.rol-lezer{background:#2c2c2e;color:#d1d1d6}
html[data-thema=donker] .pill.rol-systeembeheerder{background:#2c2c2e;color:#a69cc9}
html[data-thema=donker] .pill.rol-openpodium{background:#2c2c2e;color:#dd888c}
html[data-thema=donker] .lbknop.on{background:#f2f2f4;color:#1c1c1e;border-color:#f2f2f4}
html[data-thema=donker] .lbknop.on .muted{color:#636366}
html[data-thema=donker] .pill.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .muted{color:var(--muted)}
html[data-thema=donker] .chk:hover{background:var(--soft)}
html[data-thema=donker] .chk small{color:var(--muted)}
html[data-thema=donker] .zoek .ic{color:var(--muted)}
html[data-thema=donker] .zoek input{background:rgba(255,255,255,0.06)}
html[data-thema=donker] .qr{background:#1c1c1e;border:.5px solid var(--hair)}
html[data-thema=donker] .geheim{background:var(--soft)}
html[data-thema=donker] .menu{background:rgba(28,28,30,.95);border:.5px solid rgba(255,255,255,0.15);box-shadow:0 18px 50px rgba(0,0,0,0.45)}
html[data-thema=donker] .menu button:hover{background:var(--ink);color:#1c1c1e}
html[data-thema=donker] .menu button.rood{color:var(--no)}
html[data-thema=donker] .menu button.rood:hover{background:var(--no)}
html[data-thema=donker] .menu .sep{background:var(--bd)}
html[data-thema=donker] .scrim{background:rgba(255,255,255,0.42)}
html[data-thema=donker] .sheet{background:#1c1c1e;box-shadow:0 30px 80px rgba(0,0,0,0.7)}
html[data-thema=donker] .sheet label.l{color:var(--sec)}
html[data-thema=donker] .x{background:var(--soft);color:var(--muted)}
html[data-thema=donker] #toast{background:rgba(255,255,255,1);color:#1c1c1e}
html[data-thema=donker] #toast.fout{background:rgba(174,41,54,.95)}
html[data-thema=donker] .versie{color:var(--muted)}
html[data-thema=donker] .versie.oud{color:#ddb488;background:#362b1c;border:1px solid #cf9a4f}
html[data-thema=donker] .versie.oud:hover{background:#362b1c}
html[data-thema=donker] .bmenu button{color:var(--text)}
html[data-thema=donker] .bmenu button:hover{background:rgba(255,255,255,0.06)}
html[data-thema=donker] .bmenu button.on{background:color-mix(in srgb,var(--acc) 8%,#1c1c1e)}
html[data-thema=donker] .bmenu button .ic{color:var(--muted)}
html[data-thema=donker] .bmenu button.on .ic{color:var(--acc)}
html[data-thema=donker] .bmkop{color:var(--muted);border-top:.5px solid var(--line,#38383a)}
html[data-thema=donker] .bmenu .bmkop{border-top:.5px solid var(--line,#38383a);color:var(--muted)}
html[data-thema=donker] .bmenu .bmkop:hover{color:var(--text)}
html[data-thema=donker] .bmenu small{color:var(--muted)}
html[data-thema=donker] .ovknop{background:#f2f2f4;color:#1c1c1e!important}
html[data-thema=donker] .ovknop:hover{background:#ffffff}
html[data-thema=donker] .ovknop.on{background:var(--acc)}
html[data-thema=donker] .ovknop:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent)}
html[data-thema=donker] .kies3{background:var(--soft)}
html[data-thema=donker] .kies3 button{color:var(--sec)}
html[data-thema=donker] .kies3 button.on{background:#1c1c1e;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,0.25)}
html[data-thema=donker] .logseg{background:var(--soft)}
html[data-thema=donker] .logseg button{color:var(--sec)}
html[data-thema=donker] .logseg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
html[data-thema=donker] .mt{color:var(--text)}
html[data-thema=donker] .mt:hover{background:var(--soft)}
html[data-thema=donker] .mt.on{border-color:var(--text);background:var(--soft)}
html[data-thema=donker] .mt .mb i{background:var(--faint,#636366)}
html[data-thema=donker] .mt.on .mb i{background:var(--text)}
html[data-thema=donker] .mt small{color:var(--muted)}
html[data-thema=donker] .mt em{color:var(--no)}
html[data-thema=donker] .wzrij code{color:var(--muted);background:var(--soft)}
html[data-thema=donker] .wzrij small{color:var(--muted)}
html[data-thema=donker] .wzrij input{background:#38383a}
html[data-thema=donker] .wzrij input::after{background:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,0.625)}
html[data-thema=donker] .wzrij input:checked{background:#4caf65}
html[data-thema=donker] .wzmog .wzgrp{color:var(--muted)}
html[data-thema=donker] .wzmog .wzrij{border-top:1px solid var(--hair)}
html[data-thema=donker] .wzmog .wzic{color:var(--muted)}
html[data-thema=donker] .wzmog .grijs b{color:var(--sec)}
html[data-thema=donker] .wzmog small.waar{color:var(--muted)}
html[data-thema=donker] .schak{color:var(--sec)}
html[data-thema=donker] .schak input{background:#38383a}
html[data-thema=donker] .schak input::after{background:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,0.625)}
html[data-thema=donker] .schak input:checked{background:#4caf65}
html[data-thema=donker] .psec{color:var(--acc);border-top:.5px solid var(--bd)}
html[data-thema=donker] .wzgebr>div{background:var(--soft)}
html[data-thema=donker] .wzgebr span:not(.pill){color:var(--muted)}
html[data-thema=donker] .wzh{border-top:.5px solid var(--hair)}
html[data-thema=donker] .wzdet{border-top:.5px solid var(--hair)}
html[data-thema=donker] .wzgraf .legenda2{color:var(--sec)}
html[data-thema=donker] .gztop p{color:var(--muted)}
html[data-thema=donker] .gzbig{background:#38383a;color:#97cea4}
html[data-thema=donker] .gztop.oranje .gzbig{background:#362b1c;color:#ddb588}
html[data-thema=donker] .gztop.rood .gzbig{background:#361d1c;color:#9f2535}
html[data-thema=donker] .gzver{color:var(--muted)}
html[data-thema=donker] .gzh{color:var(--muted)}
html[data-thema=donker] .gzr{border-top:.5px solid var(--hair)}
html[data-thema=donker] .gzt small{color:var(--muted)}
html[data-thema=donker] .gzd{background:#636366}
html[data-thema=donker] .gzd.groen{background:#4ab765}
html[data-thema=donker] .gzd.oranje{background:#d09539}
html[data-thema=donker] .gzd.rood{background:#d45149}
html[data-thema=donker] .gzk{background:var(--ink);color:#1c1c1e}
html[data-thema=donker] .gzspark i{background:#3984d0}
html[data-thema=donker] .gzm{background:var(--soft)}
html[data-thema=donker] .gzm i{background:#4ab765}
html[data-thema=donker] .gzm i.oranje{background:#d09539}
html[data-thema=donker] .gzm i.rood{background:#d45149}
html[data-thema=donker] .gztraag div{color:var(--sec)}
html[data-thema=donker] .gzrood{color:var(--no)}
html[data-thema=donker] .gzstrook i{background:#38383a}
html[data-thema=donker] .gzstrook i.oranje{background:#362b1c}
html[data-thema=donker] .gzstrook i.rood{background:#361d1c}
html[data-thema=donker] .gzstrook i.leeg{background:var(--soft)}
html[data-thema=donker] .gzstk{color:var(--muted)}
html[data-thema=donker] .gzev div{border-top:.5px solid var(--hair)}
html[data-thema=donker] .gzw{color:var(--muted)}
html[data-thema=donker] .dlr{border-top:.5px solid var(--hair)}
html[data-thema=donker] .dlt small{color:var(--muted)}
html[data-thema=donker] .dli{color:var(--sec)}
html[data-thema=donker] .dls span{background:#48484a}
html[data-thema=donker] .dls span:after{background:#1c1c1e}
html[data-thema=donker] .dls input:checked+span{background:#4ab765}
html[data-thema=donker] .dls input:focus-visible+span{outline:2px solid var(--blue,#2b71b8)}
html[data-thema=donker] th.koldl{box-shadow:inset 3px 0 0 #0a84ff}
html[data-thema=donker] th.koldr{box-shadow:inset -3px 0 0 #0a84ff}
html[data-thema=donker] .kolfk{color:#8e8e93}
html[data-thema=donker] .kolfk:hover,html[data-thema=donker] th.kolfaan .kolfk{color:#3984d0}
html[data-thema=donker] .kolstd{border:.5px solid #48484a;color:#3984d0}
html[data-thema=donker] .ks-beheerder{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .ks-systeembeheerder{background:#2c2c2e;color:#36589f}
html[data-thema=donker] .ks-deur{background:#362b1c;color:#ddba88}
html[data-thema=donker] .ks-gebruiker{background:#2c2c2e;color:#d1d1d6}
html[data-thema=donker] .tgp{background:#38383a;color:#99cca9}
html[data-thema=donker] .tgp.lezen{background:#1c1c1e;color:#aeaeb2;box-shadow:inset 0 0 0 1px #d8d8dc}
html[data-thema=donker] .ksrt button{border:1px solid #48484a;background:#1c1c1e}
html[data-thema=donker] .ksrt button small{color:#aeaeb2}
html[data-thema=donker] .ksrt button.on{border-color:#f2f2f4;box-shadow:0 0 0 1px #141414;background:#232326}
html[data-thema=donker] .tgr{border:1px solid #38383a}
html[data-thema=donker] .tgrij{border-top:.5px solid #38383a}
html[data-thema=donker] .tgrij.aan{background:#232326}
html[data-thema=donker] .tgnaam input{accent-color:#f2f2f4}
html[data-thema=donker] .tgnaam small{color:#aeaeb2}
html[data-thema=donker] .kseg2{border:1px solid #48484a}
html[data-thema=donker] .kseg2 button{background:#1c1c1e;color:#d1d1d6}
html[data-thema=donker] .kseg2 button+button{border-left:1px solid #48484a}
html[data-thema=donker] .kseg2 button.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .tgalles{background:#2c2c2e}
html[data-thema=donker] #ctvg{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 12px 40px rgba(0,0,0,0.625)}
html[data-thema=donker] #ctvg small{color:rgba(28,28,30,.65)}
html[data-thema=donker] #ctvg .ctvgb{background:rgba(28,28,30,.18)}
html[data-thema=donker] #ctvg .ctvgb i{background:#3984d0}
html[data-thema=donker] #ctvg.klaar .ctvgb i{background:#4ab765}
html[data-thema=donker] #ctvg.fout .ctvgb i{background:#d45149}
html[data-thema=donker] .exgraf i{background:var(--text)}
html[data-thema=donker] .scrim.versleept{background:rgba(255,255,255,0.09)}
/* uit templates/overzicht.html */
html[data-thema=donker] .seg{background:#2c2c2e}
html[data-thema=donker] .seg button{color:#d1d1d6}
html[data-thema=donker] .seg button.on{background:#1c1c1e;color:#f2f2f4;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
html[data-thema=donker] .ovmeld{background:#362b1c;color:#ddb788}
html[data-thema=donker] .vel{background:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,0.15),0 8px 30px rgba(0,0,0,0.125)}
html[data-thema=donker] .vkop{border-bottom:2.5px solid #f2f2f4}
html[data-thema=donker] .vkop h2 b{color:var(--acc)}
html[data-thema=donker] .vkop p{color:#aeaeb2}
html[data-thema=donker] .tegelt div{background:#0f0f11}
html[data-thema=donker] .tegelt small{color:#aeaeb2}
html[data-thema=donker] table.ov th{color:#aeaeb2;background:#232326;border-bottom:1px solid #38383a}
html[data-thema=donker] table.ov td{border-bottom:1px solid #2c2c2e}
html[data-thema=donker] .ov .t small{color:#8e8e93}
html[data-thema=donker] .ov .sh small.tech{color:#88b2dd}
html[data-thema=donker] .ov .sh small{color:#8e8e93}
html[data-thema=donker] .ov .zl{color:#aeaeb2}
html[data-thema=donker] .chip.open{background:#36301c;color:#ddbf88}
html[data-thema=donker] .chip.ziek{background:#362a1c;color:#ddb688}
html[data-thema=donker] .chip.zacht{color:#8e8e93}
html[data-thema=donker] .ov .na{color:#636366}
html[data-thema=donker] .ov .bz small{color:#8e8e93}
html[data-thema=donker] .bar{background:#2c2c2e}
html[data-thema=donker] .bar i{background:#f2f2f4}
html[data-thema=donker] .bar i.vol{background:var(--green,#95d0a6)}
html[data-thema=donker] .tag.uv{background:var(--green,#95d0a6)}
html[data-thema=donker] .tag.opt{background:#1c2736;color:#88b2dd}
html[data-thema=donker] tr.weg td{color:#dd8888}
html[data-thema=donker] tr.dk th{background:#1c1c1e;color:#f2f2f4}
html[data-thema=donker] tr.dk th span{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] tr.dk.leeg th{color:#8e8e93}
html[data-thema=donker] tr.ho td{background:#0f0f11}
html[data-thema=donker] .horol small{color:#8e8e93}
html[data-thema=donker] .horol .chip{background:#38383a}
html[data-thema=donker] .horol .chip.zacht{background:#2c2c2e}
html[data-thema=donker] .legenda{color:#8e8e93}
html[data-thema=donker] tr.pnr>td{background:#0f0f11;border-left:3px solid #a36826}
html[data-thema=donker] tr.pnr.dagn>td{background:#36301c}
html[data-thema=donker] .pnlab{color:#ddbf88}
html[data-thema=donker] .pnbew{background:#1c1c1e;color:#ddbf88;box-shadow:0 0 0 1px rgba(138,90,0,.25)}
html[data-thema=donker] .pnplus{color:#636366}
html[data-thema=donker] .pnplus:hover{background:#36301c;color:#ddbf88}
html[data-thema=donker] .pnov{background:rgba(255,255,255,0.42)}
html[data-thema=donker] .pnbox{background:#1c1c1e;box-shadow:0 30px 80px rgba(0,0,0,0.7)}
html[data-thema=donker] .pnhd{border-bottom:1px solid #2c2c2e}
html[data-thema=donker] .pnhd p{color:#aeaeb2}
html[data-thema=donker] .pnst{color:#aeaeb2}
html[data-thema=donker] .pnst.fout{color:#a84c43}
html[data-thema=donker] .pnblokken{border-right:1px solid #2c2c2e}
html[data-thema=donker] .pnblokken button{color:#f2f2f4}
html[data-thema=donker] .pnblokken button:hover{background:#2c2c2e}
html[data-thema=donker] .pnblokken button.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .pnblokken i{background:#a36826}
html[data-thema=donker] .pntb{background:#0f0f11}
html[data-thema=donker] .pnk{color:#f2f2f4}
html[data-thema=donker] .pnk:hover{background:#38383a}
html[data-thema=donker] .pnsep{background:#48484a}
html[data-thema=donker] .pntb select{border:1px solid #48484a;background:#1c1c1e}
html[data-thema=donker] .pnA{border-bottom:3px solid #a84c43}
html[data-thema=donker] .pnM{background:#36321c}
html[data-thema=donker] .pnpop{background:#1c1c1e;box-shadow:0 8px 24px rgba(0,0,0,0.45)}
html[data-thema=donker] .pnpop button{border:1px solid rgba(255,255,255,0.18)}
html[data-thema=donker] .pnpop button.geen{background:#1c1c1e;color:#8e8e93}
html[data-thema=donker] .pnbots{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pned{border:1px solid #38383a}
html[data-thema=donker] .pned:focus{border-color:#88b2dd;box-shadow:0 0 0 3px rgba(0,88,176,.12)}
html[data-thema=donker] .pnapps small{color:#8e8e93}
html[data-thema=donker] .pnhint{color:#8e8e93}
html[data-thema=donker] .pnver{border-top:1px solid #2c2c2e}
html[data-thema=donker] .pnver small{color:#8e8e93}
html[data-thema=donker] .pnver .pninh{background:#232326}
@media (max-width:760px){html[data-thema=donker] .pnblokken{border-bottom:1px solid #2c2c2e}}
/* uit templates/start.html */
html[data-thema=donker] .tegel:hover{box-shadow:0 10px 30px rgba(0,0,0,0.2)}
html[data-thema=donker] .annk{border-color:#351d1f!important;background:#232326!important}
html[data-thema=donker] .annk .ai{background:#ae2936}
html[data-thema=donker] .annk .at small{color:var(--muted)}
html[data-thema=donker] .tegelsub{color:var(--muted);border:1px solid var(--bd);background:var(--card)}
html[data-thema=donker] .tegelsub:hover{color:var(--text);border-color:var(--faint)}
html[data-thema=donker] .tegelsub:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent)}
html[data-thema=donker] .tegel:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent)}
html[data-thema=donker] .tegel .ti{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .tegel h2 small{color:var(--muted)}
html[data-thema=donker] .tegel .straks{color:var(--muted)}
html[data-thema=donker] .tegel h2 i{color:var(--acc)}
html[data-thema=donker] .tegel p{color:var(--muted)}
html[data-thema=donker] .tegel .wipl{background:#2c2c2e;color:#d1d1d6}
html[data-thema=donker] .stv{background:var(--card);border:.5px solid var(--hair)}
html[data-thema=donker] .stv:hover{box-shadow:0 6px 20px rgba(0,0,0,0.15)}
html[data-thema=donker] .stk{color:var(--sec)}
html[data-thema=donker] .stk .r{color:var(--muted)}
html[data-thema=donker] .stk i{background:var(--green)}
html[data-thema=donker] .stk i.w{background:var(--orange)}
html[data-thema=donker] .stk i.n{background:var(--faint,#636366)}
html[data-thema=donker] .stg{color:var(--muted)}
html[data-thema=donker] .stg b{color:var(--text)}
html[data-thema=donker] .stbalk{background:var(--hair)}
html[data-thema=donker] .stbalk i{background:var(--muted)}
html[data-thema=donker] .wnav button{border:.5px solid var(--hair);background:var(--card);color:var(--text)}
html[data-thema=donker] .wnav button:hover{background:var(--soft)}
html[data-thema=donker] .wnot button{color:var(--text);background:#362f1c;border:.5px solid #caae54}
html[data-thema=donker] .wnot button.leeg{border:.5px dashed var(--hair);color:var(--muted)}
html[data-thema=donker] .wnot button:focus-visible{outline:2px solid var(--blue)}
html[data-thema=donker] .wnot span{background:#362f1c;border:.5px solid #caae54}
html[data-thema=donker] .wnot input{border:1px solid var(--blue);background:var(--card);color:var(--text)}
html[data-thema=donker] .wkd{color:var(--sec)}
html[data-thema=donker] .wkd span{color:var(--muted)}
html[data-thema=donker] .wkd.nu{color:var(--text)}
html[data-thema=donker] .wkd .wwe{color:var(--muted)}
html[data-thema=donker] .wkd .wwe.warm{color:#a54d29}
html[data-thema=donker] .wsh{border:1px solid var(--hair)}
html[data-thema=donker] .wsh.gean .n,html[data-thema=donker] .vsh.gean .n{text-decoration-color:#ae2936;color:var(--muted)}
html[data-thema=donker] .gpill{background:#ae2936}
html[data-thema=donker] .bd{border:.5px solid var(--hair);color:var(--sec);background:var(--card)}
html[data-thema=donker] .bd.vak{background:#1c2936;color:#8db2d8;border-color:#1c2936}
html[data-thema=donker] .bd.feest{background:#0f0f11;color:#a29ec7;border-color:#1e1c36}
html[data-thema=donker] .wsh.mko{border-color:#ce9c4f}
html[data-thema=donker] .wsh.mkr{border-color:#c85555}
html[data-thema=donker] .mkp.o{background:#362b1c;color:#ddb788}
html[data-thema=donker] .mkp.r{background:#0f0f11;color:#d78e94}
html[data-thema=donker] .wbn{color:var(--muted)}
html[data-thema=donker] .wbn.vol{color:var(--green)}
html[data-thema=donker] .wb .mks{background:var(--text)}
html[data-thema=donker] .wb .wkn{background:repeating-linear-gradient(45deg,var(--orange) 0 2px,transparent 2px 4px)}
html[data-thema=donker] .wknt{color:var(--orange)}
html[data-thema=donker] .wb{background:var(--hair)}
html[data-thema=donker] .wb i{background:var(--muted)}
html[data-thema=donker] .wb i.vol{background:var(--green)}
html[data-thema=donker] .wlijn{border-top:1px solid var(--hair)}
html[data-thema=donker] .wrl{color:var(--sec)}
html[data-thema=donker] .rpn{color:#94d1a6;background:#2c2c2e}
html[data-thema=donker] .rpn .rpt{color:#a3c2ab}
html[data-thema=donker] .rpn.o{color:var(--text);background:var(--soft)}
html[data-thema=donker] .rpn.o .rpt{color:var(--sec)}
html[data-thema=donker] .rpn .rpo{color:#ddb788;background:#362a1c}
html[data-thema=donker] .rp.ok{color:#94d1a6;background:#2c2c2e}
html[data-thema=donker] .rp.o{color:#ddb788;background:#362b1c}
html[data-thema=donker] .rp.na{color:var(--muted)}
html[data-thema=donker] .dblok{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dblok small{color:#636366}
html[data-thema=donker] .vsh .t{color:var(--muted)}
html[data-thema=donker] .vsh .z{color:var(--muted)}
html[data-thema=donker] .vsh .o{color:var(--orange)}
html[data-thema=donker] .vsh .r2{color:var(--muted)}
html[data-thema=donker] .vsh .vc.uv{color:var(--green)}
html[data-thema=donker] .vsh .o.ok{color:var(--muted)}
html[data-thema=donker] .vb{background:var(--hair)}
html[data-thema=donker] .vb i{background:var(--muted)}
html[data-thema=donker] .vb i.vol{background:var(--green)}
html[data-thema=donker] #sttip{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 8px 24px rgba(0,0,0,0.625)}
html[data-thema=donker] #sttip .tmeta{color:#636366}
html[data-thema=donker] #sttip .tpil.or{background:#d09539;color:#f2f2f4}
html[data-thema=donker] #sttip .tpil.rd{background:#d45149}
html[data-thema=donker] #sttip .tgroot span{color:#636366}
html[data-thema=donker] #sttip .tgroot.uv b{color:#4ab765}
html[data-thema=donker] #sttip .tbar{background:#d1d1d6}
html[data-thema=donker] #sttip .tbar .v{background:#3984d0}
html[data-thema=donker] #sttip .tbar .v.vk{background:#4ab765}
html[data-thema=donker] #sttip .tbar .vkn{background:repeating-linear-gradient(45deg,#d09539 0 2px,transparent 2px 4px)}
html[data-thema=donker] #sttip .tleg i.lvk{background:#4ab765}
html[data-thema=donker] #sttip .tleg i.lkn{background:repeating-linear-gradient(45deg,#d09539 0 2px,transparent 2px 4px)}
html[data-thema=donker] #sttip .tbar .vd{background:#4ab765}
html[data-thema=donker] #sttip .tbar .tb{border:1.5px dashed #d0b739}
html[data-thema=donker] #sttip .tbar .n{background:#1c1c1e}
html[data-thema=donker] #sttip .tleg{color:#48484a}
html[data-thema=donker] #sttip .tleg b{color:#1c1c1e}
html[data-thema=donker] #sttip .tleg em{color:#8e8e93}
html[data-thema=donker] #sttip .tleg i.lv{background:#3984d0}
html[data-thema=donker] #sttip .tleg i.lvd{background:#4ab765}
html[data-thema=donker] #sttip .tleg i.ln{background:#1c1c1e}
html[data-thema=donker] #sttip .tleg i.lb{border:1.5px dashed #d0b739}
html[data-thema=donker] #sttip .tdag{border-top:.5px solid #d1d1d6;color:#636366}
html[data-thema=donker] #sttip .tdag .feest{color:#7a49d4}
html[data-thema=donker] #sttip .tdag .vakantie{color:#49acd4}
html[data-thema=donker] #sttip .tdag .cadeau{color:#636366}
html[data-thema=donker] .van{background:var(--card);border:.5px solid var(--hair)}
html[data-thema=donker] .vank small{color:var(--muted)}
html[data-thema=donker] .vlab.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .vlab.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .vs{background:var(--soft)}
html[data-thema=donker] .vs .k span{color:var(--muted);background:var(--card)}
html[data-thema=donker] .vs .lu{color:var(--sec)}
html[data-thema=donker] .vs .vr{color:var(--muted)}
html[data-thema=donker] .vs .ex{color:var(--muted)}
html[data-thema=donker] .vteam{color:var(--muted)}
html[data-thema=donker] .vteam span{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .vteam span b{color:var(--text)}
html[data-thema=donker] .ak{background:var(--card);border:.5px solid var(--hair)}
html[data-thema=donker] .ak a.ai{color:var(--text);border-top:.5px solid var(--hair)}
html[data-thema=donker] .ak .am{color:var(--muted)}
html[data-thema=donker] .ak .ad{background:var(--orange)}
html[data-thema=donker] .ak .ad.r{background:#ae2936}
html[data-thema=donker] .ak .ad.g{background:var(--faint,#636366)}
html[data-thema=donker] .ak .gn{color:var(--sec)}
html[data-thema=donker] .ak .meer{color:var(--muted)}
html[data-thema=donker] .wbk{border:1px solid #1c2936;background:#1c2936;color:#8db2d8}
html[data-thema=donker] .wnm{color:var(--sec)}
html[data-thema=donker] .wvh{border:1.5px solid #625ba6;color:#a19dc8;background:repeating-linear-gradient(135deg,#0f0f11 0 6px,#1c1c1e 6px 12px)}
html[data-thema=donker] .wvh small{color:#a29ec7}
html[data-thema=donker] .wvl{background:#625ba6}
html[data-thema=donker] .tegel .tel .pill.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .tegel .tel .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .tegel .tel .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .tegel .tinfo{color:var(--muted)}
html[data-thema=donker] .tk{border-top:.5px solid var(--hair)}
html[data-thema=donker] .tk .tt a{color:var(--text)}
html[data-thema=donker] .tk .tt small{color:var(--muted)}
html[data-thema=donker] .tk.gedaan .tt a{color:var(--muted)}
html[data-thema=donker] .tegels.wiebel>[data-tegel].sleept{box-shadow:0 18px 40px rgba(0,0,0,0.45)}
@media (prefers-reduced-motion:reduce){html[data-thema=donker] .tegels.wiebel>[data-tegel]{outline:2px dashed var(--faint)}}
html[data-thema=donker] .tegelbalk:not([hidden]){background:#2c2c2e;color:#d1d1d6}
html[data-thema=donker] .tegelherschik{color:var(--muted)}
html[data-thema=donker] .tegelherschik:hover{color:var(--text)}
html[data-thema=donker] .ctb i{color:#d44955}
html[data-thema=donker] .van{--text:#1c1c1e;--muted:#8e8e93;--sec:#636366;--hair:#d1d1d6;--soft:#e5e5ea;--card:#e5e5ea;background:#f5f5f7;color:#1c1c1e}
html[data-thema=donker] .vtop{color:var(--muted)}
html[data-thema=donker] .vsub{color:var(--muted)}
html[data-thema=donker] .vz{color:var(--muted)}
html[data-thema=donker] .van .vs .wb{background:var(--hair)}
html[data-thema=donker] .van .vs .vr{color:var(--sec)}
html[data-thema=donker] .van .vs .vr b{color:#1c1c1e}
html[data-thema=donker] .vleeg{color:var(--muted)}
html[data-thema=donker] .wb i{background:#4b81c5}
html[data-thema=donker] .wb i.vol{background:var(--green)}
html[data-thema=donker] .wsh.mko .wb i,html[data-thema=donker] .vs.mko .wb i{background:#d09539}
html[data-thema=donker] .wsh.mkr .wb i,html[data-thema=donker] .vs.mkr .wb i{background:#d45149}
html[data-thema=donker] .wsh .wb i.vol{background:var(--green)}
html[data-thema=donker] .stv.wk .wkl{color:var(--text)}
html[data-thema=donker] .wkk{background:var(--card);border:.5px solid var(--hair)}
html[data-thema=donker] .wkk.nu{outline:2px solid var(--text)}
html[data-thema=donker] .wkk .wkd{color:var(--text)}
html[data-thema=donker] .shr{border-top:.5px solid var(--hair)}
html[data-thema=donker] .shr>span{color:var(--muted)}
html[data-thema=donker] .wop{color:#ddb788;background:#362b1c}
html[data-thema=donker] .wgeen{color:var(--muted)}
html[data-thema=donker] .ak .gn i{background:var(--green)}
html[data-thema=donker] .tegels .tegel h2 i{color:#d44955}
/* uit templates/openpodium.html */
html[data-thema=donker] .avond .ak{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .avond .dblok{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .avond .dblok small{color:#636366}
html[data-thema=donker] .avond.voorbij .dblok{background:#8e8e93}
html[data-thema=donker] .avond .ai small{color:var(--muted)}
html[data-thema=donker] .avond .bezet{color:var(--sec)}
html[data-thema=donker] .plekrij{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] .plekrij .nr{color:var(--faint,#636366)}
html[data-thema=donker] .plekrij.open .wie{color:var(--muted)}
html[data-thema=donker] .eerder{color:var(--muted);border-top:.5px solid #2c2c2e}
html[data-thema=donker] .eerderknop{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .eerderknop:hover{background:#38383a;color:var(--text)}
html[data-thema=donker] .eerderknop.knt{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .eerderknop.knt:hover{background:#361c1e;color:#dd888c}
html[data-thema=donker] .keuzes label{border:1px solid var(--hair)}
html[data-thema=donker] .keuzes label:has(input:checked){border-color:#f2f2f4;background:var(--soft)}
html[data-thema=donker] .keuzes input{accent-color:#f2f2f4}
html[data-thema=donker] .keuzes small{color:var(--muted)}
html[data-thema=donker] .avmeld{background:#362b1c;color:#ddb788}
html[data-thema=donker] .avmeld.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .extern-scrim{background:rgba(255,255,255,0.42)}
html[data-thema=donker] .extern{background:#1c1c1e;box-shadow:0 20px 60px rgba(0,0,0,0.625)}
html[data-thema=donker] .extern .url{background:#0f0f11}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.z{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .stat.klikbaar:hover{box-shadow:0 0 0 2px var(--blue,#0a84ff)}
html[data-thema=donker] #w_tab th.doel-l{box-shadow:inset 3px 0 0 var(--blue,#0a84ff)}
html[data-thema=donker] #w_tab th.doel-r{box-shadow:inset -3px 0 0 var(--blue,#0a84ff)}
html[data-thema=donker] .nieuwtje{background:var(--acc)}
html[data-thema=donker] .kand:hover{background:var(--soft)}
html[data-thema=donker] .tlas b{background:var(--bd)}
html[data-thema=donker] .tlnoot{border-left:2px solid var(--bd)}
html[data-thema=donker] .tlrij.zacht .tlkop b{color:var(--muted)}
html[data-thema=donker] .kand.toch .kn small{color:#ddbb88}
html[data-thema=donker] .kand input{accent-color:#f2f2f4}
html[data-thema=donker] .kand .kn small{color:var(--muted)}
html[data-thema=donker] .verhaal{background:var(--soft)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
/* uit templates/ticketshop.html */
html[data-thema=donker] .kand:hover{background:var(--soft)}
html[data-thema=donker] .kand input{accent-color:#f2f2f4}
html[data-thema=donker] .kand .kn small{color:var(--muted)}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .ctab .ctot td{background:var(--soft);border-top:1px solid var(--hair)}
html[data-thema=donker] .cbalk{background:var(--hair)}
html[data-thema=donker] .cbalk i{background:#4b81c5}
html[data-thema=donker] .cbalk i.vol{background:var(--green)}
html[data-thema=donker] table.kt input[type=checkbox]{accent-color:#f2f2f4}
html[data-thema=donker] .let{color:#ddb788}
html[data-thema=donker] .let.f{color:#dd888c}
html[data-thema=donker] .rkknop{border-top:.5px solid var(--hair)}
html[data-thema=donker] .rksz{color:var(--text)}
html[data-thema=donker] .rksz.leeg{color:#c5842f}
html[data-thema=donker] .seizoen{border-left:3px solid var(--lijn,#48484a)}
html[data-thema=donker] .seizoen[data-sz^="1"]{border-left-color:#408b5e}
html[data-thema=donker] .seizoen[data-sz^="2"]{border-left-color:#4a75bb}
html[data-thema=donker] .seizoen[data-sz="0"]{border-left-color:#c5842f}
html[data-thema=donker] .afw{color:#c5842f}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .omgbalk.sb{background:#362b1c;color:#ddb788}
html[data-thema=donker] .omgbalk.lv{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .omgbalk.nk{background:var(--soft);color:var(--sec)}
html[data-thema=donker] #v-klaar,html[data-thema=donker] #v-verkoop{--kb:#307ccf;--kgr:#8e8e93;--kp:#8c59b4;--ky:#ddc788}
html[data-thema=donker] .pill.y{background:#36301c;color:#ddc988}
html[data-thema=donker] .kalbar h2 span{color:var(--muted)}
html[data-thema=donker] .kseg{background:var(--soft)}
html[data-thema=donker] .kseg button{color:var(--sec)}
html[data-thema=donker] .kseg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.35)}
html[data-thema=donker] .tsshops{border:1px solid var(--line)}
html[data-thema=donker] .knav button{border:.5px solid var(--hair);background:var(--card);color:var(--text);box-shadow:var(--sh-1)}
html[data-thema=donker] .km{background:var(--k)}
html[data-thema=donker] .km.ring{box-shadow:inset 0 0 0 2px var(--k)}
html[data-thema=donker] .km.streep{background:repeating-linear-gradient(135deg,var(--k) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1.5px var(--k)}
html[data-thema=donker] .km.half{background:linear-gradient(90deg,var(--k) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--k)}
html[data-thema=donker] .km.pauze{background:linear-gradient(90deg,var(--k) 0 35%,transparent 35% 65%,var(--k) 65%)}
html[data-thema=donker] .km.uit{box-shadow:inset 0 0 0 1.5px var(--k)}
html[data-thema=donker] .km.uit::after{background:var(--k)}
html[data-thema=donker] .kcat{border:.5px solid var(--hair);background:var(--card);color:var(--text);box-shadow:var(--sh-1)}
html[data-thema=donker] .kcat b{color:var(--muted)}
html[data-thema=donker] .kal{background:var(--card);border:.5px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
html[data-thema=donker] .kwd{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .kwd div{color:var(--muted)}
html[data-thema=donker] .kc{border-right:.5px solid var(--hair);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .kc.we{background:color-mix(in srgb,var(--soft) 60%,transparent)}
html[data-thema=donker] .kn{color:var(--text)}
html[data-thema=donker] .kn:hover{background:var(--soft)}
html[data-thema=donker] .kc.ander .kn{color:var(--faint)}
html[data-thema=donker] .kc.nu .kn{background:var(--acc)}
html[data-thema=donker] .ke{color:var(--text)}
html[data-thema=donker] .ke:hover{background:var(--soft)}
html[data-thema=donker] .ke .u{color:var(--muted)}
html[data-thema=donker] .ke.s-vol{background:var(--k)}
html[data-thema=donker] .ke.s-uit .t{color:var(--muted)}
html[data-thema=donker] .kmeer{color:var(--muted)}
html[data-thema=donker] .kmeer:hover{color:var(--text)}
html[data-thema=donker] .kwk{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .kwk>*{color:var(--muted)}
html[data-thema=donker] .kwk>button:hover b{background:var(--soft)}
html[data-thema=donker] .kwk b{color:var(--text)}
html[data-thema=donker] .kwk .nu{color:var(--acc)}
html[data-thema=donker] .kwk .nu b,html[data-thema=donker] .kwk>button.nu:hover b{background:var(--acc)}
html[data-thema=donker] .kwu span{color:var(--muted)}
html[data-thema=donker] .kwdg{border-left:.5px solid var(--hair);background-image:linear-gradient(to bottom,var(--hair) 1px,transparent 1px);background-size:100% var(--uh)}
html[data-thema=donker] .kwdg.we{background-color:color-mix(in srgb,var(--soft) 60%,transparent)}
html[data-thema=donker] .kb{border-left:3px solid var(--k);background:color-mix(in srgb,var(--k) 16%,var(--card));color:color-mix(in srgb,var(--k) 62%,var(--text));box-shadow:0 0 0 1px var(--card)}
html[data-thema=donker] .klet{background:var(--no)}
html[data-thema=donker] .kb.s-ring{background:var(--card);border:1.5px dashed var(--k);border-left:3px solid var(--k)}
html[data-thema=donker] .kb.s-streep,html[data-thema=donker] .kb.s-half,html[data-thema=donker] .kb.s-pauze{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--k) 24%,var(--card)) 0 6px,color-mix(in srgb,var(--k) 9%,var(--card)) 6px 12px)}
html[data-thema=donker] .kb.s-vol{background:var(--k)}
html[data-thema=donker] .kb.s-uit{background:color-mix(in srgb,var(--k) 10%,var(--card));color:var(--muted)}
html[data-thema=donker] .kb.s-fout{background:color-mix(in srgb,var(--k) 20%,var(--card))}
html[data-thema=donker] .knu{border-top:2px solid var(--acc)}
html[data-thema=donker] .knu::before{background:var(--acc)}
html[data-thema=donker] .kmini .mk button{color:var(--sec)}
html[data-thema=donker] .kmini .mk button:hover{background:var(--soft)}
html[data-thema=donker] .kmg7 .wd{color:var(--muted)}
html[data-thema=donker] .kmd{color:var(--text)}
html[data-thema=donker] .kmd:hover{background:var(--soft)}
html[data-thema=donker] .kmd.ander{color:var(--faint)}
html[data-thema=donker] .kmd.nu{color:var(--acc)}
html[data-thema=donker] .kmd.gekozen{background:var(--text);color:var(--card)}
html[data-thema=donker] .kmd.nu.gekozen{background:var(--acc)}
html[data-thema=donker] .kmd .pt{background:var(--muted)}
html[data-thema=donker] .kdlijst h4{color:var(--muted)}
html[data-thema=donker] .kdk{color:var(--text)}
html[data-thema=donker] .kdk:hover{background:var(--soft)}
html[data-thema=donker] .kdk small{color:var(--muted)}
html[data-thema=donker] .kdk .kst2{color:color-mix(in srgb,var(--k) 75%,var(--text))}
/* uit templates/zaal.html */
html[data-thema=donker] .zkop h1::before{color:var(--acc)}
html[data-thema=donker] .deelstatus{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .deelstatus.aan{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .deelstatus.wacht{background:#362b1c;color:#ddb788}
html[data-thema=donker] .tijd{color:var(--muted)}
html[data-thema=donker] .wzbalk.sb{background:#362b1c;color:#ddb788}
html[data-thema=donker] .wzbalk.nk{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .scanrij .btn[aria-pressed="true"]{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .camvak{background:#ffffff}
html[data-thema=donker] .camvak .kader{border:3px solid rgba(28,28,30,.85);box-shadow:0 0 0 999px rgba(0,0,0,0.7)}
html[data-thema=donker] .camvak .camuit{background:rgba(255,255,255,0.825);color:#1c1c1e}
html[data-thema=donker] .klaarstatus{color:var(--muted)}
html[data-thema=donker] .klaarstatus.aan{color:#94d1a6}
html[data-thema=donker] .dvqr svg{background:#1c1c1e}
html[data-thema=donker] .bgroep{color:var(--muted)}
html[data-thema=donker] .bart{border-bottom:1px solid var(--bd)}
html[data-thema=donker] .bnaam small{color:var(--muted)}
html[data-thema=donker] .btot{color:var(--sec)}
html[data-thema=donker] .btafel{border:2px solid var(--accent,#b52a3f)}
html[data-thema=donker] .btafelkop small{color:var(--muted)}
html[data-thema=donker] .ztafel{fill:#362f1c;stroke:#9c7a27}
html[data-thema=donker] .ztafelnr{fill:#ddc788}
html[data-thema=donker] .dvstap{color:var(--sec)}
html[data-thema=donker] .dvurl{color:var(--muted)}
html[data-thema=donker] #vrijknop{border-color:#88b2dd;color:#88b2dd}
html[data-thema=donker] .vrijnaam{border:1.5px solid var(--bd);background:var(--card);color:var(--text)}
html[data-thema=donker] .resrij{border:1px solid var(--bd)}
html[data-thema=donker] #zaalknop[aria-pressed="true"]{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .klaarregel{color:var(--muted)}
html[data-thema=donker] .klaarregel.aan{color:#94d1a6}
html[data-thema=donker] .scanuit{border:1px solid var(--hair);background:var(--card)}
html[data-thema=donker] .scanuit .si{color:#1c1c1e;background:#8e8e93}
html[data-thema=donker] .scanuit .sk .sub{color:var(--sec)}
html[data-thema=donker] .scanuit .stl{background:var(--soft)}
html[data-thema=donker] .scanuit .srn{color:var(--muted)}
html[data-thema=donker] .scanuit .snrs i{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .scanuit .sa .btn{border:.5px solid rgba(255,255,255,0.21);background:var(--card)}
html[data-thema=donker] .scanuit .sa .btn.prim{background:var(--green);border-color:var(--green)}
html[data-thema=donker] .scanuit .sa .btn.licht{color:var(--sec)}
html[data-thema=donker] .scanuit.ok{border-color:#71ad82}
html[data-thema=donker] .scanuit.ok .si{background:var(--green)}
html[data-thema=donker] .scanuit.ok .stt{color:#94d1a6}
html[data-thema=donker] .scanuit.fout{background:#0f0f11;border-color:#361c1f}
html[data-thema=donker] .scanuit.fout .si{background:var(--no)}
html[data-thema=donker] .scanuit.fout .stt{color:#dd8893}
html[data-thema=donker] .scanuit.let{background:#0f0f11;border-color:#cb9e53}
html[data-thema=donker] .scanuit.let .si{background:var(--orange)}
html[data-thema=donker] .scanuit.let .stt{color:#ddb788}
html[data-thema=donker] .scanuit.bezig{background:var(--soft)}
html[data-thema=donker] .scanuit.bezig .si{background:#636366}
html[data-thema=donker] #bekijk[aria-pressed="true"]{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .teller{background:var(--card);border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .teller span{color:var(--muted)}
html[data-thema=donker] .teller.verk b{color:#88b2dd}
html[data-thema=donker] .teller.v b{color:var(--green)}
html[data-thema=donker] .teller.nos b{color:var(--orange)}
html[data-thema=donker] .teller.waarschuw{border-color:#361c1f;background:#0f0f11}
html[data-thema=donker] .teller.waarschuw b{color:var(--no)}
html[data-thema=donker] .plan{background:var(--card);border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .plankop .l{color:var(--muted)}
html[data-thema=donker] .plankop .l.leeg{color:var(--sec)}
html[data-thema=donker] .plankop .l b{color:var(--text)}
html[data-thema=donker] .plankop .l .groen b{color:var(--green)}
html[data-thema=donker] .plankop .l .oranje b{color:var(--orange)}
html[data-thema=donker] .groepslijst th{color:var(--muted);border-bottom:1px solid var(--bd)}
html[data-thema=donker] .groepslijst td{border-bottom:1px solid var(--bd)}
html[data-thema=donker] .groepslijst td.vd{color:var(--orange)}
html[data-thema=donker] .l .gangpad{color:#88b2dd}
html[data-thema=donker] .lijstknop{border:.5px solid rgba(255,255,255,0.18);background:var(--card);color:var(--text);box-shadow:var(--sh-1)}
html[data-thema=donker] .lijstknop:hover{background:var(--soft)}
html[data-thema=donker] .lijstknop.aan{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .planuitleg{color:var(--muted)}
html[data-thema=donker] .planuitleg code{background:var(--soft)}
html[data-thema=donker] .bronkeuze{background:var(--soft)}
html[data-thema=donker] .bronknop{color:var(--sec)}
html[data-thema=donker] .bronknop.aan{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.35)}
html[data-thema=donker] .showkies span{color:var(--muted)}
html[data-thema=donker] .knopje{border:.5px solid rgba(255,255,255,0.18);background:var(--card);color:var(--text);box-shadow:var(--sh-1)}
html[data-thema=donker] .knopje:hover{background:var(--soft)}
html[data-thema=donker] .knopje.primair{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .leesuit.fout{color:var(--orange)}
html[data-thema=donker] .planuitslag{color:var(--muted)}
html[data-thema=donker] .planuitslag.fout{color:var(--orange)}
html[data-thema=donker] .lijstregel{color:var(--muted)}
html[data-thema=donker] .lijstregel.fout{color:var(--orange)}
html[data-thema=donker] .kiesbalk .pijl{background:var(--card);border:.5px solid rgba(255,255,255,0.21);color:var(--text)}
html[data-thema=donker] .kiesbalk .kieslabel{color:var(--sec)}
html[data-thema=donker] .planvak{background:rgba(255,255,255,0.48)}
html[data-thema=donker] .planvenster{background:var(--card);box-shadow:var(--sh-pop)}
html[data-thema=donker] .sluitknop{background:var(--soft);color:var(--sec)}
html[data-thema=donker] #planmaak .balk{background:rgba(28,28,30,.28)}
html[data-thema=donker] .zoek{background:var(--card);border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .zoekkop .l{color:var(--sec)}
html[data-thema=donker] .laatknop,html[data-thema=donker] .uitknop,html[data-thema=donker] .blokknop{border:.5px solid rgba(255,255,255,0.21);background:var(--card);color:var(--sec)}
html[data-thema=donker] .laatknop:hover,html[data-thema=donker] .uitknop:hover,html[data-thema=donker] .blokknop:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] #deur[aria-pressed="true"]{background:#2c2c2e;color:#94d1a6;border-color:#71ad82}
html[data-thema=donker] .laatknop[aria-pressed="true"],html[data-thema=donker] .blokknop[aria-pressed="true"]{background:#362b1c;color:#ddb788;border-color:#cb9e53}
html[data-thema=donker] .zoek button[data-n]{border:.5px solid rgba(255,255,255,0.18);background:var(--soft);color:var(--text)}
html[data-thema=donker] .zoek button[data-n]:hover{background:#2c2c2e}
html[data-thema=donker] .zoek button[data-n] .badge{background:var(--acc);box-shadow:0 0 0 2px var(--card)}
html[data-thema=donker] .zoek button[aria-pressed="true"]{background:#f2f2f4;color:#1c1c1e;border-color:#f2f2f4}
html[data-thema=donker] .zoek .uitslag{color:var(--muted)}
html[data-thema=donker] .los-melding{color:var(--orange)}
html[data-thema=donker] .podiumblok{background:var(--card);border:.5px solid var(--hair)}
html[data-thema=donker] .podium{color:var(--muted)}
html[data-thema=donker] .podium button{border:.5px solid rgba(255,255,255,0.21);background:var(--card);color:var(--sec)}
html[data-thema=donker] .voorstelling{color:var(--text)}
html[data-thema=donker] .voorstelling .wanneer{color:var(--muted)}
html[data-thema=donker] .zaal{background:var(--card);border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .zaal.blokmodus{border-color:var(--orange)}
html[data-thema=donker] .zaal.laatmodus{border-color:#88b2dd}
html[data-thema=donker] .muur{fill:#0f0f11;stroke:#636366}
html[data-thema=donker] .gang{fill:#2c2c2e}
html[data-thema=donker] .deur{stroke:#8e8e93}
html[data-thema=donker] .deurdraai{stroke:#636366}
html[data-thema=donker] .deurgat{stroke:#1c1c1e}
html[data-thema=donker] .techtafel{stroke:#636366}
html[data-thema=donker] .podiumvlak{fill:#f2f2f4}
html[data-thema=donker] .vlaktekst{fill:#1c1c1e}
html[data-thema=donker] .rijlbl{fill:#98989d}
html[data-thema=donker] .stoel .zit{fill:#4caf65;stroke:rgba(255,255,255,0.18)}
html[data-thema=donker] .stoel .rug{fill:#98cda5}
html[data-thema=donker] .stoel .nr{fill:rgba(28,28,30,.92)}
html[data-thema=donker] .stoel.bezet .zit{fill:#d45149}
html[data-thema=donker] .stoel.bezet .rug{fill:#aa3f39}
html[data-thema=donker] .stoel.blok .zit{fill:#2c2c2e;stroke:#636366}
html[data-thema=donker] .stoel.blok .rug{fill:#48484a}
html[data-thema=donker] .stoel.blok .nr{fill:#636366}
html[data-thema=donker] .stoel.laat .zit{fill:#1c2736;stroke:#88b2dd}
html[data-thema=donker] .stoel.laat .rug{fill:#1c2736}
html[data-thema=donker] .stoel.laat .nr{fill:#88b2dd}
html[data-thema=donker] .stoel.tip .zit{stroke:#f2f2f4}
html[data-thema=donker] .stoel.tip2 .zit{stroke:rgba(255,255,255,0.675)}
html[data-thema=donker] .stoel.los .zit{stroke:#cf8d30}
html[data-thema=donker] .stoel.tip.los .zit{stroke:#f2f2f4}
html[data-thema=donker] .stoel.gekleurd .zit{fill:var(--kleur);stroke:var(--kleurrand)}
html[data-thema=donker] .stoel.gekleurd .rug{fill:var(--kleurrand)}
html[data-thema=donker] .stoel.gekleurd .nr{fill:var(--kleurtekst,rgba(28,28,30,.9))}
html[data-thema=donker] .zaal.voorbeeld .stoel:not(.gekleurd):not(.bezet):not(.blok):not(.laat) .zit{fill:#0f0f11;stroke:#636366}
html[data-thema=donker] .zaal.voorbeeld .stoel:not(.gekleurd):not(.bezet):not(.blok):not(.laat) .rug{fill:#48484a}
html[data-thema=donker] .zaal.voorbeeld .stoel:not(.gekleurd):not(.bezet):not(.blok):not(.laat) .nr{fill:#8e8e93}
html[data-thema=donker] .stoel.scanlicht .zit{stroke:#88b2dd}
html[data-thema=donker] .stoel:focus-visible .zit{stroke:#88b2dd}
html[data-thema=donker] .legenda{color:var(--muted)}
html[data-thema=donker] .legenda i.v{background:#4caf65}
html[data-thema=donker] .legenda i.b{background:#d45149}
html[data-thema=donker] .legenda i.l{box-shadow:inset 0 0 0 2px #ff9500}
html[data-thema=donker] .legenda i.g{background:#2c2c2e;box-shadow:inset 0 0 0 1px #c7c7cc}
html[data-thema=donker] .legenda i.k{background:#1c2736;box-shadow:inset 0 0 0 2px #0058b0}
html[data-thema=donker] .knop{border:.5px solid rgba(255,255,255,0.21);background:var(--card);color:var(--text);box-shadow:var(--sh-1)}
html[data-thema=donker] .knop:hover{background:var(--soft)}
html[data-thema=donker] .knop.primair{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .bevestig{background:#0f0f11;border:1px solid #361c1f;box-shadow:var(--sh-pop)}
html[data-thema=donker] .bevestig p{color:var(--text)}
html[data-thema=donker] .bevestig .ja{background:var(--no);border-color:var(--no)}
html[data-thema=donker] .bevestig .ook{color:#ddb788}
html[data-thema=donker] .deurvak{background:var(--card);border:1px solid #71ad82;box-shadow:var(--sh-pop)}
html[data-thema=donker] .deurvak p{color:var(--muted)}
html[data-thema=donker] .deurmaten button{border:.5px solid rgba(255,255,255,0.18);background:var(--soft);color:var(--text)}
html[data-thema=donker] .melding{background:rgba(255,255,255,1);color:#1c1c1e;box-shadow:0 12px 40px rgba(0,0,0,0.625)}
html[data-thema=donker] .melding button{background:rgba(28,28,30,.18);color:#1c1c1e}
html[data-thema=donker] table.sclijst th{color:var(--muted);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] table.sclijst td{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] table.sclijst tr.terug td{color:var(--muted)}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .velden{background:var(--soft)}
/* uit templates/boekingen.html */
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.g{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .psgrid h4{color:var(--text)}
html[data-thema=donker] .gegevens dt{color:var(--muted)}
html[data-thema=donker] .blok{background:var(--soft)}
html[data-thema=donker] .bkstap li{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .bkstap li small{color:var(--muted)}
html[data-thema=donker] .bkstap li.klaar{color:#96cfa3;background:#2c2c2e}
html[data-thema=donker] .bkstap li.klaar .b{background:#96cfa3;border-color:#96cfa3}
html[data-thema=donker] .bkstap li.nu{color:var(--ink);background:#1c1c1e;box-shadow:inset 0 0 0 1.5px var(--ink)}
html[data-thema=donker] .bkstap li.fout{color:#9b3b36;background:#0f0f11}
html[data-thema=donker] .bkstap li.fout .b{background:#9b3b36;border-color:#9b3b36}
html[data-thema=donker] .pdfvb{border:1px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] .betaalr{background:#1c2736;color:#8cb0d9}
html[data-thema=donker] .let{background:#362b1c;color:#ddb788}
html[data-thema=donker] .fvoorb{background:var(--soft)}
html[data-thema=donker] .fvoorb>small{color:var(--muted)}
html[data-thema=donker] .fv-kop{color:var(--acc)}
/* uit templates/vacatures.html */
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.g{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .stat.on{box-shadow:inset 0 0 0 2px var(--text)}
html[data-thema=donker] .sterren{color:#48484a}
html[data-thema=donker] .sterren .on{color:#d39e45}
html[data-thema=donker] button.ster{color:#48484a}
html[data-thema=donker] button.ster.on{color:#d39e45}
html[data-thema=donker] .gegevens dt{color:var(--muted)}
html[data-thema=donker] .blok{background:var(--soft)}
html[data-thema=donker] .pijp button{border:1px solid var(--bd);background:#1c1c1e;color:var(--sec)}
html[data-thema=donker] .pijp button.on{background:var(--text);border-color:var(--text);color:#1c1c1e}
html[data-thema=donker] .pdfvb{border:1px solid var(--bd);background:#1c1c1e}
html[data-thema=donker] .notitie{border-top:1px solid var(--hair)}
html[data-thema=donker] .notitie small{color:var(--muted)}
html[data-thema=donker] .logr{color:var(--sec);border-top:1px solid var(--hair)}
html[data-thema=donker] .kkol{background:var(--soft)}
html[data-thema=donker] .kkol.over{box-shadow:inset 0 0 0 2px var(--text)}
html[data-thema=donker] .kkol h4{color:var(--muted)}
html[data-thema=donker] .kkaart{background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] .kkaart small{color:var(--muted)}
html[data-thema=donker] .kkaart.nieuw b::after{color:var(--acc)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .opmaakbalk button{border:1px solid var(--bd);background:#1c1c1e}
/* uit templates/tour.html */
html[data-thema=donker] .leegkaart{color:var(--sec)}
html[data-thema=donker] .leegkaart .ic{color:var(--muted)}
html[data-thema=donker] #bord span.ok{color:#95d0a6}
html[data-thema=donker] #bord span.rood{color:#aa3c3a}
html[data-thema=donker] .bordrij{border:1px solid var(--bd)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .tdet b{color:var(--sec)}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.g{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .blok{background:var(--soft)}
html[data-thema=donker] .let{background:#362b1c;color:#ddb788}
/* uit templates/techniek.html */
html[data-thema=donker] .kand:hover{background:var(--soft)}
html[data-thema=donker] .kand input{accent-color:#f2f2f4}
html[data-thema=donker] .kand .kn small{color:var(--muted)}
html[data-thema=donker] .bv{border:1px dashed #48484a;background:#1c1c1e;color:var(--muted)}
html[data-thema=donker] .bv.ok{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .bv.w{background:#362f1c;color:#ddc488}
html[data-thema=donker] .bv.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .bv.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .bv.d-kan-liever{background:linear-gradient(135deg,#2c2c2e 0 50%,#362f1c 50% 100%)}
html[data-thema=donker] .bv.d-kan-niet{background:linear-gradient(135deg,#2c2c2e 0 50%,#0f0f11 50% 100%)}
html[data-thema=donker] .bv.d-kan-leeg{background:linear-gradient(135deg,#2c2c2e 0 50%,#1c1c1e 50% 100%);border:1px dashed #48484a}
html[data-thema=donker] .bv.d-liever-niet{background:linear-gradient(135deg,#362f1c 0 50%,#0f0f11 50% 100%)}
html[data-thema=donker] .bv.d-liever-leeg{background:linear-gradient(135deg,#362f1c 0 50%,#1c1c1e 50% 100%);border:1px dashed #48484a}
html[data-thema=donker] .bv.d-niet-leeg{background:linear-gradient(135deg,#0f0f11 0 50%,#1c1c1e 50% 100%);border:1px dashed #48484a}
html[data-thema=donker] .wtk{background:var(--soft);color:var(--text)}
html[data-thema=donker] .wtk small{color:var(--muted)}
html[data-thema=donker] .wtk small b{color:var(--text)}
html[data-thema=donker] .wtk:hover:not(:disabled){box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset}
html[data-thema=donker] .wtk.eigen{color:var(--blue);background:var(--blue-soft)}
html[data-thema=donker] .plek .tk{box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset}
html[data-thema=donker] .tkleur i{box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset}
html[data-thema=donker] .tkleur input:checked + i{box-shadow:0 0 0 2px var(--text)}
html[data-thema=donker] .tkleur input:focus-visible + i,html[data-thema=donker] .tkleur input:focus-visible + span{outline:2px solid var(--blue)}
html[data-thema=donker] .tkleur .auto .ad{box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset}
html[data-thema=donker] .tkleur .auto span{border:1px solid var(--hair)}
html[data-thema=donker] .tkleur .auto input:checked + span{border-color:var(--text)}
html[data-thema=donker] .plek .pzm{color:#8aaddb;background:#1c2736}
html[data-thema=donker] .plek .pzm.avond{color:var(--sec);background:rgba(255,255,255,0.09)}
html[data-thema=donker] .tpz{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .tpz.aan{background:#1c2736;color:#8aaddb}
html[data-thema=donker] .tpz.leeg{color:var(--muted)}
html[data-thema=donker] .tpz.leeg:hover:not(:disabled){color:var(--blue)}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .tt2{color:var(--muted)}
html[data-thema=donker] .tplek select.open{color:var(--muted)}
html[data-thema=donker] .twarn{color:#ddb788}
html[data-thema=donker] .zalen label{border:1px solid var(--hair)}
html[data-thema=donker] .zalen label:has(input:checked){border-color:#f2f2f4;background:var(--soft)}
html[data-thema=donker] .psgrid .veld>label{color:var(--sec)}
html[data-thema=donker] .tform .sec{color:var(--muted);border-top:1px solid var(--hair)}
html[data-thema=donker] .seg{background:var(--soft)}
html[data-thema=donker] .seg label{color:var(--sec)}
html[data-thema=donker] .seg label:has(input:checked){background:var(--card,#1c1c1e);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
html[data-thema=donker] .tartab th{color:var(--sec)}
/* uit templates/horeca.html */
html[data-thema=donker] .wkst{color:var(--sec)}
html[data-thema=donker] .wkst i{background:var(--orange)}
html[data-thema=donker] .wkst i.ok{background:var(--green)}
html[data-thema=donker] .hgrid{border:.5px solid var(--hair);border-radius:var(--r-lg);background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] .hgrid th,html[data-thema=donker] .hgrid td{border-bottom:.5px solid var(--hair);border-right:.5px solid #2c2c2e}
html[data-thema=donker] .hgrid thead th{background:#232326}
html[data-thema=donker] .hgrid thead th.nu{box-shadow:inset 0 -2px 0 var(--acc)}
html[data-thema=donker] .hgrid thead .dn small{color:var(--muted)}
html[data-thema=donker] .hgrid thead .nt{color:var(--sec)}
html[data-thema=donker] .hgrid .rk{background:#232326}
html[data-thema=donker] .hgrid .rk small{color:var(--muted)}
html[data-thema=donker] .dichtb{background:var(--soft);border:1px solid var(--hair)}
html[data-thema=donker] .hgrid td.voorbij{background:#232326}
html[data-thema=donker] .slot{border:.5px solid var(--hair);background:#1c1c1e}
html[data-thema=donker] .slot .st{color:var(--text)}
html[data-thema=donker] .slot .st small{color:var(--muted)}
html[data-thema=donker] .slot .st .aang{color:var(--orange)}
html[data-thema=donker] .slot.vol{border-color:color-mix(in srgb,var(--green) 40%,transparent)}
html[data-thema=donker] .slot.tekort{border-color:color-mix(in srgb,var(--orange) 55%,transparent)}
html[data-thema=donker] .hk{background:var(--soft);color:var(--text)}
html[data-thema=donker] .hk:hover{background:#38383a}
html[data-thema=donker] .hk .cpt{background:var(--orange)}
html[data-thema=donker] span.ok{color:var(--green)}
html[data-thema=donker] .slot.dropdoel{outline:2px dashed var(--blue);background:color-mix(in srgb,var(--blue) 6%,#1c1c1e)}
html[data-thema=donker] .slot .st .ssh{color:var(--sec)}
html[data-thema=donker] .hgrid thead .dsh{color:var(--sec)}
html[data-thema=donker] .hgrid thead .dsh i{color:var(--muted)}
html[data-thema=donker] .dk .dt{color:var(--text)}
html[data-thema=donker] .dk .dt:hover{color:var(--blue)}
html[data-thema=donker] .dk .dmeer{color:var(--muted)}
html[data-thema=donker] .dk .dmeer:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .dlab.aang{background:#362b1c;color:#ddb788}
html[data-thema=donker] .dtijd .tot{color:var(--muted)}
html[data-thema=donker] .dtijdk .lnk{color:var(--blue)}
html[data-thema=donker] .ppil{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .ppil.aan{background:#1c2736;color:#8aaddb}
html[data-thema=donker] .drij .nt{color:var(--muted)}
html[data-thema=donker] .mw{background:var(--soft)}
html[data-thema=donker] .wlab{color:var(--sec)}
html[data-thema=donker] .wised{border-top:.5px solid var(--hair)}
html[data-thema=donker] .wrij .wtot{color:var(--sec)}
html[data-thema=donker] .drij .dlab.vlab{background:#0f0f11;color:#a29ec7}
html[data-thema=donker] .vlp{border:.5px solid var(--hair)}
html[data-thema=donker] .vlp .vdag label{border:1px solid var(--hair)}
html[data-thema=donker] .vbl .vtot{color:var(--sec)}
html[data-thema=donker] .mwz{border:1px dashed var(--hair);color:var(--sec)}
html[data-thema=donker] .mw .mwk{color:var(--text)}
html[data-thema=donker] .mw .pzm{color:#8aaddb;background:#1c2736}
html[data-thema=donker] .mw .pzm.dienst{color:var(--sec);background:rgba(255,255,255,0.09)}
html[data-thema=donker] .mw .mwu{color:var(--sec)}
html[data-thema=donker] .mw .mwx{color:var(--muted)}
html[data-thema=donker] .mw .mwx:hover{background:#0f0f11;color:var(--no)}
html[data-thema=donker] .mw .cpt{background:var(--orange)}
html[data-thema=donker] .mw .bev{color:var(--green)}
html[data-thema=donker] .afw .dlab.o{background:#362b1c;color:#ddb788}
html[data-thema=donker] .afw .dlab.b{background:#1c2736;color:#8aaddb}
html[data-thema=donker] .mw.open{background:#1c1c1e;box-shadow:0 0 0 1px var(--hair) inset}
html[data-thema=donker] .hopen.mwv{border:1px dashed var(--hair);color:var(--muted)}
html[data-thema=donker] .hopen.mwv:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .slot.tekort .hopen.mwv{border-color:color-mix(in srgb,var(--orange) 70%,transparent);color:#ddb788}
html[data-thema=donker] .zkeus{background:var(--soft)}
html[data-thema=donker] .zkeus button{color:var(--sec)}
html[data-thema=donker] .zkeus button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.3)}
html[data-thema=donker] .bzc small{color:var(--muted)}
html[data-thema=donker] .hk .bev{color:var(--green)}
html[data-thema=donker] .vzrij{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .vzrij .vi small{color:var(--muted)}
html[data-thema=donker] .nieuwtje{background:var(--acc)}
html[data-thema=donker] .portaalblok{background:var(--soft)}
html[data-thema=donker] .hk.ziek{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .hk.weg{border:1px dashed var(--hair);color:var(--muted)}
html[data-thema=donker] .hopen{border:1px dashed color-mix(in srgb,var(--orange) 70%,transparent);color:#ddb788}
html[data-thema=donker] .hopen:hover{background:#362b1c}
html[data-thema=donker] .oprb{background:#362b1c;color:#ddb788}
html[data-thema=donker] .oplijst label:hover{background:var(--soft)}
html[data-thema=donker] .oplijst input{accent-color:#f2f2f4}
html[data-thema=donker] .oplijst .kn small{color:var(--muted)}
html[data-thema=donker] .hplus{color:var(--muted)}
html[data-thema=donker] .hplus:hover{background:var(--soft);color:var(--text)}
html[data-thema=donker] .bl{color:var(--text)}
html[data-thema=donker] .bl .d{background:var(--faint,#636366)}
html[data-thema=donker] .bl.beschikbaar .d{background:var(--green)}
html[data-thema=donker] .bl.niet .d,html[data-thema=donker] .bl.vakantie .d,html[data-thema=donker] .bl.ziek .d{background:var(--no)}
html[data-thema=donker] .bl.niet,html[data-thema=donker] .bl.vakantie,html[data-thema=donker] .bl.ziek,html[data-thema=donker] .bl.leeg{color:var(--muted)}
html[data-thema=donker] .bl .u{color:var(--muted)}
html[data-thema=donker] .bl .u.over{color:var(--no)}
html[data-thema=donker] .dgkr:hover{background:var(--hover,#2c2c2e)}
html[data-thema=donker] .dgkr small{color:var(--muted)}
html[data-thema=donker] .dgkr em{color:var(--muted)}
html[data-thema=donker] .dgkr kbd,html[data-thema=donker] .dgkand .hint kbd{border:1px solid var(--line,#48484a)}
html[data-thema=donker] .dgkniet summary{color:var(--muted)}
html[data-thema=donker] .dgb.dgkies{outline:2px solid var(--blue,#2b71b8)}
html[data-thema=donker] .dgb.dgruil{outline:2px dashed var(--blue,#2b71b8)}
html[data-thema=donker] .lkpil{background:#2c2c2e;color:#96cfa4}
html[data-thema=donker] .lkpil.oranje{background:#362c1c;color:#ddb388}
html[data-thema=donker] .lkpil.rood{background:#2c2c2e;color:#a83035}
html[data-thema=donker] .controles li.akk{color:var(--muted)}
html[data-thema=donker] .controles li.akk .ic{color:var(--green)}
html[data-thema=donker] .controles li .ic{color:var(--orange)}
html[data-thema=donker] .controles li.f .ic{color:var(--no)}
html[data-thema=donker] .controles li.i .ic{color:var(--blue)}
html[data-thema=donker] .kand{color:var(--text)}
html[data-thema=donker] .kand:hover{background:var(--soft)}
html[data-thema=donker] .kand .kn small{color:var(--muted)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .rolkeus label{border:1px solid var(--hair)}
html[data-thema=donker] .rolkeus label:has(input:checked){border-color:#f2f2f4;background:var(--soft)}
html[data-thema=donker] .rolkeus input{accent-color:#f2f2f4}
html[data-thema=donker] .certrij{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] .certrij .verl{color:var(--no)}
html[data-thema=donker] .bcel{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .bcel.beschikbaar{background:#38383a;color:#97cea8}
html[data-thema=donker] .bcel.niet,html[data-thema=donker] .bcel.ziek{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .bcel.vakantie{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .bcel:hover{outline:2px solid var(--hair)}
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .dgz label{border:1px solid var(--hair);background:#1c1c1e}
html[data-thema=donker] .dgz input{accent-color:#f2f2f4}
html[data-thema=donker] .dlab.dgcon{background:var(--oranje);color:#ddb688}
html[data-thema=donker] .dlab.dgok{background:#203225;color:#96cfad}
html[data-thema=donker] .dgrid{border:.5px solid var(--hair);border-radius:var(--r-lg);background:#1c1c1e;box-shadow:var(--sh-1)}
html[data-thema=donker] .dglijn i{background:#38383a}
html[data-thema=donker] .dglijn i.half{background:#2c2c2e}
html[data-thema=donker] .dglijn i.nu{background:var(--acc)}
html[data-thema=donker] .dgr{border-top:.5px solid rgba(255,255,255,0.09)}
html[data-thema=donker] .dgl{background:#1c1c1e;border-right:.5px solid var(--hair)}
html[data-thema=donker] .dgl small{color:var(--muted)}
html[data-thema=donker] .dgu{color:var(--sec)}
html[data-thema=donker] .dgf{color:var(--no)}
html[data-thema=donker] .dgk{color:var(--muted)}
html[data-thema=donker] .dgas .dgt span{color:var(--sec)}
html[data-thema=donker] .dgdeur{background:repeating-linear-gradient(135deg,#2c2c2e 0 5px,#38383a 5px 10px);color:#aeaeb2}
html[data-thema=donker] .dgsh{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dgsh small{color:#48484a}
html[data-thema=donker] .dgvk{background:rgba(28,28,30,.22)}
html[data-thema=donker] .dgvk i{background:#1c1c1e}
html[data-thema=donker] .dgsep{border-top:.5px solid rgba(255,255,255,0.12);background:#232326;color:var(--muted)}
html[data-thema=donker] .dgopen{background:#232326}
html[data-thema=donker] .dgopen .dgl{background:#232326}
html[data-thema=donker] .dgopen .dgl b{color:#dd8895}
html[data-thema=donker] .dgnr{border:1.5px dashed var(--acc);color:var(--acc)}
html[data-thema=donker] .dgb.dgo{background:#1c1c1e;border:1.5px dashed var(--acc);color:#dd8895}
html[data-thema=donker] .dgghost{background:#f2f2f4;color:#1c1c1e;box-shadow:0 4px 14px rgba(0,0,0,0.625)}
html[data-thema=donker] .dgb.dgcon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(28,28,30,.35) 6px 9px)}
html[data-thema=donker] .dgb.dgfout{box-shadow:0 0 0 2px var(--no)}
html[data-thema=donker] .dgdienst{background:#2c2c2e;border:.5px solid #38383a}
html[data-thema=donker] .dgvrij{border:1px dashed #74a984;background:#0f0f11;color:#99cca7}
html[data-thema=donker] .dgr.dropdoel{background:color-mix(in srgb,var(--blue) 6%,#1c1c1e)}
html[data-thema=donker] .dgr.dropdoel .dgl{box-shadow:inset 3px 0 0 var(--blue)}
html[data-thema=donker] .dgbez{background:#232326}
html[data-thema=donker] .dgbez .dgl{background:#232326}
html[data-thema=donker] .dgbez .dgk i{background:#d1d1d6}
html[data-thema=donker] .dgbez .dgk i.open{background:repeating-linear-gradient(135deg,var(--acc) 0 2px,#361c1e 2px 4px)}
html[data-thema=donker] .dgi{background:#d1d1d6}
html[data-thema=donker] .dgi.open{background:repeating-linear-gradient(135deg,var(--acc) 0 2px,#361c1e 2px 4px)}
html[data-thema=donker] .tpv .ibtn{color:var(--muted)}
html[data-thema=donker] .tpv .ibtn:hover:not(:disabled){background:var(--soft);color:var(--text)}
html[data-thema=donker] .tpregels .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .tpchips label{border:1px solid var(--hair);background:#1c1c1e}
html[data-thema=donker] .tpchips input{accent-color:#f2f2f4}
html[data-thema=donker] .tpl{border:.5px solid var(--hair)}
html[data-thema=donker] .tpt .ibtn{color:var(--muted)}
html[data-thema=donker] .tpvw{border-top:.5px solid var(--hair)}
html[data-thema=donker] .tpvr{border-top:.5px solid rgba(255,255,255,0.09)}
html[data-thema=donker] .tpvl small{color:var(--muted)}
html[data-thema=donker] .tpvas .tpvt span{color:var(--muted)}
html[data-thema=donker] .tpdeur{background:repeating-linear-gradient(135deg,#2c2c2e 0 5px,#38383a 5px 10px)}
html[data-thema=donker] .tpsh{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dgb.dgklaar{box-shadow:0 0 0 3px #fde2e4}
html[data-thema=donker] .dgnieuw{background:var(--acc)}
html[data-thema=donker] .dgb.dgniet{background:#232326;border:1px dashed #48484a;color:var(--muted)}
html[data-thema=donker] .dgb.dgsleep{box-shadow:0 6px 18px rgba(0,0,0,0.45)}
html[data-thema=donker] .dgb.dgsel{outline:2px solid #3984d0}
html[data-thema=donker] .dgtip{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dgmeer{border:1px solid #c49559;background:repeating-linear-gradient(135deg,rgba(208,149,57,.55) 0 4px,rgba(54,42,28,.6) 4px 8px)}
html[data-thema=donker] .dgrect{border:1.5px solid #3984d0;background:rgba(57,132,208,.08)}
html[data-thema=donker] .dgundo{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dgundo .btn{background:#1c1c1e;color:#f2f2f4}
html[data-thema=donker] .dgselbalk{background:#1c2736;border:1px solid #1c2736}
html[data-thema=donker] .dgzoom{background:var(--soft)}
html[data-thema=donker] .dgzoom button{color:var(--sec)}
html[data-thema=donker] .dgzoom button:hover{background:#1c1c1e}
html[data-thema=donker] .dgpz{background:repeating-linear-gradient(135deg,rgba(28,28,30,.95) 0 3px,rgba(255,255,255,0.42) 3px 6px);border:1px solid rgba(255,255,255,0.675)}
html[data-thema=donker] .dgpz.dgpzrood{background:repeating-linear-gradient(135deg,#1c1c1e 0 3px,rgba(174,41,54,.45) 3px 6px);border-color:var(--no)}
html[data-thema=donker] .dgpzin{background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(221,136,149,.25) 3px 6px)}
html[data-thema=donker] .dgtv{border:.5px solid var(--hair)}
html[data-thema=donker] .dgtvl input{accent-color:#f2f2f4}
html[data-thema=donker] .dgplak{background:#3984d0;box-shadow:0 0 0 3px rgba(10,132,255,.2)}
html[data-thema=donker] .tpregw{color:var(--blue)}
html[data-thema=donker] .tpdet>summary{color:var(--sec)}
html[data-thema=donker] .card.tpbp{background-color:#232326;background-image:linear-gradient(rgba(57,132,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(57,132,208,.07) 1px,transparent 1px);border-color:#1c2736}
html[data-thema=donker] .tppil{background:#3984d0}
html[data-thema=donker] .tpvuil{background:var(--oranje);color:#ddb688}
html[data-thema=donker] .tpgrid{background:rgba(28,28,30,.8)}
html[data-thema=donker] .tpgrid .dgl{background:rgba(28,28,30,.92)}
html[data-thema=donker] .tpgrid .tpshow{background:#d1d1d6}
html[data-thema=donker] .tprol.tprolplus{background:#1c1c1e;border:1px dashed var(--blue);color:var(--blue)}
html[data-thema=donker] .tpspook{box-shadow:0 6px 18px rgba(0,0,0,0.5)}
html[data-thema=donker] .tpnieuw .dgl b{color:var(--blue)}
html[data-thema=donker] .tpnieuw{background:rgba(57,132,208,.04)}
html[data-thema=donker] .dgopenz{border-top:1px solid #38383a}
html[data-thema=donker] .pill.tpzg{background:#38383a;color:#97cea8}
html[data-thema=donker] .pill.tpzw{background:#362d1c;color:#ddbf88}
html[data-thema=donker] .tpplus{border:1px dashed var(--blue);background:#1c1c1e;color:var(--blue)}
html[data-thema=donker] .tpplus:hover{background:rgba(57,132,208,.08)}
html[data-thema=donker] .tpmrol{border-top:1px solid var(--line)!important}
html[data-thema=donker] .tpuur{color:var(--muted)}
html[data-thema=donker] .tpwarn{color:#1c1c1e;background:#8e8e93}
html[data-thema=donker] .tpwarn.f{background:#ae2936}
html[data-thema=donker] .tpwarn.w{background:#a34626}
html[data-thema=donker] .tpcurvek .dgk{color:var(--muted)}
html[data-thema=donker] .tpcurvek{border-top:1px dashed var(--line)}
html[data-thema=donker] .tpmeldk li.f{color:#ae2936}
html[data-thema=donker] .tpmeldk li.w{color:#a34626}
html[data-thema=donker] .tpmeldk li.i{color:var(--muted)}
html[data-thema=donker] .tppz{color:var(--muted)}
html[data-thema=donker] .tppz.auto{background:repeating-linear-gradient(135deg,rgba(28,28,30,.85) 0 3px,rgba(255,255,255,0.21) 3px 6px)}
html[data-thema=donker] .tpgroep{border-top:2px solid var(--line)}
html[data-thema=donker] .tpkop{color:#1c1c1e}
html[data-thema=donker] .tpsleeprij{box-shadow:0 6px 18px rgba(0,0,0,0.45);background:var(--bg,#1c1c1e)}
html[data-thema=donker] .tpdropvoor{box-shadow:inset 0 3px 0 #0a84ff}
html[data-thema=donker] .tpdropna{box-shadow:inset 0 -3px 0 #0a84ff}
html[data-thema=donker] .tpbw{color:var(--muted)}
html[data-thema=donker] .tpbw.fout{color:#ae2936}
html[data-thema=donker] .tpbz .bzc small{color:var(--muted)}
html[data-thema=donker] .tpsetkop{border-top:1px solid var(--line)}
html[data-thema=donker] .tpsetkop small{color:var(--muted)}
/* uit templates/personeel.html */
html[data-thema=donker] .pt{background:rgba(28,28,30,.86);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .pt .ctlogo{color:var(--text)}
html[data-thema=donker] .pt small{color:var(--muted)}
html[data-thema=donker] .ph i{color:var(--acc)}
html[data-thema=donker] .psub{color:var(--muted)}
html[data-thema=donker] .dk .db{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .dk .db small{color:#636366}
html[data-thema=donker] .dk.ziek .db,html[data-thema=donker] .dk.voorbij .db{background:#8e8e93}
html[data-thema=donker] .dk .di .t{color:var(--sec)}
html[data-thema=donker] .dk .di .mee{color:var(--muted)}
html[data-thema=donker] .ok{color:var(--green)}
html[data-thema=donker] .lijstkop{color:var(--muted)}
html[data-thema=donker] .wkkop{color:var(--sec)}
html[data-thema=donker] .brij{border-bottom:.5px solid var(--hair);background:var(--card,#1c1c1e)}
html[data-thema=donker] .brij .dn small{color:var(--muted)}
html[data-thema=donker] .blok{border:.5px solid var(--hair);box-shadow:var(--sh-1)}
html[data-thema=donker] .seg3{background:var(--soft)}
html[data-thema=donker] .seg3 button{color:var(--sec)}
html[data-thema=donker] .seg3 button.on.ja{background:#38383a;color:#97cea8}
html[data-thema=donker] .seg3 button.on.nee{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .seg3 button.on.leeg{background:#1c1c1e;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,0.25)}
html[data-thema=donker] .mndrij button{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .mndrij button.on{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .shkeus i{color:var(--muted)}
html[data-thema=donker] .vastpil{color:var(--muted);border:1px solid var(--hair)}
html[data-thema=donker] .tijdknop{color:var(--blue)}
html[data-thema=donker] .nav{background:rgba(28,28,30,.92);border-top:.5px solid var(--hair)}
html[data-thema=donker] .nav button{color:var(--muted)}
html[data-thema=donker] .nav button.on{color:var(--text)}
html[data-thema=donker] .nav button.on .ic{color:var(--acc)}
html[data-thema=donker] .nav .bdg{background:var(--acc)}
html[data-thema=donker] .vz p{color:var(--sec)}
html[data-thema=donker] .inlog h1 i{color:var(--acc)}
html[data-thema=donker] .inlog p{color:var(--sec)}
html[data-thema=donker] .inlog .link{color:var(--blue)}
html[data-thema=donker] .fout{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .ckm{color:var(--muted)}
html[data-thema=donker] .ckm span{color:var(--sec)}
html[data-thema=donker] .ckrood{color:#9f2535}
html[data-thema=donker] .ckbar{background:var(--soft,#2c2c2e)}
html[data-thema=donker] .ckbar i{background:#4ab765}
html[data-thema=donker] .cki{border-top:.5px solid var(--hair)}
html[data-thema=donker] .ckb{border:1.5px solid #636366;background:var(--card,#1c1c1e);color:#1c1c1e}
html[data-thema=donker] .ckb.v{background:#4ab765;border-color:#4ab765}
html[data-thema=donker] .ckb.o{background:#d09539;border-color:#d09539}
html[data-thema=donker] .cki.gedaan .ckx{color:var(--muted)}
html[data-thema=donker] .ckt small{color:var(--muted)}
html[data-thema=donker] .ckv{color:#ddb788;background:#362b1c}
html[data-thema=donker] .ckg span{color:var(--muted)}
html[data-thema=donker] .cklink{color:var(--blue,#2b71b8)}
html[data-thema=donker] .ckn{background:var(--soft,#2c2c2e)}
html[data-thema=donker] .ckn small{color:var(--muted)}
html[data-thema=donker] .goed{background:#2c2c2e;color:#99cca7}
html[data-thema=donker] .ikrij{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .avbalk{background:var(--line,#38383a)}
html[data-thema=donker] .avbalk i.pz,html[data-thema=donker] .wb.pzb{background:repeating-linear-gradient(135deg,#1c1c1e 0 3px,#8e8e93 3px 6px)!important}
html[data-thema=donker] .wis .mut,html[data-thema=donker] .avond .mut{color:var(--sec,#8e8e93)}
html[data-thema=donker] .oprol{border-top:.5px solid var(--hair)}
html[data-thema=donker] .oprol .t{color:var(--sec)}
html[data-thema=donker] .vdv{color:var(--orange)!important}
/* uit templates/financieel.html */
html[data-thema=donker] .fiviz{--s1:#467bba;--s2:#cd7450;--s3:#339773;--as:#38383a}
html[data-thema=donker] .sync{color:var(--muted)}
html[data-thema=donker] .sync b{color:var(--sec)}
html[data-thema=donker] .sync small.rood{color:var(--no)}
html[data-thema=donker] .wr{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .wr.fout{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .wr.onvolledig,html[data-thema=donker] .wr.verouderd{background:#362b1c;color:#ddb788}
html[data-thema=donker] .kpi{background:#1c1c1e;border:.5px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
html[data-thema=donker] .kpi .kk{color:var(--muted)}
html[data-thema=donker] .kpi .info{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .kpi .info:hover{background:#38383a;color:var(--text)}
html[data-thema=donker] .kpi .w{color:var(--text)}
html[data-thema=donker] .kpi .vg{border-top:.5px solid var(--hair)}
html[data-thema=donker] .kpi .vg span{color:var(--muted)}
html[data-thema=donker] .kpi .vg b{color:var(--sec)}
html[data-thema=donker] .st.groen{background:#2c2c2e;color:#94d1a6}
html[data-thema=donker] .st.oranje{background:#362b1c;color:#ddb788}
html[data-thema=donker] .st.rood{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .st.grijs{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .card .sub{color:var(--muted)}
html[data-thema=donker] .grafiek .as text{fill:var(--muted)}
html[data-thema=donker] .grafiek .rooster line{stroke:var(--as)}
html[data-thema=donker] .grafiek .l1{stroke:var(--s1)}
html[data-thema=donker] .grafiek .l2{stroke:var(--s2)}
html[data-thema=donker] .grafiek .l3{stroke:var(--s3)}
html[data-thema=donker] .grafiek .glb{fill:var(--sec);stroke:var(--card,#1c1c1e)}
html[data-thema=donker] .grafiek .kruis{stroke:var(--faint)}
html[data-thema=donker] .grafiek .punt{stroke:#1c1c1e}
html[data-thema=donker] .legenda2{color:var(--sec)}
html[data-thema=donker] #gtip,html[data-thema=donker] #vtip{background:#f2f2f4;color:#1c1c1e;box-shadow:0 8px 24px rgba(0,0,0,0.45)}
html[data-thema=donker] table.t td{border-bottom:.5px solid #2c2c2e}
html[data-thema=donker] table.t tr.tot td{border-top:1px solid var(--bd)}
html[data-thema=donker] .progn div{background:var(--soft)}
html[data-thema=donker] .progn small{color:var(--muted)}
html[data-thema=donker] .progn em{color:var(--sec)}
html[data-thema=donker] .schat{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .bin.fout{border-color:var(--no)!important}
html[data-thema=donker] .vb tr.fout td{background:#0f0f11}
html[data-thema=donker] .logr{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .logr .lt small{color:var(--muted)}
html[data-thema=donker] .logr.terug .lt b{color:var(--muted)}
html[data-thema=donker] .telg{color:var(--muted)}
html[data-thema=donker] .vmraster td.vmh{background:color-mix(in srgb,var(--s1) var(--a),transparent)}
html[data-thema=donker] .vmraster td.vmh small.vmpct{color:var(--muted)}
html[data-thema=donker] .vmraster tr.vmn2 td:first-child{color:var(--muted)}
html[data-thema=donker] .vmraster tr.vmn0 td{border-top:1px solid var(--bd)}
html[data-thema=donker] .vmraster tr.vmweinig td{color:var(--muted)}
html[data-thema=donker] .nmok{color:#94d1a6}
html[data-thema=donker] #v-verkoopmoment table.t tr.aan td{background:var(--blue-soft)}
html[data-thema=donker] .nmnee{color:#dd888c}
html[data-thema=donker] .smcel:hover{background:#0f0f11;color:#3764a5}
html[data-thema=donker] .grafiek .nblijn{stroke:var(--s2)}
html[data-thema=donker] .grafiek .nbtekst{fill:var(--sec)}
html[data-thema=donker] .grafiek .nbbalk{fill:var(--s1)}
html[data-thema=donker] tr.vmverborgen td{color:var(--muted)}
html[data-thema=donker] .vmverb summary{color:var(--sec)}
html[data-thema=donker] .grafiek .band{fill:var(--s2)}
html[data-thema=donker] .grafiek .caplijn{stroke:var(--faint)}
html[data-thema=donker] .vmband{color:var(--muted)}
html[data-thema=donker] tr.aan td{background:var(--blue-soft)}
html[data-thema=donker] tr.klikrij:hover td{background:var(--soft)}
html[data-thema=donker] .subtabs{background:var(--soft)}
html[data-thema=donker] .subtabs button{color:var(--sec)}
html[data-thema=donker] .subtabs button:hover{color:var(--text)}
html[data-thema=donker] .kpi.klik:hover{box-shadow:var(--sh-2,0 4px 16px rgba(0,0,0,0.2))}
html[data-thema=donker] .kpi .hosub{color:var(--muted)}
html[data-thema=donker] .hostaaf i{background:var(--s1,#467bba)}
html[data-thema=donker] .hostaaf small{color:var(--muted)}
html[data-thema=donker] .honeer{color:#dd888c}
html[data-thema=donker] .hoop{color:#94d1a6}
html[data-thema=donker] .hoink i.hogr{background:var(--muted)}
html[data-thema=donker] .grafiek .hobalk{fill:var(--s1)}
html[data-thema=donker] .grafiek .hoas{fill:var(--muted)}
html[data-thema=donker] .subtabs button.on{background:#1c1c1e;color:var(--text);box-shadow:var(--sh-1)}
/* uit templates/meldingen.html */
html[data-thema=donker] .pill.mt-nieuw{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.mt-wacht{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.mt-herinnerd{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.mt-beantwoord{background:#38383a;color:#97cea8}
html[data-thema=donker] .pill.mt-afgerond{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .pill.prio-hoog{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .mtweerg button{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .mtweerg button.on{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] table.t td small{color:var(--muted)}
html[data-thema=donker] .mtnr{color:var(--muted)}
html[data-thema=donker] .mtlaatst{background:#362d1c;border:1px solid #cb9f52}
html[data-thema=donker] .mttl{border-left:2px solid var(--hair)}
html[data-thema=donker] .mttl .it::before{background:var(--card,#1c1c1e);border:2px solid #636366}
html[data-thema=donker] .mttl .it.mail::before{border-color:#88b2dd}
html[data-thema=donker] .mttl .it.antwoord::before{border-color:#95d0a6;background:#95d0a6}
html[data-thema=donker] .mttl .it.herinnering::before{border-color:#aa3c3a}
html[data-thema=donker] .mttl .it.telefoon::before{border-color:#a36826}
html[data-thema=donker] .mttl .k{color:var(--sec)}
html[data-thema=donker] .mttl .k b{color:var(--text)}
html[data-thema=donker] .mttl .ber{background:var(--soft)}
html[data-thema=donker] .mttl .ber.antwoord{background:#2c2c2e}
html[data-thema=donker] .mttl .klein{color:var(--muted)}
html[data-thema=donker] .mtside .rij{border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .mtside .rij>span:first-child{color:var(--sec)}
html[data-thema=donker] .mtbij a{color:var(--sec)}
html[data-thema=donker] .mtbij img{border:.5px solid var(--hair)}
html[data-thema=donker] .mtbij .pdf{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
html[data-thema=donker] .mttags span{background:var(--soft);border:1px solid var(--hair)}
html[data-thema=donker] .mttags button{background:var(--hair);color:var(--sec)}
html[data-thema=donker] .mailvb{border:1px solid var(--hair)}
/* uit templates/kantoor.html */
html[data-thema=donker] body{background:var(--bg,#0f0f11)}
html[data-thema=donker] .kt{background:rgba(28,28,30,.86);border-bottom:.5px solid var(--hair)}
html[data-thema=donker] .kt b i{color:var(--acc)}
html[data-thema=donker] .kt small{color:var(--muted)}
html[data-thema=donker] .ktik{background:var(--soft);color:var(--text)}
html[data-thema=donker] .kmenu a,html[data-thema=donker] .kmenu button{border-top:.5px solid var(--hair);color:var(--text)}
html[data-thema=donker] .kmenu .rood{color:#ad4141}
html[data-thema=donker] .istap{border-top:.5px solid var(--hair)}
html[data-thema=donker] .istap b.n{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .ks{color:var(--muted)}
html[data-thema=donker] .kc{background:var(--card,#1c1c1e);box-shadow:0 1px 2px rgba(0,0,0,0.125)}
html[data-thema=donker] .kc:hover{background:var(--card,#1c1c1e)}
html[data-thema=donker] .kc .m{color:var(--muted)}
html[data-thema=donker] .kr{border-top:.5px solid var(--hair)}
html[data-thema=donker] .kr span{color:var(--muted)}
html[data-thema=donker] .kn{color:var(--muted)}
html[data-thema=donker] .kbtn{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .kbtn.l{background:var(--soft);color:var(--text)}
html[data-thema=donker] .dagnav button{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .kplek{border-top:.5px solid var(--hair);color:var(--text)}
html[data-thema=donker] .kplek span{color:var(--muted)}
html[data-thema=donker] .kplek b.kleeg{color:#ad4141}
html[data-thema=donker] .kplek.erbij b{color:#88b2dd}
html[data-thema=donker] .kplek i{color:var(--muted)}
html[data-thema=donker] .kplek .adh{color:#ddb788;background:#362b1c}
html[data-thema=donker] .stp{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .stp.pub{background:#38383a;color:#97cea8}
html[data-thema=donker] .mt{background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .mt small{color:var(--muted)}
html[data-thema=donker] .kpil{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .kpil.wacht,html[data-thema=donker] .kpil.herinnerd{background:#362b1c;color:#ddb788}
html[data-thema=donker] .kpil.beantwoord{background:#38383a;color:#97cea8}
html[data-thema=donker] .kpil.afgerond{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .fotos img,html[data-thema=donker] .fotos a.pdf{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .camknop{border:2px dashed var(--hair);color:var(--text);background:var(--card,#1c1c1e)}
html[data-thema=donker] .kveld span{color:var(--sec)}
html[data-thema=donker] .kveld input,html[data-thema=donker] .kveld select,html[data-thema=donker] .kveld textarea{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .kseg button{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .kseg button.on{background:#f2f2f4;border-color:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .ktnav{background:rgba(28,28,30,.92);border-top:.5px solid var(--hair)}
html[data-thema=donker] .ktnav button{color:var(--muted)}
html[data-thema=donker] .ktnav button.on{color:var(--text)}
html[data-thema=donker] .ktnav button.on svg{color:var(--acc)}
html[data-thema=donker] .kscrim{background:rgba(255,255,255,0.525)}
html[data-thema=donker] .ksheet{background:var(--card,#1c1c1e)}
html[data-thema=donker] .ksheet .sh button{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .kkies{border-top:.5px solid var(--hair);color:var(--text)}
html[data-thema=donker] .kkies small{color:var(--muted)}
html[data-thema=donker] .kkies .kkn{color:var(--text)}
html[data-thema=donker] .ktel{background:var(--soft)}
html[data-thema=donker] .kbtn.rood{background:#ad4141}
html[data-thema=donker] .kmail{border-top:.5px solid var(--hair)}
html[data-thema=donker] .kmail small{color:var(--muted)}
html[data-thema=donker] .kbek{background:var(--soft);color:var(--text)}
html[data-thema=donker] .kmvb{border:1px solid var(--hair);background:#1c1c1e;color:#f2f2f4}
html[data-thema=donker] .kgroep{color:var(--muted)}
html[data-thema=donker] .ktoast{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .ktoast.f{background:#ad4141}
html[data-thema=donker] .meer a{border-top:.5px solid var(--hair);color:var(--text)}
html[data-thema=donker] .meer a small{color:var(--muted)}
html[data-thema=donker] .aft{background:var(--soft);color:var(--sec)}
html[data-thema=donker] .aft.open{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .aft.bezig{background:#0f0f11;color:#ad4141}
html[data-thema=donker] .avcijfers small{color:var(--muted)}
html[data-thema=donker] .avplus{color:#97cea8;background:#38383a}
html[data-thema=donker] .knotitie{background:#36311c;border:1px solid #c9b155}
html[data-thema=donker] .knotitie .nk{color:#ddcb88}
html[data-thema=donker] .kvolg{border-top:.5px solid var(--hair);color:var(--acc)}
html[data-thema=donker] .vgrij{border-top:.5px solid var(--hair)}
html[data-thema=donker] .vgrij .t{color:var(--muted)}
html[data-thema=donker] .vgrij.pz b{color:var(--muted)}
html[data-thema=donker] .vgrij .mn{color:var(--muted)}
html[data-thema=donker] .kvg{border-top:.5px solid var(--hair)}
html[data-thema=donker] .kvgr i{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .kvgr span{color:var(--muted)}
html[data-thema=donker] .kvgr.pz i{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .kvgr.pz b{color:var(--muted)}
html[data-thema=donker] .vgmaak{color:#97cea8;background:#38383a}
html[data-thema=donker] .vgrij .nr2{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .vgd button{background:var(--soft);color:var(--text)}
html[data-thema=donker] .vgd b.eigen{color:#88b2dd}
html[data-thema=donker] .vgrij .grip{color:var(--muted)}
html[data-thema=donker] .vgrij.slp{background:var(--card,#1c1c1e);box-shadow:0 8px 24px rgba(0,0,0,0.7)}
html[data-thema=donker] .vgrij.vast{background:var(--soft)}
html[data-thema=donker] .seg2{border:1px solid var(--hair)}
html[data-thema=donker] .seg2 button{color:var(--muted)}
html[data-thema=donker] .seg2 button.on{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .vgeind{border-top:.5px solid var(--hair)}
html[data-thema=donker] .vgeind.te b{color:#ddb788}
html[data-thema=donker] .avbalk{background:var(--hair)}
html[data-thema=donker] .avbalk .vk{background:#1c2736}
html[data-thema=donker] .avbalk .bi{background:#4b81c5}
html[data-thema=donker] .vdag span{color:var(--muted)}
html[data-thema=donker] .vstip{background:var(--acc)}
html[data-thema=donker] .vst span{color:var(--muted)}
html[data-thema=donker] .vtp{color:#97cea8;background:#38383a}
html[data-thema=donker] .vtp.nul{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .vto{color:var(--muted)}
html[data-thema=donker] .vto b{color:var(--text)}
html[data-thema=donker] .vk .vplus.nul{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .vk .vplus.vwl{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .vrij{background:var(--card,#1c1c1e)}
html[data-thema=donker] .vn small{color:var(--muted)}
html[data-thema=donker] .vk .vplus{color:#97cea8;background:#38383a}
html[data-thema=donker] .vbalk{background:var(--hair)}
html[data-thema=donker] .vbalk i{background:#4b81c5}
html[data-thema=donker] .vrij.vol .vbalk i{background:#4caf65}
html[data-thema=donker] .vcijfer{color:var(--sec)}
html[data-thema=donker] .vcijfer b{color:var(--text)}
html[data-thema=donker] .vgeen{color:var(--muted)}
html[data-thema=donker] .kgroep.nu{color:var(--acc)}
html[data-thema=donker] .veeghint{color:var(--muted)}
html[data-thema=donker] .ktog{border-top:.5px solid var(--hair)}
html[data-thema=donker] .ktog small{color:var(--muted)}
html[data-thema=donker] .ktog i{background:#48484a}
html[data-thema=donker] .ktog i::after{background:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,0.625)}
html[data-thema=donker] .ktog input:checked+i{background:#4caf65}
html[data-thema=donker] .kuur{border:1px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .ktoast .tknop{background:#1c1c1e;color:#f2f2f4}
html[data-thema=donker] .koffline{background:#362b1c;color:#ddb788}
html[data-thema=donker] .mt.wacht{border:1.5px dashed #cf9947}
html[data-thema=donker] .kpil.wacht{background:#362b1c;color:#ddb788}
html[data-thema=donker] .opdl{border-top:.5px solid var(--hair)}
html[data-thema=donker] .opb{border:1.5px solid var(--hair);background:var(--card,#1c1c1e);color:var(--text)}
html[data-thema=donker] .opb.terug_binnen.on{background:#97cea8;border-color:#97cea8;color:#1c1c1e}
html[data-thema=donker] .opb.terug_na.on{background:#ddb788;border-color:#ddb788}
html[data-thema=donker] .opb.niet_inplannen.on{background:#ad4141;border-color:#ad4141}
html[data-thema=donker] .opb.ng.on{background:#aeaeb2;border-color:#aeaeb2;color:#1c1c1e}
html[data-thema=donker] .kvolg.opk{color:#88b2dd}
html[data-thema=donker] .idee{color:var(--sec)}
html[data-thema=donker] .fidk{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] .fidk svg{stroke:#1c1c1e}
html[data-thema=donker] .fidk small{color:#636366}
html[data-thema=donker] .fidk .ja{background:#1c1c1e;color:#f2f2f4}
html[data-thema=donker] .fidk .nee{color:#636366}
html[data-thema=donker] .fidrij{border-top:.5px solid var(--hair)}
html[data-thema=donker] .fidrij small{color:var(--muted)}
html[data-thema=donker] .fidrij button{background:var(--soft);color:#ad4141}
/* uit templates/facturen.html */
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.p{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .pill.g{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .stat.klik:hover{border-color:#636366}
html[data-thema=donker] .stat.on{outline:2px solid #88b2dd}
html[data-thema=donker] .stat .bd{color:var(--sec)}
html[data-thema=donker] .stat b.f{color:var(--red,#aa3c3a)}
html[data-thema=donker] tr.telaat td{background:#0f0f11}
html[data-thema=donker] .fawie small{color:var(--muted)}
/* uit templates/tickets.html */
html[data-thema=donker] .pill.w{background:#362b1c;color:#ddb788}
html[data-thema=donker] .pill.f{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .pill.b{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .pill.g{background:var(--soft);color:var(--muted)}
html[data-thema=donker] .balk{background:var(--soft)}
html[data-thema=donker] .balk i{background:#2766a5}
html[data-thema=donker] .balk i.vol{background:#95d0a6}
html[data-thema=donker] .cam{background:#f5f5f7}
html[data-thema=donker] .uitkomst.ok{background:#2c2c2e;color:#99cca7}
html[data-thema=donker] .uitkomst.nee{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .uitkomst.let{background:#362b1c;color:#ddb788}
html[data-thema=donker] .mailvb{border:1px solid var(--bd);background:#1c1c1e}
/* uit static/kalender.js */
html[data-thema=donker] .kalb{color:#8e8e93}
html[data-thema=donker] .kalb:hover{color:#f2f2f4;background:#2c2c2e}
html[data-thema=donker] .kalpop{background:rgba(28,28,30,.97);border:.5px solid #38383a;box-shadow:0 12px 40px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.15);color:#f2f2f4}
html[data-thema=donker] .kalpop .kk b i{color:var(--acc,#b52a3f)}
html[data-thema=donker] .kalpop .kk button{background:#2c2c2e;color:#f2f2f4}
html[data-thema=donker] .kalpop .h{color:#8e8e93}
html[data-thema=donker] .kalpop .wk{color:var(--acc,#b52a3f);background:#0f0f11}
html[data-thema=donker] .kalpop .wk.klik:hover{background:var(--acc,#b52a3f)}
html[data-thema=donker] .kalpop .d{color:#f2f2f4}
html[data-thema=donker] .kalpop .d:hover{background:#2c2c2e}
html[data-thema=donker] .kalpop .d:focus-visible,html[data-thema=donker] .kalpop .wk:focus-visible,html[data-thema=donker] .kalpop .kk button:focus-visible{outline:3px solid rgba(43,113,184,.35)}
html[data-thema=donker] .kalpop .uit{color:#636366}
html[data-thema=donker] .kalpop .we{color:#aeaeb2}
html[data-thema=donker] .kalpop .vandaag{box-shadow:inset 0 0 0 2px var(--acc,#df0022)}
html[data-thema=donker] .kalpop .gekozen{background:#f2f2f4!important;color:#1c1c1e}
html[data-thema=donker] .kalpop .heeft::after{background:#a36826}
html[data-thema=donker] .kalpop .gekozen.heeft::after{background:#1c1c1e}
html[data-thema=donker] .kalpop .kv{border-top:.5px solid #2c2c2e;color:#aeaeb2}
html[data-thema=donker] .kalpop .kv i{background:#a36826}
/* uit static/herinnering.js */
html[data-thema=donker] .tkbel{border:.5px solid var(--hair,rgba(255,255,255,0.18));background:var(--card,#1c1c1e);color:var(--text,#f2f2f4)}
html[data-thema=donker] .tkbel:focus-visible{outline:2px solid var(--blue,#2b71b8)}
html[data-thema=donker] .tkbel[aria-expanded=true]{background:var(--soft,#2c2c2e)}
html[data-thema=donker] .tkbel .n{background:#b52a3f;box-shadow:0 0 0 2px var(--card,#fff)}
html[data-thema=donker] .tkpan{background:var(--card,#1c1c1e);color:var(--text,#f2f2f4);border:.5px solid var(--hair,rgba(255,255,255,0.18));box-shadow:0 18px 50px rgba(0,0,0,0.45),0 2px 8px rgba(0,0,0,0.15)}
html[data-thema=donker] .tkpan .kp h3 i{color:var(--acc,#b52a3f)}
html[data-thema=donker] .tkpan .kp button{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .gr{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .tk{border-top:.5px solid var(--hair,rgba(255,255,255,0.15))}
html[data-thema=donker] .tkpan .ic.paars{background:#2c2c2e;color:#6a4290}
html[data-thema=donker] .tkpan .ic.blauw{background:#1c2736;color:#88b2dd}
html[data-thema=donker] .tkpan .ic.oranje{background:#362b1c;color:#ddb788}
html[data-thema=donker] .tkpan .ic.rood{background:#0f0f11;color:#dd888c}
html[data-thema=donker] .tkpan .tt small{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .ak a,html[data-thema=donker] .tkpan .ak button{border:.5px solid var(--hair,rgba(255,255,255,0.225));background:var(--card,#1c1c1e);color:var(--text,#f2f2f4)}
html[data-thema=donker] .tkpan .ak .p{background:var(--text,#f2f2f4);color:var(--card,#1c1c1e);border-color:var(--text,#f2f2f4)}
html[data-thema=donker] .tkpan .leeg{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .fl button{border:.5px solid var(--hair,rgba(255,255,255,0.225));background:var(--card,#1c1c1e);color:var(--sec,#d1d1d6)}
html[data-thema=donker] .tkpan .fl button.on{background:var(--text,#f2f2f4);color:var(--card,#1c1c1e);border-color:var(--text,#f2f2f4)}
html[data-thema=donker] .tkpan .fs{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .fs button{color:var(--blue,#2b71b8)}
html[data-thema=donker] .tkpan button.gk{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan button.gk:focus-visible{outline:2px solid var(--blue,#2b71b8)}
html[data-thema=donker] .tkpan button.gk.rd{color:#dd888c}
html[data-thema=donker] .tkpan .ou{color:#ddb788}
html[data-thema=donker] .tkpan .ou.r{color:#9f2535}
html[data-thema=donker] .tkpan .sub{color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .tg{background:var(--soft,#2c2c2e);color:var(--sec,#d1d1d6)}
html[data-thema=donker] .tkpan .tg.laat{background:#0f0f11;color:#9f2535}
html[data-thema=donker] .tkpan .tg.nu{background:#362b1c;color:#ddb788}
html[data-thema=donker] .tkpan button.gk.vd{color:#9f2535}
html[data-thema=donker] .tkpan .voet{border-top:.5px solid var(--hair,rgba(255,255,255,0.15));color:var(--muted,#8e8e93)}
html[data-thema=donker] .tkpan .app{color:var(--sec,#d1d1d6)}
html[data-thema=donker] .tkpan .app i{background:#4ab765}
html[data-thema=donker] .tkpan .app i.oranje{background:#d09539}
html[data-thema=donker] .tkpan .app i.rood{background:#d45149}
html[data-thema=donker] .tab .tktel{background:#b52a3f}
/* uit static/notitie.css */
html[data-thema=donker] .pninh{color:#f2f2f4}
html[data-thema=donker] .pninh ul[data-af] li::before{border:1.5px solid #aeaeb2;background:#1c1c1e}
html[data-thema=donker] .pninh ul[data-af] li[data-aan]::before{background:#95d0a6;border-color:#95d0a6}
html[data-thema=donker] .pninh ul[data-af] li[data-aan]::after{border:solid #1c1c1e}
html[data-thema=donker] .pninh ul[data-af] li[data-aan]{color:#aeaeb2}
html[data-thema=donker] .pninh td{border:1px solid #48484a}
html[data-thema=donker] .pninh hr{border-top:1px solid #48484a}
html[data-thema=donker] .pnapp{background:#0f0f11;border-left:3px solid #a36826}
html[data-thema=donker] .pnapp summary{color:#ddbf88}
/* met de hand (static/donker_hand.css) */
/* Donker: wat het script niet kan weten (kleuren die in de schermen zelf of door de gebruiker gezet worden). */
/* het Comedytrain-rood (de "/" en de badges) komt uit de huisstijl, niet uit de stijl: in donker een gedempter rood */
html[data-thema=donker]{--acc:#c8454c;--no:#d4575c}
/* groepskleuren in het rooster en het overzicht (zelf gekozen, licht): donkere tekst erop, iets gedempt */
html[data-thema=donker] .plek[style*="background"],html[data-thema=donker] .chip[style*="background"]{color:#1c1c1e!important;filter:brightness(.82) saturate(1.1)}
html[data-thema=donker] .plek[style*="background"] .grtag{color:#1c1c1e}
/* overzicht: het zwarte logo wit, de totaalregel een rustig grijs vlak in plaats van een witte balk */
html[data-thema=donker] .vkop img{filter:invert(1) hue-rotate(180deg)}
html[data-thema=donker] .ov tr.tot td{background:#2c2c2e!important;color:#f2f2f4!important}
html[data-thema=donker] .ov tr.tot td small{color:#98989d!important}
/* startpagina: het kaartje bij een staafje blijft donker (iets lichter dan de pagina) */
/* het kaartje bij een show is al donker: in de donkere weergave precies zo laten (maak_donker zou het omkeren) */
html[data-thema=donker] #sttip{background:rgba(58,58,60,.97);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.5)}html[data-thema=donker] #sttip .tmeta,html[data-thema=donker] #sttip .tgroot span{color:#aeaeb2}html[data-thema=donker] #sttip .tpil.or{background:#ff9f0a;color:#1d1d1f}html[data-thema=donker] #sttip .tpil.rd{background:#ff453a;color:#fff}html[data-thema=donker] #sttip .tgroot.uv b{color:#30d158}html[data-thema=donker] #sttip .tbar{background:#48484a}html[data-thema=donker] #sttip .tbar .v,html[data-thema=donker] #sttip .tleg i.lv{background:#0a84ff}html[data-thema=donker] #sttip .tbar .tb,html[data-thema=donker] #sttip .tleg i.lb{border:1.5px dashed #ffd60a}html[data-thema=donker] #sttip .tbar .n,html[data-thema=donker] #sttip .tleg i.ln{background:#fff}html[data-thema=donker] #sttip .tleg{color:#d1d1d6}html[data-thema=donker] #sttip .tleg b{color:#fff}html[data-thema=donker] #sttip .tleg em{color:#98989d}html[data-thema=donker] #sttip .tdag{border-top:.5px solid #636366;color:#c7c7cc}html[data-thema=donker] #sttip .tdag .feest{color:#bf9cff}html[data-thema=donker] #sttip .tdag .vakantie{color:#64d2ff}html[data-thema=donker] #sttip .tdag .cadeau{color:#c7c7cc}
/* startpagina: het datumblokje blijft zwart met witte tekst, zoals in de mails */
html[data-thema=donker] .dblok{background:#000;color:#fff;box-shadow:0 0 0 .5px rgba(255,255,255,.12)}
/* techniek › beschikbaarheid: 'verschilt per show' (schuin gedeeld) houdt in donker zijn kleuren */
html[data-thema=donker] .bv.d-kan-liever{background:linear-gradient(135deg,#1f3b28 0 50%,#3d3416 50% 100%)}
html[data-thema=donker] .bv.d-kan-niet{background:linear-gradient(135deg,#1f3b28 0 50%,#4a1f23 50% 100%)}
html[data-thema=donker] .bv.d-kan-leeg{background:linear-gradient(135deg,#1f3b28 0 50%,#1c1c1e 50% 100%)}
html[data-thema=donker] .bv.d-liever-niet{background:linear-gradient(135deg,#3d3416 0 50%,#4a1f23 50% 100%)}
html[data-thema=donker] .bv.d-liever-leeg{background:linear-gradient(135deg,#3d3416 0 50%,#1c1c1e 50% 100%)}
html[data-thema=donker] .bv.d-niet-leeg{background:linear-gradient(135deg,#4a1f23 0 50%,#1c1c1e 50% 100%)}

/* Financiële inzichten: grafiekkleuren in de donkere stappen van dezelfde gevalideerde reeks (blauw, oranje, groenblauw) */
html[data-thema=donker] .fiviz{--s1:#3987e5;--s2:#d95926;--s3:#199e70;--as:#38383a}
@media screen{html[data-thema=donker] #gtip{background:#f5f5f7;color:#1c1c1e}}

/* deurverkoop: de QR-code blijft zwart op wit, anders scant een telefoon hem niet (zaal.html .dvqr) */
html[data-thema=donker] .dvqr svg{background:#fff!important}

/* weekkaart: comedians met een open plek (start.html .rpn.o): oranje tint zoals de pil "n open" (maak_donker maakt hem bijna zwart) */
html[data-thema=donker] .rpn.o{background:#2a2218}
/* comedian-app: On Tour-kaart (co_portaal.html, Chris 23-10-2026) */
html[data-thema=donker] .card.dk.tourk{background:#13233a;border-color:#2c5488}
html[data-thema=donker] .dk.tourk .db{background:#1d5fae}
html[data-thema=donker] .meer a:first-child,html[data-thema=donker] .kplek:first-of-type{border-top:0}   /* kantoor-app: eerste regel zonder lijn */

}