/* Matchmat Core - thema (huisstijl v1.1, concept 25-09-2026)
   Laadt na componenten.css. Bevat alleen de wijzigingen van v1.1:
   1. diepte voor knoppen en aanklikbare kaarten (richting B);
   2. de donkere modus, uitsluitend op het scherm. Afdrukken blijft licht.
   Geen hexcodes: alles verwijst naar tokens.css.
   Terugdraaien: dit bestand niet meer laden (Matchmat_Thema). */

/* === 1. Diepte: knoppen === */
@media screen{
  .mm-knop{transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}
  .mm-knop--primair,.mm-formulier .button,.mm-formulier input[type=submit]{box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-schaduw-knop)}
  .mm-knop--primair:hover,.mm-formulier .button:hover,.mm-formulier input[type=submit]:hover{background:var(--mm-matblauw);border-color:var(--mm-matblauw);color:var(--mm-wit);transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-hover) var(--mm-diepte-hover) 0 var(--mm-schaduw-knop-hover)}
  .mm-knop--primair:focus:not(:hover){background:var(--mm-bondsblauw);border-color:var(--mm-bondsblauw)}
  .mm-knop--secundair{box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-schaduw-knop-2)}
  .mm-knop--secundair:hover{background:var(--mm-vlakblauw);transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-hover) var(--mm-diepte-hover) 0 var(--mm-schaduw-knop-2-hover)}
  .mm-knop--verwijder{box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-lijngrijs-licht)}
  .mm-knop--verwijder:hover{transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-hover) var(--mm-diepte-hover) 0 var(--mm-lijngrijs)}
  .mm-knop--actie{box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-schaduw-knop-2)}
  .mm-knop--actie:hover{transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-hover) var(--mm-diepte-hover) 0 var(--mm-schaduw-knop-2)}
  .mm-knop:active,.mm-formulier .button:active,.mm-formulier input[type=submit]:active{transform:translate(var(--mm-diepte),var(--mm-diepte));box-shadow:none}
  .mm-knop[disabled],.mm-knop[aria-disabled="true"],.mm-knop:disabled,.mm-knop--icoon,.mm-knop--klein{box-shadow:none!important;transform:none!important}
  .ct-button,.elementor .elementor-button,.wp-element-button,.wp-block-button__link{border-radius:0;box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-schaduw-knop);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}
  .ct-button:hover,.elementor .elementor-button:hover,.wp-element-button:hover,.wp-block-button__link:hover{transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-hover) var(--mm-diepte-hover) 0 var(--mm-schaduw-knop-hover)}
  .ct-button:active,.elementor .elementor-button:active,.wp-element-button:active,.wp-block-button__link:active{transform:translate(var(--mm-diepte),var(--mm-diepte));box-shadow:none}
  .mm-knoprij{padding-right:var(--mm-diepte-hover);padding-bottom:var(--mm-diepte)}
}

/* === 1b. Diepte: aanklikbare kaarten === */
@media screen{
  .mm-kaart--klik{box-shadow:var(--mm-diepte) var(--mm-diepte) 0 var(--mm-schaduw-kaart)}
  .mm-kaart--klik:hover{background:var(--mm-wit);border-color:var(--mm-bondsblauw);transform:translate(-2px,-2px);box-shadow:var(--mm-diepte-kaart-hover) var(--mm-diepte-kaart-hover) 0 var(--mm-schaduw-kaart-hover)}
  .mm-kaart--klik:hover .mm-kaart__meta{color:var(--mm-leesgrijs)}
  .mm-kaart--klik .mm-datumblok,.mm-kaart--klik .mm-datum{transition:background-color .15s ease}
  .mm-kaart--klik:hover .mm-datumblok,.mm-kaart--klik:hover .mm-datum{background:var(--mm-vast-matblauw)}
}

@media (prefers-reduced-motion:reduce){
  .mm-knop,.mm-kaart--klik,.ct-button,.elementor .elementor-button,.wp-element-button,.wp-block-button__link{transition:none}
  .mm-knop:hover,.mm-knop:active,.mm-kaart--klik:hover,.ct-button:hover,.elementor .elementor-button:hover,.wp-element-button:hover,.wp-block-button__link:hover,.mm-formulier .button:hover,.mm-formulier input[type=submit]:hover{transform:none!important}
}

