/* LICHTE WEERGAVE voor Mijn MBZ orders (01-10-2026, wens Jarno). Alleen op de portaalpagina's.
   Volgt het apparaat (prefers-color-scheme), tenzij de bezoeker zelf kiest (data-thema op <html>,
   onthouden in de browser via assets/thema.js). Werkt via de kleurvariabelen uit over.css. */
.thema-knop{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);color:var(--muted);
  font:500 13px/1 var(--body);padding:8px 10px;cursor:pointer;margin-left:12px;white-space:nowrap}
.thema-knop:hover{color:var(--paper)}
.thema-knop svg{width:16px;height:16px}
@media (max-width:820px){
  .top{gap:10px}
  .thema-knop{order:2;margin-left:auto;height:40px;padding:0 10px}
  .thema-knop .tk-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .top .btn{order:3;margin-left:0}
  .menuknop{order:4}
}
@media (max-width:440px){.menuknop .menulabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (prefers-color-scheme:light){
html:not([data-thema="donker"]){
  color-scheme:light;
  --ink:#F3F5F6;
  --petrol:#FFFFFF;
  --petrol-2:#E8EDEF;
  --steel:#55666D;
  --paper:#13232A;
  --muted:#46565D;
  --signal:#D63A25;
  --signal-tekst:#B5301C;
  --signal-knop:#D63A25;
  --line:rgba(19,35,42,.14);
  --panel:rgba(255,255,255,.88);
}
html:not([data-thema="donker"]) .top{background:linear-gradient(var(--ink) 30%,rgba(243,245,246,0))}
html:not([data-thema="donker"]) .top .logo .logo-std{display:none}
html:not([data-thema="donker"]) .top .logo .logo-licht{display:block}
html:not([data-thema="donker"]) .st-melding{background:#FFFFFF;border:1px solid var(--line);border-left:3px solid var(--signal)}
html:not([data-thema="donker"]) .st-melding.goed{border-left-color:#2E8B57}
html:not([data-thema="donker"]) .mo-pil.mo-klaar{color:#1F7A47;border-color:#2E8B57}
html:not([data-thema="donker"]) .mo-tegel,html:not([data-thema="donker"]) .mo-lijst,html:not([data-thema="donker"]) .mo-gesprek,html:not([data-thema="donker"]) .mo-kaart,html:not([data-thema="donker"]) .ow-regel{box-shadow:none}
html:not([data-thema="donker"]) .of-form input:not([type=checkbox]),html:not([data-thema="donker"]) .of-form textarea,html:not([data-thema="donker"]) .of-form select,html:not([data-thema="donker"]) .mo-antwoord textarea{background:#FFFFFF;border-color:rgba(19,35,42,.28)}
html:not([data-thema="donker"]) .st-bol{background:#FFFFFF}
html:not([data-thema="donker"]) .ow-afb{border:1px solid var(--line)}
html:not([data-thema="donker"]) footer{background:#E8EDEF}
html:not([data-thema="donker"]) .thema-knop{color:var(--paper);border-color:rgba(19,35,42,.3)}
}
html[data-thema="licht"]{
  color-scheme:light;
  --ink:#F3F5F6;
  --petrol:#FFFFFF;
  --petrol-2:#E8EDEF;
  --steel:#55666D;
  --paper:#13232A;
  --muted:#46565D;
  --signal:#D63A25;
  --signal-tekst:#B5301C;
  --signal-knop:#D63A25;
  --line:rgba(19,35,42,.14);
  --panel:rgba(255,255,255,.88);
}
html[data-thema="licht"] .top{background:linear-gradient(var(--ink) 30%,rgba(243,245,246,0))}
html[data-thema="licht"] .top .logo .logo-std{display:none}
html[data-thema="licht"] .top .logo .logo-licht{display:block}
html[data-thema="licht"] .st-melding{background:#FFFFFF;border:1px solid var(--line);border-left:3px solid var(--signal)}
html[data-thema="licht"] .st-melding.goed{border-left-color:#2E8B57}
html[data-thema="licht"] .mo-pil.mo-klaar{color:#1F7A47;border-color:#2E8B57}
html[data-thema="licht"] .mo-tegel,html[data-thema="licht"] .mo-lijst,html[data-thema="licht"] .mo-gesprek,html[data-thema="licht"] .mo-kaart,html[data-thema="licht"] .ow-regel{box-shadow:none}
html[data-thema="licht"] .of-form input:not([type=checkbox]),html[data-thema="licht"] .of-form textarea,html[data-thema="licht"] .of-form select,html[data-thema="licht"] .mo-antwoord textarea{background:#FFFFFF;border-color:rgba(19,35,42,.28)}
html[data-thema="licht"] .st-bol{background:#FFFFFF}
html[data-thema="licht"] .ow-afb{border:1px solid var(--line)}
html[data-thema="licht"] footer{background:#E8EDEF}
html[data-thema="licht"] .thema-knop{color:var(--paper);border-color:rgba(19,35,42,.3)}