html,body{height:100%;margin:0}.app-shell{height:calc(100vh - 56px);padding:0}.sidebar{height:100%}.map-column{height:100%}#map{height:100%;width:100%;background:#eef2f3}.metric{border:1px solid #dee2e6;border-radius:.6rem;padding:.65rem;background:#f8f9fa}.metric span{display:block;font-size:.72rem;color:#6c757d}.metric b{font-size:1rem}.legend div{font-size:.85rem;margin:.25rem 0}.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px;vertical-align:-2px}.loading-box{position:absolute;z-index:1000;top:12px;left:50%;transform:translateX(-50%);background:#fff;padding:.55rem .8rem;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.2);font-size:.85rem}.leaflet-popup-content{min-width:230px}.popup-grid{display:grid;grid-template-columns:92px 1fr;gap:3px 8px;font-size:.82rem}.popup-grid .k{color:#6c757d}@media(max-width:991.98px){.app-shell{height:auto}.sidebar{height:auto}.map-column{height:68vh}#map{height:68vh}}