/* === 2. Donkere modus (alleen scherm; afdrukken blijft licht) === */
@media screen{
  :root[data-theme="dark"],[data-theme="dark"] body,[data-theme="dark"] [class*="elementor-kit-"]{
    color-scheme:dark;
    --nowb-blauw:var(--mm-wit);
    --nowb-blauw-donker:var(--mm-vast-vlakblauw);
    --nowb-accent:var(--mm-d-accent);
    --nowb-rood:var(--mm-d-fout);
    --nowb-tekst:var(--mm-wit);
    --nowb-tekst-2:var(--mm-d-tekst-2);
    --nowb-lijn:var(--mm-d-lijn);
    --nowb-lijn-licht:var(--mm-d-lijn);
    --nowb-vlak:var(--mm-d-rij);
    --nowb-vlak-blauw:var(--mm-d-oppervlak-2);
    --nowb-arcering:var(--mm-d-oppervlak-2);
    --nowb-groen:var(--mm-d-groen);
    --nowb-groen-vlak:var(--mm-d-groenvlak);
    --nowb-rood-vlak:var(--mm-d-roodvlak);
    --mm-schaduw-knop:var(--mm-d-accent);
    --mm-schaduw-knop-2:var(--mm-d-lijn);
    --mm-schaduw-kaart:var(--mm-d-lijn);
    --theme-palette-color-3:var(--mm-wit);
    --theme-palette-color-4:var(--mm-wit);
    --theme-palette-color-5:var(--mm-d-lijn);
    --theme-palette-color-6:var(--mm-d-rij);
    --theme-palette-color-7:var(--mm-d-achtergrond);
    --theme-palette-color-8:var(--mm-d-oppervlak);
    --theme-text-color:var(--mm-wit);
    --theme-headings-color:var(--mm-wit);
    --theme-heading-color:var(--mm-wit);
    --theme-link-initial-color:var(--mm-d-accent);
    --theme-link-hover-color:var(--mm-wit);
    --theme-button-background-initial-color:var(--mm-wit);
    --theme-button-background-hover-color:var(--mm-vast-vlakblauw);
    --theme-button-text-initial-color:var(--mm-vast-bondsblauw);
    --theme-button-text-hover-color:var(--mm-vast-bondsblauw);
    --theme-form-field-background-initial-color:var(--mm-d-achtergrond);
    --theme-form-field-background-focus-color:var(--mm-d-achtergrond);
    --theme-form-field-border-initial-color:var(--mm-d-lijn);
    --theme-form-text-initial-color:var(--mm-wit);
    --theme-form-text-focus-color:var(--mm-wit);
    --theme-border-color:var(--mm-d-lijn);
    --e-global-color-primary:var(--mm-wit);
    --e-global-color-secondary:var(--mm-d-accent);
    --e-global-color-text:var(--mm-wit);
    --e-global-color-nwbc001:var(--mm-vast-vlakblauw);
    --e-global-color-nwbc002:var(--mm-d-lijn);
    --e-global-color-nwbc003:var(--mm-d-lijn);
    --e-global-color-nwbc004:var(--mm-d-rij);
    --e-global-color-nwbc005:var(--mm-d-oppervlak-2);
    --e-global-color-nwbc006:var(--mm-d-tekst-2);
    --e-global-color-nwbc007:var(--mm-vast-bondsblauw);
    --e-global-color-nwbc008:var(--mm-d-groen);
    --e-global-color-nwbc009:var(--mm-d-groenvlak);
    --e-global-color-nwbc010:var(--mm-d-roodvlak);
    --e-global-color-nwbc011:var(--mm-d-oppervlak-2);
  }
  [data-theme="dark"] body{background-color:var(--mm-d-achtergrond);color:var(--mm-wit)}
  [data-theme="dark"] .nowb-kaart,[data-theme="dark"] .mm-kaart,[data-theme="dark"] .mm-kaart--klik,[data-theme="dark"] .mm-kaart--klik:hover,[data-theme="dark"] .mm-scanbalk,[data-theme="dark"] .mm-weeglijst tbody tr:nth-child(odd) td,[data-theme="dark"] .mm-weegcategorie,[data-theme="dark"] .mm-wl__keuze,[data-theme="dark"] .mm-wl__categorie,[data-theme="dark"] .mm-ws__kolom,[data-theme="dark"] .mm-schuif .mm-tabel th:first-child,[data-theme="dark"] .mm-schuif .mm-tabel td:first-child,[data-theme="dark"] .mm-scan .mm-scan__scherm:hover,[data-theme="dark"] .mm-scan .mm-scan__scherm:focus{background:var(--mm-d-oppervlak)}
  [data-theme="dark"] .mm-kop,[data-theme="dark"] #matchmat-kopbalk,[data-theme="dark"] .ct-header{background:var(--mm-d-achtergrond)}
  [data-theme="dark"] .mm-veld input,[data-theme="dark"] .mm-veld select,[data-theme="dark"] .mm-veld textarea,[data-theme="dark"] .mm-formulier input[type=text],[data-theme="dark"] .mm-formulier input[type=password],[data-theme="dark"] .mm-formulier input[type=email],[data-theme="dark"] .mm-weegform .mm-weegform__invoer,[data-theme="dark"] .mm-weegform .mm-weegform__invoer:focus,[data-theme="dark"] .mm-scan .mm-scan__invoer,[data-theme="dark"] .mm-scan .mm-scan__invoer:focus,[data-theme="dark"] .mm-ws__veld input,[data-theme="dark"] .mm-ws__veld select{background:var(--mm-d-achtergrond);color:var(--mm-wit)}
  [data-theme="dark"] .mm-datum,[data-theme="dark"] .mm-datumblok,[data-theme="dark"] .mm-rolbalk,[data-theme="dark"] .mm-ws__kolomkop{background:var(--mm-d-oppervlak-2);color:var(--mm-wit)}
  [data-theme="dark"] .mm-kaart--klik:hover .mm-datumblok,[data-theme="dark"] .mm-kaart--klik:hover .mm-datum{background:var(--mm-vast-matblauw)}
  [data-theme="dark"] .mm-schuif::-webkit-scrollbar-thumb{background:var(--mm-d-lijn)}
  [data-theme="dark"] .mm-knop--primair,[data-theme="dark"] .mm-formulier .button,[data-theme="dark"] .mm-formulier input[type=submit],[data-theme="dark"] .mm-knop--primair:focus:not(:hover){background:var(--mm-wit);border-color:var(--mm-wit);color:var(--mm-vast-bondsblauw)}
  [data-theme="dark"] .mm-knop--primair:hover,[data-theme="dark"] .mm-formulier .button:hover,[data-theme="dark"] .mm-formulier input[type=submit]:hover{background:var(--mm-vast-vlakblauw);border-color:var(--mm-vast-vlakblauw);color:var(--mm-vast-bondsblauw)}
  [data-theme="dark"] .mm-knop--actie{background:var(--mm-vast-rood);border-color:var(--mm-vast-rood);color:var(--mm-wit)}
  [data-theme="dark"] .mm-knop--actie:hover,[data-theme="dark"] .mm-knop--actie:focus{background:var(--mm-rood-donker);border-color:var(--mm-rood-donker);color:var(--mm-wit)}
  [data-theme="dark"] .mm-scan .mm-scan__scherm{color:var(--mm-wit)}
[data-theme="dark"] .mm-scan .mm-scan__scherm:hover,[data-theme="dark"] .mm-scan .mm-scan__scherm:focus{color:var(--mm-vast-inktzwart)}
  [data-theme="dark"] .mm-kaart-nl__water{fill:var(--mm-d-achtergrond)}
  [data-theme="dark"] .mm-kaart-nl__kop{fill:var(--mm-d-accent)}
  [data-theme="dark"] .mm-kaart-nl__aantal{fill:var(--mm-d-achtergrond)}
  [data-theme="dark"] .mm-kaart-nl__speld:hover .mm-kaart-nl__kop,[data-theme="dark"] .mm-kaart-nl__speld--aan .mm-kaart-nl__kop{fill:var(--mm-wit)}
  .mm-kop__logo--donker{display:none}
  [data-theme="dark"] .mm-kop__logo--licht{display:none}
  [data-theme="dark"] .mm-kop__logo--donker{display:block}
}
@media print{.mm-kop__logo--donker,.mm-thema{display:none!important}}

