/* MapaOn 4.1.22 — Somente o visual 2D e as camadas; sem tema global da interface. */


.mapaon-cg-map-layers { margin: 16px 0 5px; padding: 12px; border: 1px solid var(--border, #cad5e0); border-radius: 10px; }

/* Only #map is recolored. Virtual fence editor and other mini-maps stay unchanged. */
#map.mapaon-map-cyan-graphite { background: #1b2731; }
#map.mapaon-map-cyan-graphite .leaflet-control-zoom a,
#map.mapaon-map-cyan-graphite .leaflet-control-layers {
  background: #1b2a35; color: #e4f8ff; border-color: #395867;
}
#map.mapaon-map-cyan-graphite .leaflet-control-attribution {
  background: rgba(19, 28, 36, .85); color: #c1d6df;
}
#map.mapaon-map-cyan-graphite .leaflet-control-attribution a { color: #74edff; }
/* Keyless graphite appearance: only the map raster tiles are recolored.
   Markers, routes, geofences, control icons and overlays retain their colors.
   Attribution remains visible outside the tile pane. */
#map.mapaon-map-cyan-graphite .leaflet-tile-pane {
  filter: grayscale(1) invert(.91) hue-rotate(160deg) saturate(.7) brightness(.72) contrast(1.24);
}
#map.mapaon-map-cyan-graphite .mapaon-cg-fade-segment {
  pointer-events: none;
}

/* 4.1.22 — Campo Visual do mapa compacto, sem crescer com a coluna Camadas. */
.mapaon-map-settings-grid { align-items: start; }
.mapaon-map-settings-grid > .field { min-width: 0; }
.mapaon-map-style-field { justify-content: flex-start; align-self: start; }
.mapaon-map-style-field select[name="map_visual_style"] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  margin: 0;
  padding: 8px 36px 8px 12px;
  line-height: 1.25;
  align-self: flex-start;
}