.map-view{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--color-surface);position:relative;overflow:hidden}.map-view__canvas{isolation:isolate;z-index:0;width:100%;height:100%;min-height:22rem}.map-pin span{background:var(--gradient-primary);width:40px;height:40px;box-shadow:0 8px 18px -4px rgb(var(--color-primary-rgb) / .6);border:3px solid #fff;border-radius:50% 50% 50% 0;display:block;position:relative;transform:rotate(-45deg)}.map-pin span:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.map-view .leaflet-popup-content{font:inherit;color:var(--color-heading)}.map-view .leaflet-control-attribution{font-size:.7rem}.map-odp span{background:var(--odp-color);border:3px solid #fff;border-radius:50%;width:26px;height:26px;display:block;position:relative;box-shadow:0 4px 10px -2px #262a3773}.map-odp span:after{content:"";border:2px solid var(--odp-color);opacity:.5;border-radius:50%;animation:2.4s ease-out infinite odpPulse;position:absolute;inset:-9px}.map-odp--tersedia{--odp-color:var(--color-success)}.map-odp--segera{--odp-color:var(--color-warning)}@keyframes odpPulse{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.map-view__legend{z-index:1;color:var(--color-heading);background:#fffffff2;border-radius:.85rem;gap:.35rem;padding:.65rem .85rem;font-size:.8125rem;font-weight:600;display:grid;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 8px 20px -6px #262a374d}.map-legend__item{align-items:center;gap:.5rem;display:flex}.map-legend__dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #262a3733}.map-legend__dot--tersedia{background:var(--color-success)}.map-legend__dot--segera{background:var(--color-warning)}@media (prefers-reduced-motion:reduce){.map-odp span:after{animation:none}}