/* 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 templates/_werk_stijl.html */
html[data-thema=donker]{--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] .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] .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 .meter{background:#2c2c2e}
html[data-thema=donker] .mnd .meter i{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] .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] table.ro th{background:rgba(28,28,30,.88);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-show{box-shadow:inset -1px 0 0 #ececf0}
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] .showc .z{color:var(--muted)}
html[data-thema=donker] .tix{color:#dd8891;background:#0f0f11}
html[data-thema=donker] table.ro tr.weg td{color:#dd8888}
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.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] .grh{color:var(--muted)}
html[data-thema=donker] .grtag{background:#2c2c2e;color:#97cea4}
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] 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] .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:rgba(28,28,30,.9);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] .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.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] .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 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 .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)}
/* 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 .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:rgba(28,28,30,.94)}
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] .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 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)}
/* 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{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(--acc)}
html[data-thema=donker] .tag.uv{background:var(--acc)}
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.tot td{background:#f2f2f4;color:#1c1c1e}
html[data-thema=donker] tr.tot td small{color:#636366}
html[data-thema=donker] .legenda{color:#8e8e93}
/* 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] .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 i{color:var(--acc)}
html[data-thema=donker] .tegel p{color:var(--muted)}
html[data-thema=donker] .tegel .wipl{background:#2c2c2e;color:#d1d1d6}
/* 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] .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] .nieuwtje{background:var(--acc)}
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] .verhaal{background:var(--soft)}
html[data-thema=donker] .psgrid .fld>span:first-child{color:var(--sec)}
/* 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] .herinn{background:#362d1c;border-bottom:.5px solid #362d1c;color:#ddba88}
html[data-thema=donker] .herinn a{color:#ddba88}
html[data-thema=donker] .herinn button{background:rgba(255,255,255,0.09);color:#ddba88}
/* 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}

}