/* Map tools on the back-office Leaflet maps (docs/MAP-SDK-DESIGN.md §10.4); the look of the sMap SDK's tools control. */
.map-tool-hidden { display: none !important; }
.leaflet-control.map-tools.map-tools-empty { display: none; }
.leaflet-control.map-tools { position: relative; }
/* The tools button is the last button of the map's toolbar; while its panel is open its corner is above the others. */
.leaflet-top.map-tools-open, .leaflet-bottom.map-tools-open { z-index: 1001; }
.leaflet-control.map-tools .map-tools-button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #1e293b; }
.leaflet-control.map-tools .map-tools-button[aria-expanded="true"] { color: #2563eb; }
.map-tools-panel {
  position: absolute; top: 0; z-index: 1000; display: flex; flex-direction: column; gap: 4px;
  min-width: 170px; max-height: 60vh; overflow-y: auto; padding: 8px; box-sizing: border-box;
  border-radius: 8px; background: #ffffff; color: #1e293b; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);
  font: 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.map-tools-panel[hidden] { display: none; }
.leaflet-right .map-tools-panel { right: 38px; }
.leaflet-left .map-tools-panel { left: 38px; }
.leaflet-bottom .map-tools-panel { top: auto; bottom: 0; }
.map-tools-panel button {
  display: flex; align-items: center; width: 100%; min-height: 28px; padding: 4px 8px; box-sizing: border-box;
  border: 1px solid rgba(15, 23, 42, 0.15); border-radius: 6px; background: #ffffff; color: inherit;
  font: inherit; text-align: left; white-space: nowrap; cursor: pointer;
}
.map-tools-panel .map-tools-item[aria-pressed="true"] { border-color: #2563eb; background: #2563eb; color: #ffffff; }
.map-tools-panel button:focus-visible { outline: 2px solid #2563eb; outline-offset: 1px; }
.map-tools-all { display: flex; gap: 4px; margin-top: 4px; padding-top: 6px; border-top: 1px solid rgba(15, 23, 42, 0.12); }
.map-tools-all button { justify-content: center; text-align: center; }
