.map-shell { position: relative; height: 390px; background: #07192f; }
.map-shell .map { width: 100%; height: 100%; background: #07192f; }
.map-shell > p { position: absolute; z-index: 500; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; padding: 12px 16px; border: 1px solid #1d3a5b; border-radius: 9px; color: #9bb1c7; background: rgba(6, 19, 38, .9); pointer-events: none; font-size: 11px; }
.leaflet-control-zoom a, .leaflet-control-layers-toggle { background-color: #0d2947 !important; color: #fff !important; border-color: #1d3a5b !important; }
.leaflet-control-zoom a:hover { background-color: #16bceb !important; color: #04101e !important; }
.leaflet-control-attribution { background: rgba(5, 18, 35, .82) !important; color: #9db3c8 !important; font-size: 9px !important; }
.leaflet-control-attribution a { color: #16bceb !important; }
.leaflet-tooltip { background: #07182d; border: 1px solid #16bceb; color: #fff; box-shadow: 0 5px 18px #0008; }
.leaflet-tooltip-top::before { border-top-color: #16bceb; }
.datarix-map-popup { display: grid; gap: 4px; min-width: 190px; color: #0b2039; }
.datarix-map-popup b { color: #0877d9; font-size: 13px; }
.datarix-map-popup span { font-size: 11px; }
@media (max-width: 850px) { .map-shell { height: 360px; } .leaflet-control-attribution { max-width: 72%; } }