/* === 2b. Correcties na contrastmeting (25-09-2026) === */
@media screen{
  /* Maand in het datumblok: lijngrijs licht wordt in donker te donker (1,4:1). */
  [data-theme="dark"] .mm-datum .mm-maand{color:var(--mm-d-tekst-2)}
  /* Actielink op het Elementor-blok dat in donker wit wordt: bondsblauw (13,3:1). */
  [data-theme="dark"] .mm-actie-wit{color:var(--mm-vast-bondsblauw);border-bottom-color:var(--mm-vast-bondsblauw)}
  [data-theme="dark"] .mm-actie-wit:hover,[data-theme="dark"] .mm-actie-wit:focus{color:var(--mm-vast-matblauw);border-bottom-color:var(--mm-vast-matblauw)}
}

/* === 2c. Selectievakjes in donker (25-09-2026) ===
   De browser tekent ze anders donkergrijs, buiten het palet. Leeg: licht vlak
   met witte rand. Aangevinkt: wit vlak met bondsblauw vinkje, zodat de stand
   ook zonder kleur herkenbaar is. */
@media screen{
  [data-theme="dark"] input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;box-sizing:border-box;border:2px solid var(--mm-wit);border-radius:0;background:var(--mm-vast-vlakblauw);cursor:pointer;vertical-align:middle}
  [data-theme="dark"] input[type=checkbox]:not([width]){min-width:20px;min-height:20px}
  [data-theme="dark"] input[type=checkbox]::before{content:'';width:14px;height:14px;background:var(--mm-vast-bondsblauw);-webkit-mask:var(--mm-icoon-vink) center/contain no-repeat;mask:var(--mm-icoon-vink) center/contain no-repeat;transform:scale(0)}
  [data-theme="dark"] input[type=checkbox]:checked{background:var(--mm-wit)}
  [data-theme="dark"] input[type=checkbox]:checked::before{transform:scale(1)}
  [data-theme="dark"] input[type=checkbox]:hover{border-color:var(--mm-d-accent)}
  [data-theme="dark"] input[type=checkbox]:focus-visible,[data-theme="dark"] input[type=radio]:focus-visible{outline:var(--mm-focus-dikte) solid var(--mm-d-accent);outline-offset:var(--mm-focus-afstand)}
  [data-theme="dark"] input[type=checkbox]:disabled{background:var(--mm-d-lijn);border-color:var(--mm-d-lijn);cursor:not-allowed}
  /* Keuzerondjes: licht rondje, bondsblauwe stip. */
  [data-theme="dark"] input[type=radio]{color-scheme:light;accent-color:var(--mm-vast-bondsblauw)}
}

