/* Huisstijl Stedendriehoek (zoals PT_surround.py) */
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
:root {
    /* Dash 4: accentkleur van radioknoppen, sliders, enz. groen i.p.v. paars */
    --Dash-Fill-Interactive-Strong: #00a372;
    --Dash-Fill-Primary-Hover: #00b47c;
    --Dash-Fill-Primary-Active: #00805a;
    --Dash-Fill-Interactive-Weak: #d9f7ee;
}
/* ---- Zijbalk: witte tekst op groen ---- */
.zijbalk { --Dash-Fill-Interactive-Strong: #ffffff; --Dash-Text-Strong: #ffffff;
           --Dash-Text-Weak: rgba(255,255,255,.85); --Dash-Stroke-Strong: #ffffff; }
.zijbalk, .zijbalk label, .zijbalk p, .zijbalk summary { color: #ffffff; }
.zijbalk [style*="color"] { color: rgba(255,255,255,.9) !important; }
.zijbalk .geel { color: #ffc400 !important; }
.zijbalk input[type=radio], .zijbalk input[type=checkbox] { accent-color: #ffffff; }
.zijbalk summary { cursor: pointer; font-weight: 600; }
.zijbalk .toelichting p { font-size: 12.5px; line-height: 1.45; margin: 6px 0 0; }
/* Dropdowns en invoervelden in de zijbalk blijven wit met donkere tekst */
.zijbalk .Select, .zijbalk .Select *, .zijbalk .dash-dropdown, .zijbalk .dash-dropdown *,
.zijbalk .dash-input, .zijbalk .dash-input *, .zijbalk input[type=number] {
    color: #1f1f1f !important;
    --Dash-Text-Strong: #1f1f1f; --Dash-Text-Weak: #555555;
    --Dash-Fill-Interactive-Strong: #00a372; --Dash-Stroke-Strong: #c8c8c8;
}
/* Dash 2/3 slider (rc-slider) in de zijbalk */
.zijbalk .rc-slider-track { background-color: #ffffff; }
.zijbalk .rc-slider-rail { background-color: rgba(255,255,255,.45); }
.zijbalk .rc-slider-handle { border-color: #ffffff; background: #00805a; }
.zijbalk .rc-slider-mark-text { color: #ffffff !important; }
/* Overige accenten */
.rc-slider-track { background-color: #00a372; }
.rc-slider-handle { border-color: #00a372; }
.zijbalk button { background: #ffffff; color: #00805a !important; border: none !important;
                  border-radius: 4px; font-weight: 600; }
h3, h4 { color: #00805a; }
.leaflet-tooltip { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }