.gebied-overlay{z-index:5000;touch-action:none;cursor:crosshair;position:fixed;inset:0}.gebied-overlay-instructie{top:max(12px, env(safe-area-inset-top));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--control-size);color:var(--text-h);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 24px);padding:8px 16px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.gebied-overlay-rect{border:2px solid var(--brand);pointer-events:none;position:fixed;box-shadow:0 0 0 9999px #05070c8c}.gebied-overlay-anker{border:2px solid var(--brand);background:var(--bg);pointer-events:none;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;position:fixed}.gebied-overlay-balk{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-soft);box-shadow:var(--shadow);touch-action:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.gebied-overlay-afmeting{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:13px}.gebied-overlay-balk-acties{gap:8px;display:flex}.notitie-knop-wrapper{flex-shrink:0;position:relative}.notitie-header-knop{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:relative}.notitie-header-knop:hover,.notitie-header-knop:focus-visible,.notitie-header-knop-actief{color:var(--brand)}.notitie-header-icoon{font-size:1.1rem;line-height:1}.notitie-header-badge{border-radius:var(--radius-pill);background:var(--brand);min-width:18px;height:18px;color:var(--surface);font:var(--label-weight) var(--label-size)/18px var(--sans);text-align:center;padding:0 4px;position:absolute;top:-6px;right:-8px}.notitie-panel{z-index:2100;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-soft);width:min(320px,100vw - 32px);max-height:min(480px,100vh - 120px);box-shadow:var(--shadow);padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notitie-panel-pijl{background:var(--surface);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);width:14px;height:14px;position:absolute;top:-7px;right:20px;transform:rotate(45deg)}.notitie-panel-titel{font:var(--label-weight) var(--label-size)/1.2 var(--sans);letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--text);margin-bottom:8px}.notitie-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:64px}.notitie-panel-acties{gap:8px;margin-top:8px;display:flex}.notitie-panel-toevoegen{flex:1}.notitie-panel-annuleer-bewerk{white-space:nowrap}.notitie-lijst{border-top:1px solid var(--border);margin:12px 0 0;padding:0;list-style:none}.notitie-lijst-item{border-bottom:1px solid var(--border);padding:8px 62px 8px 0;position:relative}.notitie-lijst-item:last-child{border-bottom:none}.notitie-lijst-item-bewerkt{background:var(--brand-tint);border-radius:var(--radius-sharp);margin:0 -14px;padding-left:14px;padding-right:14px}.notitie-lijst-context{font-size:var(--label-size);color:var(--text);text-transform:uppercase;letter-spacing:var(--label-spacing);margin-bottom:2px}.notitie-lijst-tekst{font-size:var(--control-size);color:var(--text-h);white-space:pre-wrap;word-break:break-word}.notitie-lijst-tekst-verwerkt{color:var(--text);opacity:.7;text-decoration:line-through}.notitie-lijst-gekopieerd-op{color:var(--brand)}.notitie-lijst-item-acties{align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:0}.notitie-lijst-bewerk,.notitie-lijst-kopieer,.notitie-lijst-verwijder{color:var(--text);cursor:pointer;line-height:1;font-size:var(--label-size);background:0 0;border:none;padding:2px}.notitie-lijst-bewerk:hover,.notitie-lijst-kopieer:hover{color:var(--brand)}.notitie-lijst-verwijder:hover{color:var(--status-rood)}.notitie-lijst-bewerkt-label{font-size:var(--label-size);color:var(--brand);margin-top:6px;font-style:italic}.notitie-panel-footer{align-items:center;gap:10px;margin-top:10px;display:flex}.notitie-panel-kopieer{flex:1}.notitie-panel-wis{color:var(--text);font-size:var(--control-size);cursor:pointer;background:0 0;border:none;padding:4px}.notitie-panel-wis:hover{color:var(--status-rood)}.notitie-wis-bevestig{font-size:var(--label-size);color:var(--text);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.notitie-panel-wis--bevestig{color:var(--status-rood);font-weight:600}.notitie-gebied-knop{width:100%;margin-top:8px}.notitie-gebied-chip{border-radius:var(--radius-sharp);background:var(--brand-tint);border:1px solid var(--accent-border);color:var(--brand);font-size:var(--label-size);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;display:flex}.notitie-gebied-chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;line-height:1}.notitie-lijst-gebied{font-size:var(--label-size);color:var(--brand);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.notitie-lokaal-melding{border-radius:var(--radius-sharp);background:var(--status-amber-tint);border:1px solid var(--status-amber);color:var(--text-h);font-size:var(--label-size);margin:8px 0 0;padding:6px 10px;line-height:1.45}.notitie-lijst-lokaal{color:var(--text);font-style:italic}.notitie-kopieer-fout{border-radius:var(--radius-sharp);background:var(--status-rood-tint);border:1px solid var(--status-rood);color:var(--text-h);font-size:var(--label-size);margin:8px 0 0;padding:6px 10px;line-height:1.45}