/* Ensure body and html take full viewport */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Target Flutter's flt-glass-pane and platform views */
flt-glass-pane {
  width: 100%;
  height: 100%;
}

/* Style for all platform views */
flt-platform-view,
flt-platform-view-slot {
  width: 100% !important;
  height: 100% !important;
}

/* Target the iframe/slot content */
flt-platform-view-slot iframe,
flt-platform-view-slot > div {
  width: 100% !important;
  height: 100% !important;
  border: none;
}

/* MapLibre-specific styling */
.maplibregl-map,
.mapboxgl-map {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.maplibregl-canvas,
.mapboxgl-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Ensure the canvas container has proper dimensions */
.maplibregl-canvas-container,
.mapboxgl-canvas-container {
  width: 100% !important;
  height: 100% !important;
}