* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #f9f4f2; font-family: 'Inter', sans-serif; user-select: none; -webkit-user-select: none; }
#map { width: 100%; height: 100%; background: #ffffff; touch-action: none; }
.ol-control { display: none !important; }
.hero-gradient { background: #211747; }
.custom-scroll::-webkit-scrollbar { width: 5px; height: 5px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background: rgba(100,116,139,0.28); border-radius: 9999px; }
input[type="range"] { accent-color: #3c00aa; }
.sym-btn { transition: all 0.12s ease; }
.sym-btn:hover { transform: translateY(-1px); }
.sym-btn.active { outline: 2px solid #3c00aa; background-color: #f1f0ff; }
/* IBA-KLEUREN-BEGIN */
html[data-wt="IBA"] .border-aqua-600{--tw-border-opacity:1;border-color:rgb(0 122 120/var(--tw-border-opacity,1))}html[data-wt="IBA"] .border-mint\/40{border-color:rgba(245,185,66,.4)}html[data-wt="IBA"] .border-mint\/50{border-color:rgba(245,185,66,.5)}html[data-wt="IBA"] .border-mint\/60{border-color:rgba(245,185,66,.6)}html[data-wt="IBA"] .border-purple-200{--tw-border-opacity:1;border-color:rgb(180 230 225/var(--tw-border-opacity,1))}html[data-wt="IBA"] .border-purple-200\/70{border-color:rgba(180,230,225,.7)}html[data-wt="IBA"] .border-purple-300{--tw-border-opacity:1;border-color:rgb(127 211 204/var(--tw-border-opacity,1))}html[data-wt="IBA"] .border-purple-300\/30{border-color:rgba(127,211,204,.3)}html[data-wt="IBA"] .border-purple-500{--tw-border-opacity:1;border-color:rgb(15 143 140/var(--tw-border-opacity,1))}html[data-wt="IBA"] .\!bg-purple-500{--tw-bg-opacity:1!important;background-color:rgb(15 143 140/var(--tw-bg-opacity,1))!important}html[data-wt="IBA"] .bg-aqua-50{--tw-bg-opacity:1;background-color:rgb(239 250 248/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-aqua-50\/40{background-color:rgba(239,250,248,.4)}html[data-wt="IBA"] .bg-aqua-600{--tw-bg-opacity:1;background-color:rgb(0 122 120/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-aqua-700{--tw-bg-opacity:1;background-color:rgb(0 95 99/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-aqua-900{--tw-bg-opacity:1;background-color:rgb(12 59 68/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-aqua-900\/90{background-color:rgba(12,59,68,.9)}html[data-wt="IBA"] .bg-aqua-950{--tw-bg-opacity:1;background-color:rgb(12 59 68/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-aqua-950\/70{background-color:rgba(12,59,68,.7)}html[data-wt="IBA"] .bg-mint{--tw-bg-opacity:1;background-color:rgb(245 185 66/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-mint\/10{background-color:rgba(245,185,66,.1)}html[data-wt="IBA"] .bg-mint\/25{background-color:rgba(245,185,66,.25)}html[data-wt="IBA"] .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(223 244 241/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-100\/60{background-color:rgba(223,244,241,.6)}html[data-wt="IBA"] .bg-purple-300{--tw-bg-opacity:1;background-color:rgb(127 211 204/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(239 250 248/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-50\/50{background-color:rgba(239,250,248,.5)}html[data-wt="IBA"] .bg-purple-50\/70{background-color:rgba(239,250,248,.7)}html[data-wt="IBA"] .bg-purple-50\/90{background-color:rgba(239,250,248,.9)}html[data-wt="IBA"] .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(15 143 140/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-600{--tw-bg-opacity:1;background-color:rgb(0 122 120/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-700{--tw-bg-opacity:1;background-color:rgb(0 95 99/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .bg-purple-950{--tw-bg-opacity:1;background-color:rgb(12 59 68/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .text-aqua-600{--tw-text-opacity:1;color:rgb(0 122 120/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-aqua-700{--tw-text-opacity:1;color:rgb(0 95 99/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-aqua-800,html[data-wt="IBA"] .text-aqua-900,html[data-wt="IBA"] .text-aqua-950{--tw-text-opacity:1;color:rgb(12 59 68/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-purple-200{--tw-text-opacity:1;color:rgb(180 230 225/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-purple-300{--tw-text-opacity:1;color:rgb(127 211 204/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-purple-700{--tw-text-opacity:1;color:rgb(0 95 99/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-purple-800,html[data-wt="IBA"] .text-purple-900{--tw-text-opacity:1;color:rgb(12 59 68/var(--tw-text-opacity,1))}html[data-wt="IBA"] .text-purple-900\/80{color:rgba(12,59,68,.8)}html[data-wt="IBA"] .placeholder-purple-200\/75::-moz-placeholder{color:rgba(180,230,225,.75)}html[data-wt="IBA"] .placeholder-purple-200\/75::placeholder{color:rgba(180,230,225,.75)}html[data-wt="IBA"] .ring-purple-400{--tw-ring-opacity:1;--tw-ring-color:rgb(63 181 173/var(--tw-ring-opacity,1))}html[data-wt="IBA"] .ring-purple-500{--tw-ring-opacity:1;--tw-ring-color:rgb(15 143 140/var(--tw-ring-opacity,1))}html[data-wt="IBA"] .focus-within\:border-purple-300:focus-within{--tw-border-opacity:1;border-color:rgb(127 211 204/var(--tw-border-opacity,1))}html[data-wt="IBA"] .focus-within\:border-purple-400:focus-within{--tw-border-opacity:1;border-color:rgb(63 181 173/var(--tw-border-opacity,1))}html[data-wt="IBA"] .hover\:border-purple-300:hover{--tw-border-opacity:1;border-color:rgb(127 211 204/var(--tw-border-opacity,1))}html[data-wt="IBA"] .hover\:bg-aqua-50:hover{--tw-bg-opacity:1;background-color:rgb(239 250 248/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-aqua-700:hover{--tw-bg-opacity:1;background-color:rgb(0 95 99/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-mint\/40:hover{background-color:rgba(245,185,66,.4)}html[data-wt="IBA"] .hover\:bg-mint\/45:hover{background-color:rgba(245,185,66,.45)}html[data-wt="IBA"] .hover\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(223 244 241/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(180 230 225/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-purple-400:hover{--tw-bg-opacity:1;background-color:rgb(63 181 173/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(239 250 248/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-purple-50\/60:hover{background-color:rgba(239,250,248,.6)}html[data-wt="IBA"] .hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(15 143 140/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(0 95 99/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .hover\:text-aqua-700:hover{--tw-text-opacity:1;color:rgb(0 95 99/var(--tw-text-opacity,1))}html[data-wt="IBA"] .hover\:text-aqua-800:hover{--tw-text-opacity:1;color:rgb(12 59 68/var(--tw-text-opacity,1))}html[data-wt="IBA"] .focus\:border-aqua-600:focus{--tw-border-opacity:1;border-color:rgb(0 122 120/var(--tw-border-opacity,1))}html[data-wt="IBA"] .group:hover .group-hover\:bg-aqua-700{--tw-bg-opacity:1;background-color:rgb(0 95 99/var(--tw-bg-opacity,1))}html[data-wt="IBA"] .group:hover .group-hover\:text-aqua-700{--tw-text-opacity:1;color:rgb(0 95 99/var(--tw-text-opacity,1))}html[data-wt="IBA"] .group:hover .group-hover\:text-purple-200{--tw-text-opacity:1;color:rgb(180 230 225/var(--tw-text-opacity,1))}
html[data-wt="IBA"] .hero-gradient{ background: #0c3b44; }html[data-wt="IBA"] input[type="range"]{ accent-color: #007a78; }html[data-wt="IBA"] .sym-btn.active{ outline: 2px solid #007a78; background-color: #effaf8; }
html[data-wt="IBA"] #report-prep .rp-head{background:linear-gradient(135deg,#0c3b44,#007a78);color:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 6px 18px rgba(0,122,120,.22)}html[data-wt="IBA"] #report-prep .rp-head-k{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#b4e6e1}html[data-wt="IBA"] #report-prep .rp-head-s{font-size:12.5px;color:#dff4f1;margin-top:3px}html[data-wt="IBA"] #report-prep .rp-head-p{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#b4e6e1;margin-top:14px}html[data-wt="IBA"] #report-prep .rc[open]{border:2px solid #007a78;box-shadow:0 6px 18px rgba(0,122,120,.12)}html[data-wt="IBA"] #report-prep .rc-todo{border:2px solid #b4e6e1;color:#63605d}html[data-wt="IBA"] #report-prep .rc-opt{background:#effaf8;color:#63605d}html[data-wt="IBA"] #report-prep .rc[open] .rc-n{background:#007a78;border:0;color:#fff}html[data-wt="IBA"] #report-prep .rc-b{font-size:12px;font-weight:600;color:#63605d;background:#effaf8;border-radius:99px;padding:4px 10px;white-space:nowrap}html[data-wt="IBA"] #report-prep .rc[open] .rc-chev{transform:rotate(90deg);color:#007a78}html[data-wt="IBA"] #report-prep .rs-c{width:32px;height:32px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-sizing:border-box;border:2px solid #b4e6e1;color:#63605d;background:#fff}html[data-wt="IBA"] #report-prep .rs-step.cur .rs-c{background:#007a78;border-color:#007a78;color:#fff;box-shadow:0 0 0 4px #dff4f1}html[data-wt="IBA"] #report-prep .rs-dot.todo{border:2px solid #b4e6e1}html[data-wt="IBA"] #report-prep .rs-exp-row button{min-height:48px;border:1px solid #b4e6e1;background:#fff;border-radius:12px;font-weight:700;font-size:14px;color:#1e1b3a;font-family:inherit;cursor:pointer}html[data-wt="IBA"] #report-prep .rs-prev{border:1px solid #b4e6e1;background:#fff;color:#1e1b3a}html[data-wt="IBA"] #report-prep .rs-next{border:0;background:#007a78;color:#fff}
html[data-wt="IBA"] .hero-gradient{background:#0c3b44}
/* IBA-KLEUREN-EINDE */

/* aantal-invoer in de meetstaat: geen kleine pijltjes (◀ ▶ doen dat al) */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type="number"]{-moz-appearance:textfield;appearance:textfield}

/* iPhone (smal scherm): de bovenbalk moet binnen het scherm passen. Hulp, favorieten en offline zitten dan in het menu ☰; de tekenbalk loopt over twee regels. */
@media (max-width: 639px) {
  #btn-logo-home .logo-woord { display: none; }
  #btn-top-help, #btn-top-fav, #btn-offline-active { display: none !important; }
  #header-draw-controls { flex-wrap: wrap; height: auto; padding-top: 6px; padding-bottom: 6px; row-gap: 6px; }
}

/* Huisstijl: hoofdkleur van knoppen in vensters. IBA krijgt automatisch het groenblauwe palet. */
:root { --knop: #3c00aa; --knop-hover: #2c0a80; --knop-licht: #f1f0ff; --knop-donker: #211747; }
html[data-wt="IBA"] { --knop: #007a78; --knop-hover: #005f5d; --knop-licht: #e8f5f5; --knop-donker: #0c3b44; }

/* Keuzelijsten met witte letters: de uitklaplijst zelf donker maken (v399), color-scheme alleen volstaat niet in elke browser */
select.text-white option, select.text-white optgroup, #project-file-select option, #project-file-select optgroup { background-color: #211747; color: #ffffff; }

/* Terreinmodus (v419): enkel tekenen, foto's en notities; wat met data-bureau gemarkeerd is, verdwijnt (zie app-zijpaneel.js) */
body.aqd-terrein [data-bureau] { display: none !important; }
body.aqd-terrein #btn-app-modus { background: #fde047 !important; color: #0f172a !important; border-color: #fde047 !important; }