/* === 2d. Uitlijning overzicht wedstrijdschema (25-09-2026) ===
   Elke categorie is een eigen tabel. Met vaste kolombreedtes (verhouding van
   de eerste tabel) staan de kolommen van alle tabellen onder elkaar.
   Alleen vanaf 768px; smaller houden de tabellen hun eigen verdeling. */
@media (min-width:768px){
  .mm-ws__tabel{table-layout:fixed;width:100%}
  .mm-ws__tabel th:nth-child(1),.mm-ws__tabel td:nth-child(1){width:8%}
  .mm-ws__tabel th:nth-child(2),.mm-ws__tabel td:nth-child(2){width:8%}
  .mm-ws__tabel th:nth-child(3),.mm-ws__tabel td:nth-child(3){width:11%}
  .mm-ws__tabel th:nth-child(4),.mm-ws__tabel td:nth-child(4){width:7%}
  .mm-ws__tabel th:nth-child(5),.mm-ws__tabel td:nth-child(5){width:auto}
}

.mm-ws__vorm{overflow-wrap:break-word}
.mm-ws__vorm abbr{text-decoration:none;cursor:help}
.mm-ws__legenda{margin:0 0 8px}
.mm-ws__legenda abbr{font-weight:600;text-decoration:none}
.mm-ws__legendakop{font-weight:600}

