.mb{--mb-panel:var(--card);--mb-panel2:var(--secondary);--mb-ink:var(--foreground);--mb-muted:var(--muted-foreground);--mb-dim:color-mix(in oklab, var(--muted-foreground) 80%, transparent);--mb-line:var(--border);--mb-gold:var(--primary);--mb-goldwash:color-mix(in oklab, var(--primary) 12%, var(--card));--mb-green:color-mix(in oklab, #1f8a5a 80%, var(--foreground));--mb-blue:color-mix(in oklab, #2f6fae 80%, var(--foreground));--mb-red:color-mix(in oklab, #b3452c 80%, var(--foreground));color:var(--mb-ink);font-size:15px;line-height:1.65}.mb button,.mb input,.mb select,.mb textarea{font:inherit;color:inherit}.mb .mb-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mb .mb-bar input[type=search]{background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:6px;flex:260px;max-width:420px;padding:8px 11px}.mb .btn{background:var(--mb-panel);border:1px solid var(--mb-line);cursor:pointer;border-radius:5px;padding:6px 10px}.mb .btn:hover{border-color:var(--mb-gold)}.mb .wrap{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;display:grid}.mb aside{border-right:1px solid var(--mb-line);max-height:calc(100vh - 40px);padding-right:10px;position:sticky;top:12px;overflow:auto}.mb aside h4{letter-spacing:.13em;color:var(--mb-dim);text-transform:uppercase;margin:16px 8px 6px;font-size:11px;font-weight:700}.mb .navitem{text-align:left;width:100%;color:var(--mb-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 9px;font-size:13.5px;display:block}.mb .navitem:hover{background:var(--mb-panel2);color:var(--mb-ink)}.mb .navitem.on{background:var(--mb-goldwash);color:var(--mb-ink);box-shadow:inset 2px 0 0 var(--mb-gold)}.mb .navitem .n{color:var(--mb-dim);float:right;padding-top:2px;font-size:11px}.mb .navitem.leeg{opacity:.5}.mb main{min-width:0;padding-bottom:60px}.mb h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.15}.mb h2{font-family:var(--font-display);margin:30px 0 10px;font-size:22px}.mb h3{font-family:var(--font-display);margin:22px 0 8px;font-size:17px}.mb .lede{color:var(--mb-muted);max-width:78ch;font-size:15.5px}.mb .crumb{color:var(--mb-gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.mb .grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:20px 0;display:grid}.mb .tile{background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:8px;padding:14px}.mb .tile b{font-family:var(--font-display);color:var(--mb-gold);font-size:26px;line-height:1.1;display:block}.mb .tile span{color:var(--mb-muted);font-size:11.5px}.mb .note{background:var(--mb-goldwash);border:1px solid var(--mb-line);border-left:3px solid var(--mb-gold);color:var(--mb-muted);border-radius:6px;margin:16px 0;padding:13px 15px;font-size:14px}.mb .note strong{color:var(--mb-ink)}.mb table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:13.5px}.mb th{background:var(--mb-panel2);color:var(--mb-muted);text-align:left;border-bottom:1px solid var(--mb-line);padding:9px 10px;font-weight:600}.mb td{border-bottom:1px solid var(--mb-line);vertical-align:top;padding:9px 10px}.mb tr.click{cursor:pointer}.mb tr.click:hover td{background:var(--mb-panel2)}.mb .mono{font-variant-numeric:tabular-nums;color:var(--mb-dim);white-space:nowrap}.mb .tag{border:1px solid var(--mb-line);color:var(--mb-muted);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10.5px;display:inline-block}.mb .tag.open,.mb .tag.correctie{color:var(--mb-red);border-color:var(--mb-red)}.mb .tag.voorgesteld,.mb .tag.voorstel{color:var(--mb-gold);border-color:var(--mb-gold)}.mb .tag.besloten,.mb .tag.feit,.mb .tag.bron{color:var(--mb-blue);border-color:var(--mb-blue)}.mb .tag.ingericht,.mb .tag.getest,.mb .tag.operationeel,.mb .tag.gelezen{color:var(--mb-green);border-color:var(--mb-green)}.mb .tag.aangepast{color:var(--mb-dim)}.mb .filters{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 6px;display:flex}.mb .chip{border:1px solid var(--mb-line);background:var(--mb-panel);color:var(--mb-muted);cursor:pointer;border-radius:20px;padding:4px 10px;font-size:12px}.mb .chip.on{background:var(--mb-goldwash);color:var(--mb-ink);border-color:var(--mb-gold)}.mb .count{color:var(--mb-dim);margin-left:auto;font-size:12px}.mb details.item{border:1px solid var(--mb-line);background:var(--mb-panel);border-radius:7px;margin:7px 0}.mb details.item>summary{cursor:pointer;align-items:baseline;gap:10px;padding:11px 14px;font-weight:600;list-style:none;display:flex}.mb details.item>summary::-webkit-details-marker{display:none}.mb details.item>summary:hover{color:var(--mb-gold)}.mb details.item .ans{color:var(--mb-muted);max-width:82ch;padding:0 14px 14px}.mb .prose{max-width:82ch}.mb .prose p,.mb .prose li{color:var(--mb-muted)}.mb .prose h1{color:var(--mb-ink);margin:30px 0 10px;font-size:24px}.mb .prose h2{color:var(--mb-ink);margin:26px 0 8px;font-size:19px}.mb .prose h3{color:var(--mb-ink);margin:18px 0 6px;font-size:16px}.mb .prose strong{color:var(--mb-ink)}.mb .prose code{background:var(--mb-panel2);border-radius:3px;padding:1px 5px;font-size:13px}.mb .prose blockquote{border-left:3px solid var(--mb-gold);margin:16px 0;padding:2px 15px}.mb .sec{border-top:1px solid var(--mb-line);margin-top:32px;padding-top:24px;scroll-margin-top:90px}.mb .notes{border:1px solid var(--mb-line);border-left:3px solid var(--mb-gold);background:var(--mb-panel);border-radius:7px;margin:18px 0 6px;padding:13px 15px}.mb .notes h4{color:var(--mb-gold);margin:0 0 8px;font-size:13px;font-weight:650}.mb .notes textarea{resize:vertical;background:var(--background);width:100%;min-height:78px;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:5px;padding:10px 11px;font-size:14px;line-height:1.6}.mb .notes .bar{color:var(--mb-dim);align-items:center;gap:10px;min-height:16px;margin-top:7px;font-size:11.5px;display:flex}.mb .addrow{align-items:flex-start;gap:8px;margin-top:9px;display:flex}.mb .addrow select,.mb .dcard select{background:var(--background);color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:5px;padding:8px 7px}.mb .log{margin:6px 0 0}.mb .entry{border-left:2px solid var(--mb-line);margin:0;padding:8px 0 8px 13px}.mb .entry.on{border-left-color:var(--mb-gold)}.mb .entry .who{color:var(--mb-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:flex}.mb .entry .txt{white-space:pre-wrap;color:var(--mb-muted);margin:3px 0 0}.mb .entry.oud .txt,.mb .entry.nee .txt{color:var(--mb-dim);text-decoration:line-through}.mb .entry.wacht{border-left-color:var(--mb-gold)}.mb .entry.ja{border-left-color:var(--mb-green)}.mb .entry.nee{border-left-color:var(--mb-red);opacity:.75}.mb .entry .mini{border:1px solid var(--mb-line);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px}.mb .akk{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.mb .akk button{border:1px solid var(--mb-line);background:var(--mb-panel2);cursor:pointer;border-radius:5px;padding:3px 9px;font-size:11.5px}.mb .akk button:hover{border-color:var(--mb-gold)}.mb .kind,.mb .chg{border:1px solid var(--mb-line);color:var(--mb-muted);border-radius:4px;padding:1px 6px;font-size:10.5px}.mb .kind.correctie,.mb .chg.correctie{color:var(--mb-red);border-color:var(--mb-red)}.mb .kind.uitzoeken,.mb .chg.besluit{color:var(--mb-blue);border-color:var(--mb-blue)}.mb .kind.besluit{color:var(--mb-gold);border-color:var(--mb-gold)}.mb .chg.bevestiging,.mb .chg.aanvulling{color:var(--mb-green);border-color:var(--mb-green)}.mb .notecard{background:var(--mb-panel);border:1px solid var(--mb-line);border-left:3px solid var(--mb-gold);cursor:pointer;border-radius:7px;margin:9px 0;padding:13px 15px}.mb .notecard:hover{border-color:var(--mb-gold)}.mb .notecard.oud{border-left-color:var(--mb-line);opacity:.75}.mb .notecard p{white-space:pre-wrap;color:var(--mb-muted);margin:6px 0 0}.mb .mtg{background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:9px;margin:12px 0;padding:16px 18px}.mb .dcard{background:var(--mb-panel2);border-top:1px solid var(--mb-line);padding:14px 16px}.mb .dcard label{color:var(--mb-dim);margin:9px 0 3px;font-size:11.5px;display:block}.mb .dcard input[type=text],.mb .dcard textarea{background:var(--background);width:100%;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:5px;padding:7px 9px;font-size:13.5px;line-height:1.55}.mb .dcard .row{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:10px;display:flex}.mb .blok{color:var(--mb-red);font-weight:650}.mb .hit{border:1px solid var(--mb-line);background:var(--mb-panel);cursor:pointer;border-radius:7px;margin:7px 0;padding:11px 13px}.mb .hit:hover{border-color:var(--mb-gold)}.mb .hit b{font-size:14px;display:block}.mb .hit span{color:var(--mb-dim);font-size:12px}.mb .hit p{color:var(--mb-muted);margin:5px 0 0;font-size:13px}.mb mark{background:var(--mb-goldwash);color:var(--mb-ink);padding:0 2px}.mb .empty{color:var(--mb-dim);padding:24px 0}@media (width<=900px){.mb .wrap{grid-template-columns:1fr}.mb aside{border-right:0;border-bottom:1px solid var(--mb-line);max-height:none;padding-bottom:10px;position:static}}.hb{--hb-panel:var(--card);--hb-land:color-mix(in oklab, var(--muted) 85%, var(--foreground) 4%);--hb-edge:color-mix(in oklab, var(--foreground) 28%, transparent);--hb-ink:var(--foreground);--hb-muted:var(--muted-foreground);--hb-line:var(--border);--hb-gold:var(--primary);--hb-heat:var(--primary);--hb-pin:var(--foreground);--hb-pinring:var(--card);--hb-hover:var(--secondary);--hb-sel:color-mix(in oklab, var(--primary) 12%, var(--card));--hb-urban:color-mix(in oklab, var(--foreground) 12%, var(--muted));--hb-water:color-mix(in oklab, #5b8db0 70%, var(--muted));--hb-road:color-mix(in oklab, var(--foreground) 35%, transparent);--hb-motorway:color-mix(in oklab, var(--foreground) 55%, transparent);--hb-place:color-mix(in oklab, var(--foreground) 75%, transparent);--hb-sea:color-mix(in oklab, var(--muted) 55%, var(--background));color:var(--hb-ink)}.hb button,.hb input,.hb select{font:inherit;color:inherit}.hb .hb-head{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:12px;display:flex}.hb .hb-head h1{font-family:var(--font-display);margin:0;font-size:30px;font-weight:700;line-height:1}.hb .sub{color:var(--hb-muted);flex:300px;font-size:14px}.hb .export{border:1px solid var(--hb-line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-weight:600}.hb .export:hover{background:var(--hb-hover)}.hb .tabs{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.hb .tab{border:1px solid var(--hb-line);background:var(--hb-panel);cursor:pointer;white-space:nowrap;font-family:var(--font-display);border-radius:8px;align-items:baseline;gap:9px;padding:8px 14px;font-size:16px;font-weight:600;display:flex}.hb .tab .n{color:var(--hb-muted);font-size:14px;font-weight:500}.hb .tab:hover{background:var(--hb-hover)}.hb .tab[aria-selected=true]{background:var(--hb-gold);border-color:var(--hb-gold);color:var(--primary-foreground)}.hb .tab[aria-selected=true] .n{color:var(--primary-foreground)}.hb .tab.todo{border-style:dashed}.hb .subtabs{flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;padding:2px 2px 0;display:flex}.hb .sub-t{cursor:pointer;color:var(--hb-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 0;font-size:14px}.hb .sub-t .n{margin-left:5px;font-size:13px}.hb .sub-t:hover{color:var(--hb-ink)}.hb .sub-t[aria-selected=true]{color:var(--hb-ink);border-bottom-color:var(--hb-gold);font-weight:600}.hb .filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hb .filters input,.hb .filters select{background:var(--hb-panel);border:1px solid var(--hb-line);border-radius:6px;min-height:36px;padding:7px 10px;font-size:14px}.hb .filters input{flex:220px;max-width:320px}.hb .filters select{flex:0 auto;max-width:230px}.hb .linkbtn{color:var(--hb-gold);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-weight:600}.hb .main{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:14px;display:grid}.hb .mapbox{background:var(--hb-sea);border:1px solid var(--hb-line);border-radius:10px;height:calc(100vh - 330px);min-height:540px;position:relative;overflow:hidden}.hb svg#hbmap{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hb svg#hbmap.dragging{cursor:grabbing}.hb .prov-land{fill:var(--hb-land);stroke:var(--hb-edge);stroke-width:1px;vector-effect:non-scaling-stroke}.hb .l-urban{fill:var(--hb-urban);stroke:none}.hb .l-water{fill:none;stroke:var(--hb-water);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.hb .l-road{fill:none;stroke:var(--hb-road);stroke-width:.9px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.hb .l-motorway{fill:none;stroke:var(--hb-motorway);stroke-width:1.8px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.hb .l-rail{fill:none;stroke:var(--hb-road);stroke-width:.6px;vector-effect:non-scaling-stroke;opacity:.7}.hb .prov-heat{fill:var(--hb-heat);stroke:none;pointer-events:none}.hb .prov-hit{fill:#0000;stroke:#0000;stroke-width:2px;vector-effect:non-scaling-stroke;cursor:pointer}.hb .prov-hit:focus{outline:none}.hb .prov-hit:hover,.hb .prov-hit:focus-visible{stroke:var(--hb-gold)}.hb .prov-hit.active{stroke:var(--hb-gold);stroke-width:2.5px}.hb svg.deep .prov-hit{pointer-events:none}.hb svg.deep .prov-hit.active{stroke-width:1.5px}.hb .plabel{font-family:var(--font-display);fill:var(--hb-ink);pointer-events:none;paint-order:stroke;stroke:var(--hb-panel);stroke-linejoin:round;font-weight:700}.hb .place{font-family:var(--font-sans);fill:var(--hb-place);pointer-events:none;paint-order:stroke;stroke:var(--hb-sea);stroke-linejoin:round}.hb .place.big{font-weight:600}.hb .pin{fill:var(--hb-pin);stroke:var(--hb-pinring);vector-effect:non-scaling-stroke;cursor:pointer;fill-opacity:.88}.hb .pin:hover,.hb .pin.active{fill:var(--hb-gold);fill-opacity:1}.hb svg.far .pin{pointer-events:none;fill-opacity:.55}.hb .pin.todo{fill:none;stroke:var(--hb-pin);stroke-width:2px}.hb .pin.todo.active,.hb .pin.todo:hover{stroke:var(--hb-gold)}.hb .pinlabel{font-family:var(--font-display);fill:var(--hb-ink);pointer-events:none;paint-order:stroke;stroke:var(--hb-sea);stroke-linejoin:round;font-weight:600}.hb .legend{background:color-mix(in srgb, var(--hb-panel) 90%, transparent);border:1px solid var(--hb-line);color:var(--hb-muted);border-radius:8px;max-width:270px;padding:8px 10px;font-size:12.5px;position:absolute;bottom:12px;left:12px}.hb .legend .bar{background:linear-gradient(90deg, color-mix(in srgb, var(--hb-heat) 10%, var(--hb-land)), var(--hb-heat));border-radius:4px;height:8px;margin:4px 0 2px}.hb .legend .ends{justify-content:space-between;display:flex}.hb .ctrls{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.hb .ctrl{background:var(--hb-panel);border:1px solid var(--hb-line);cursor:pointer;border-radius:6px;min-width:36px;height:36px;padding:0 10px;font-size:18px;font-weight:600;line-height:1}.hb .ctrl.txt{font-size:14px}.hb .ctrl:hover{background:var(--hb-hover)}.hb .panel{background:var(--hb-panel);border:1px solid var(--hb-line);border-radius:10px;flex-direction:column;height:calc(100vh - 330px);min-height:540px;display:flex;overflow:hidden}.hb .crumbs{color:var(--hb-muted);flex-wrap:wrap;gap:4px;padding:12px 16px 0;font-size:13.5px;display:flex}.hb .crumbs button{color:var(--hb-gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.hb .crumbs .sep{opacity:.6}.hb .phead{border-bottom:1px solid var(--hb-line);padding:6px 16px 12px}.hb .phead h2{font-family:var(--font-display);margin:2px 0;font-size:24px;font-weight:700;line-height:1.1}.hb .phead p{color:var(--hb-muted);margin:0;font-size:14px}.hb .pbody{flex:1;padding:4px 0 14px;overflow-y:auto}.hb .row{text-align:left;border:none;border-bottom:1px solid var(--hb-line);cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;width:100%;padding:9px 16px;display:grid}.hb .row:hover{background:var(--hb-hover)}.hb .row .t{text-overflow:ellipsis;font-weight:600;overflow:hidden}.hb .row .m{color:var(--hb-muted);grid-column:1/-1;font-size:13px}.hb .row .c{font-family:var(--font-display);font-size:16px;font-weight:600}.hb .row .meter{background:var(--hb-line);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.hb .row .meter i{background:var(--hb-heat);height:100%;display:block}.hb .row.muted .t{color:var(--hb-muted)}.hb .row.lead .t{color:var(--hb-gold)}.hb .badge{border:1px solid var(--hb-gold);color:var(--hb-gold);white-space:nowrap;border-radius:4px;margin-left:6px;padding:0 5px;font-size:12px;font-weight:600}.hb .section{color:var(--hb-muted);padding:14px 16px 4px;font-size:13px;font-weight:600}.hb .empty{color:var(--hb-muted);padding:22px 16px}.hb .btn{background:var(--hb-gold);color:var(--primary-foreground);border:1px solid var(--hb-gold);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.hb .btn.ghost{color:var(--hb-ink);border-color:var(--hb-line);background:0 0}.hb .btn:disabled{opacity:.5;cursor:default}.hb .actions{flex-wrap:wrap;gap:8px;padding:12px 16px 4px;display:flex}.hb .indeling{border:1px solid var(--hb-line);border-radius:8px;margin:8px 16px 4px;padding:12px}.hb .indeling h3{font-family:var(--font-display);margin:0 0 8px;font-size:18px;font-weight:700}.hb .indeling label{color:var(--hb-muted);margin:10px 0 4px;font-size:13px;display:block}.hb .indeling select{background:var(--hb-panel);border:1px solid var(--hb-line);border-radius:6px;width:100%;padding:7px 10px;font-size:14px}.hb .chips{flex-wrap:wrap;gap:6px;display:flex}.hb .chip{border:1px solid var(--hb-line);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:14px}.hb .chip[aria-pressed=true]{background:var(--hb-gold);border-color:var(--hb-gold);color:var(--primary-foreground);font-weight:600}.hb .indeling .state{color:var(--hb-muted);margin-top:10px;font-size:13px}.hb .indeling .row2{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.hb dl.fields{margin:0;padding:4px 16px 6px}.hb dl.fields div{border-bottom:1px solid var(--hb-line);grid-template-columns:150px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.hb dl.fields dt{color:var(--hb-muted);font-size:13px}.hb dl.fields dd{overflow-wrap:anywhere;margin:0;font-size:14px}.hb dl.fields dd.none{color:var(--hb-muted);opacity:.6}.hb dl.fields a{color:var(--hb-gold)}.hb .notes{border-left:3px solid var(--hb-gold);background:var(--hb-sel);border-radius:0 6px 6px 0;margin:6px 16px 0;padding:10px 12px;font-size:13.5px}.hb .notes p{margin:0 0 4px}.hb .notes p:last-child{margin:0}.hb .tip{pointer-events:none;background:var(--hb-ink);color:var(--hb-panel);white-space:nowrap;z-index:3;border-radius:6px;padding:5px 9px;font-size:13px;display:none;position:absolute;transform:translate(-50%,-135%)}.hb .qcount{color:var(--hb-muted);font-size:13px}@media (width<=900px){.hb .main{grid-template-columns:1fr}.hb .mapbox{height:60vh;min-height:360px}.hb .panel{height:auto;min-height:0}.hb .pbody{overflow:visible}.hb dl.fields div{grid-template-columns:120px minmax(0,1fr)}.hb .tabs,.hb .subtabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.hb .legend.zoomed{display:none}}
