:root{--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--border: rgba(11,11,11,.1);--accent: #2a78d6;--accent-dark: #184f95;--no-data: #e1e0d9}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--surface-1);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-primary)}#map{position:absolute;inset:0}.panel{position:absolute;z-index:1000;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 10px #0000001f}#topbar{top:12px;left:12px;padding:12px 14px;width:320px;max-height:calc(100% - 24px);overflow-y:auto}#topbar h1{font-size:15px;font-weight:700;margin:0 0 4px}#topbar .sub{font-size:12px;color:var(--text-secondary);line-height:1.45}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 2px}.kpi{background:#f1f0ec;border-radius:7px;padding:6px 7px}.kpi b{display:block;font-size:14px;font-variant-numeric:tabular-nums}.kpi span{font-size:10.5px;color:var(--text-secondary)}.label{font-size:11px;color:var(--text-secondary);margin:12px 0 4px}.segmented{display:flex;border:1px solid var(--accent);border-radius:8px;overflow:hidden}.seg-btn{flex:1;padding:7px 4px;border:none;background:var(--surface-1);color:var(--accent);font-size:11.5px;font-weight:600;cursor:pointer;border-right:1px solid var(--accent)}.seg-btn:last-child{border-right:none}.seg-btn.active,.seg-btn:hover{background:var(--accent);color:#fff}.level-badge{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;color:var(--accent-dark);background:#e7f0fc;border-radius:5px;padding:2px 7px}details{margin-top:10px;font-size:11.5px;color:var(--text-secondary);line-height:1.5}details summary{cursor:pointer;font-weight:600;color:var(--text-primary)}details p{margin:6px 0}#legend{bottom:24px;right:12px;padding:10px 12px;font-size:11px;color:var(--text-secondary);width:210px}#legend .title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:6px}#legend .row{display:flex;align-items:center;gap:7px;margin:2px 0;font-variant-numeric:tabular-nums}#legend .sw{width:14px;height:10px;border-radius:2px;flex:0 0 auto;border:1px solid var(--border)}#legend .note{margin-top:6px;font-size:10px;color:var(--muted);font-style:italic}.dm-tooltip{font-size:12px;line-height:1.45;width:max-content;max-width:360px;white-space:normal}.dm-tooltip b{font-size:13px}.dm-tooltip .val{color:var(--accent-dark);font-weight:700}.dm-tooltip .mk{font-size:11px;color:var(--text-secondary)}@media(max-width:640px){#topbar{left:8px;right:8px;top:8px;width:auto;max-height:45%;padding:10px 12px}#legend{right:8px;bottom:20px;width:170px}}.panel .head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#topbar .head h1,#legend .head .title{margin:0}#legend .body{margin-top:6px}.toggle{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;margin:-3px -3px 0 0;padding:0;border:1px solid var(--border);border-radius:7px;background:var(--surface-1);color:var(--text-secondary);cursor:pointer}.toggle:hover{color:var(--accent-dark);border-color:var(--accent)}.toggle:focus-visible,.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle svg{transition:transform .2s}.panel.collapsed .toggle svg{transform:rotate(180deg)}.panel.collapsed .body{display:none}#legend.collapsed{width:auto}#legend.collapsed .head{gap:12px}.dm-popup .leaflet-popup-content{margin:10px 12px;font-size:12px;line-height:1.5}.dm-popup .val{color:var(--accent-dark);font-weight:700;font-size:15px}.dm-popup .mk{color:var(--text-secondary);font-size:11px}@media(prefers-reduced-motion:reduce){.toggle svg{transition:none}}@media(max-width:640px){.toggle{width:36px;height:36px}#legend{bottom:28px}}