/* Matkolom: titel met korte notatie eronder, pijlen, tijd achteraan (25-09-2026). */
@media (min-width:480px){
  .mm-ws__blok>summary{grid-template-columns:minmax(8em,1fr) auto 8em 20px}
  .mm-ws__blok>summary .mm-ws__bloktijd{text-align:right}
}
.mm-ws__blokkern{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-ws__bloksub{font-size:16px;line-height:24px;color:var(--mm-leesgrijs)}
.mm-ws__bloksub abbr{text-decoration:none;cursor:help}
.mm-ws__bloksub .mm-ws__nietvrij{margin-left:8px}

/* Uitgeklapt schema: nummer en tijd altijd op één regel (25-09-2026).
   Status en rust eronder mogen wel doorlopen. */
.mm-ws__schema .mm-ws__kolnr{width:6em}
.mm-ws__schema .mm-ws__koltijd{width:7em}
.mm-ws__schema td.mm-ws__nummer,.mm-ws__schema td.mm-ws__tijd{white-space:nowrap;overflow-wrap:normal}
.mm-ws__schema td.mm-ws__tijd .mm-ws__partijstatus,.mm-ws__schema td.mm-ws__tijd .mm-ws__rust{white-space:normal}

/* Balk Wat je aanvinkt (25-09-2026): label op een eigen regel, knoppen eronder
   in een raster, even breed. Zichtbaar 36px hoog; het raakvlak blijft 44px
   (4px extra boven en onder), met 8px ruimte tussen de raakvlakken. */
.mm-ws__balk{display:grid;grid-template-columns:repeat(auto-fill,minmax(9em,1fr));gap:16px 8px;align-items:stretch}
.mm-ws__balk .mm-ws__balklabel{grid-column:1/-1;margin:0;font-weight:600}
.mm-ws__balk .mm-knop{position:relative;width:100%;min-height:36px;padding:0 12px;font-size:16px;line-height:20px}
.mm-ws__balk .mm-knop::after{content:'';position:absolute;left:0;right:0;top:-4px;bottom:-4px}
.mm-ws__balk .mm-knop svg{width:18px;height:18px}

/* Mattenplan: In te delen staat vast (25-09-2026).
   Bij meer matten dan er passen, schuiven alleen de matten; ze gaan onder
   In te delen door. De schaduw van 24px (de tussenruimte) heeft de kleur van
   de achtergrond, zodat een wegschuivende mat daar niet zichtbaar is. */
.mm-schuif{--mm-ws-achter:var(--mm-wit)}
@media screen{[data-theme="dark"] .mm-schuif{--mm-ws-achter:var(--mm-d-achtergrond)}}
@media (min-width:480px){
  .mm-schuif .mm-ws__plan .mm-ws__kolom--in{position:sticky;left:0;z-index:3;box-shadow:24px 0 0 0 var(--mm-ws-achter)}
}
@media print{.mm-schuif .mm-ws__plan .mm-ws__kolom--in{position:static;box-shadow:none}}

/* Schuifbalk boven het mattenplan (gekoppeld via thema.js). */
.mm-schuif-boven{overflow-x:auto;overflow-y:hidden;margin:8px 0 0;border:1px solid var(--mm-lijngrijs);border-bottom:0;scrollbar-color:var(--mm-bondsblauw) var(--mm-nevelgrijs)}
.mm-schuif-boven>div{height:1px}
.mm-schuif-boven::-webkit-scrollbar{height:12px}
.mm-schuif-boven::-webkit-scrollbar-track{background:var(--mm-nevelgrijs)}
.mm-schuif-boven::-webkit-scrollbar-thumb{background:var(--mm-bondsblauw)}
.mm-schuif-boven[hidden]{display:none}
.mm-schuif--met-boven{margin-top:0}
@media print{.mm-schuif-boven{display:none!important}}

/* Geen verticale lijnen in tabellen (huisstijl): het thema zet ze standaard wel. */
.mm-tabel th,.mm-tabel td{border-left:0;border-right:0}
.mm-tabel{border-left:0;border-right:0}

/* === 3. Themaschakelaar ===
   Blocksy kleurt elke button; daarom de extra specificiteit.
   Desktop: alleen het pictogram (44 x 44), het woord blijft tekstalternatief.
   Mobiel: pictogram en woord. */
.mm-kop button.mm-thema,.mm-kop button.mm-thema:focus{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:var(--mm-raakvlak);min-width:var(--mm-raakvlak);padding:0 10px;margin:0;border:var(--mm-rand-knop) solid var(--mm-lijngrijs);border-radius:0;background:transparent;box-shadow:none;color:var(--mm-bondsblauw);font-family:var(--mm-font-tekst);font-weight:600;font-size:16px;line-height:1;cursor:pointer;transform:none}
.mm-kop button.mm-thema:hover{border-color:var(--mm-bondsblauw);background:var(--mm-vlakblauw);color:var(--mm-bondsblauw);box-shadow:none;transform:none}
.mm-kop button.mm-thema:focus-visible{outline:var(--mm-focus-dikte) solid var(--mm-matblauw);outline-offset:var(--mm-focus-afstand)}
.mm-thema svg{width:20px;height:20px;flex:none}
.mm-thema__icoon{display:none}
.mm-thema[data-keuze="systeem"] .mm-thema__icoon--systeem,.mm-thema[data-keuze="licht"] .mm-thema__icoon--licht,.mm-thema[data-keuze="donker"] .mm-thema__icoon--donker{display:inline-flex}
.mm-thema__woord{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767.98px){.mm-thema__woord{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
/* Velden in de donkere modus beter zichtbaar (18-10-2026). De rand van 1px in
   lijnkleur haalde ca. 2:1 tegen de achtergrond; nu 2px leesgrijs-donker (8,7:1)
   op een iets lichtere ondergrond. Terugdraaien: dit blok verwijderen. */
@media screen{
  [data-theme="dark"] .mm-veld input,[data-theme="dark"] .mm-veld select,[data-theme="dark"] .mm-veld textarea,[data-theme="dark"] .mm-formulier input[type=text],[data-theme="dark"] .mm-formulier input[type=password],[data-theme="dark"] .mm-formulier input[type=email],[data-theme="dark"] .mm-weegform .mm-weegform__invoer,[data-theme="dark"] .mm-weegform .mm-weegform__invoer:focus,[data-theme="dark"] .mm-scan .mm-scan__invoer,[data-theme="dark"] .mm-scan .mm-scan__invoer:focus,[data-theme="dark"] .mm-ws__veld input,[data-theme="dark"] .mm-ws__veld select{background:var(--mm-d-oppervlak);border:2px solid var(--mm-d-tekst-2);padding-top:9px;padding-bottom:9px}
  [data-theme="dark"] .mm-veld input::placeholder,[data-theme="dark"] .mm-veld textarea::placeholder,[data-theme="dark"] .mm-formulier input[type=text]::placeholder,[data-theme="dark"] .mm-formulier input[type=password]::placeholder,[data-theme="dark"] .mm-formulier input[type=email]::placeholder,[data-theme="dark"] .mm-weegform .mm-weegform__invoer::placeholder,[data-theme="dark"] .mm-scan .mm-scan__invoer::placeholder,[data-theme="dark"] .mm-ws__veld input::placeholder{color:var(--mm-d-tekst-2);opacity:1}
}
@media screen and (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .mm-veld input,:root:not([data-theme="light"]) .mm-veld select,:root:not([data-theme="light"]) .mm-veld textarea,:root:not([data-theme="light"]) .mm-formulier input[type=text],:root:not([data-theme="light"]) .mm-formulier input[type=password],:root:not([data-theme="light"]) .mm-formulier input[type=email],:root:not([data-theme="light"]) .mm-weegform .mm-weegform__invoer,:root:not([data-theme="light"]) .mm-weegform .mm-weegform__invoer:focus,:root:not([data-theme="light"]) .mm-scan .mm-scan__invoer,:root:not([data-theme="light"]) .mm-scan .mm-scan__invoer:focus,:root:not([data-theme="light"]) .mm-ws__veld input,:root:not([data-theme="light"]) .mm-ws__veld select{background:var(--mm-d-oppervlak);border:2px solid var(--mm-d-tekst-2);padding-top:9px;padding-bottom:9px}
  :root:not([data-theme="light"]) .mm-veld input::placeholder,:root:not([data-theme="light"]) .mm-veld textarea::placeholder,:root:not([data-theme="light"]) .mm-formulier input[type=text]::placeholder,:root:not([data-theme="light"]) .mm-formulier input[type=password]::placeholder,:root:not([data-theme="light"]) .mm-formulier input[type=email]::placeholder,:root:not([data-theme="light"]) .mm-weegform .mm-weegform__invoer::placeholder,:root:not([data-theme="light"]) .mm-scan .mm-scan__invoer::placeholder,:root:not([data-theme="light"]) .mm-ws__veld input::placeholder{color:var(--mm-d-tekst-2);opacity:1}
}