/* Keep the desktop map unchanged. A single compact control row on mobile/PWA. */
@media(max-width:900px){
 .map-panel .conditions{left:10px;right:10px;bottom:10px;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .map-panel .conditions>div{height:36px;box-sizing:border-box;padding:3px 5px;display:flex;flex-direction:column;justify-content:center;gap:0;border-radius:7px;line-height:1}
 .map-panel .conditions b{font-size:9px;line-height:9px;margin:0}
 .map-panel .conditions strong{font-size:11px;line-height:12px;margin:0}
 .map-panel .conditions small{font-size:8px;line-height:9px;margin:0}
 .map-panel .leaflet-bottom.leaflet-right:has(.fg-basemap-switch){left:0;right:0}
 .map-panel .fg-basemap-switch.leaflet-control{position:absolute;left:88px;right:auto;bottom:54px;float:none;clear:none;display:flex;gap:4px;align-items:center;padding:0 0 0 74px;margin:0!important;border:0;background:transparent;box-shadow:none;border-radius:0}
 .map-panel .radar-toggle.fg-action,.map-panel .fg-basemap-switch button,.map-panel .fg-fishery-layers summary{box-sizing:border-box;height:32px;min-height:32px!important;padding:5px 7px!important;border:1px solid #62848b!important;border-radius:8px!important;background:#10282ff2!important;color:#edf4f2!important;font:600 11px/20px system-ui,sans-serif!important;box-shadow:0 2px 7px #0003;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:3px}
 .map-panel .radar-toggle.fg-action{left:10px;bottom:54px;width:72px}
 .map-panel .fg-basemap-switch button[aria-pressed=true],.map-panel .radar-toggle.active.fg-action{background:#a1d25d!important;color:#142518!important;border-color:#a1d25d!important}
 .map-panel .fg-basemap-switch .fg-fishery-layers{position:absolute!important;left:0;right:auto;bottom:0;margin:0!important;width:70px;max-width:190px;border:0;background:transparent;box-shadow:none}
 .map-panel .fg-fishery-layers summary{width:70px;list-style:none}
 .map-panel .fg-fishery-layers summary::-webkit-details-marker{display:none}
 .map-panel .fg-basemap-switch .fg-fishery-layers[open]{width:190px;display:flex;flex-direction:column;border-radius:9px;z-index:1000}
 .map-panel .fg-fishery-layers[open] summary{order:3;margin-top:5px}
 .map-panel .fg-fishery-layers>div{box-sizing:border-box;width:190px;background:#10282ff5;border:1px solid #62848b;padding:8px 10px;font-size:12px}
 .map-panel .fg-fishery-layers>div:first-of-type{border-radius:9px 9px 0 0}
 .map-panel .fg-fishery-layers>div:last-of-type{border-radius:0 0 9px 9px}
}