/* Responsive — app ocupa toda a tela em qualquer viewport */

html, body {
  overflow: hidden;
  background: #0E1411;
}

body {
  display: block;
  min-height: 100vh;
}

#root, .app-shell {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

/* O wrapper .map-fluid contém o mapa Google. Forçamos o container a ocupar 100% do flex parent */
.map-fluid > .mapview-canvas,
.map-fluid > div.mapview-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Para casos onde o mapa está embutido com altura fixa (ex: tela veículo, confirmar mobile),
   respeita o tamanho passado mas garante largura fluida */
.map-fluid .mapview-canvas { width: 100% !important; }

/* Touch-friendly */
.app-shell { -webkit-overflow-scrolling: touch; }

/* Safe area apenas em mobile */
@supports (padding-top: env(safe-area-inset-top)) {
  .app-shell { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}

/* Some Google Maps controls bleed-through tweaks: garantir que copyright/google logo são pequenos */
.mapview-canvas img { max-width: none; }

/* Esconde scroll de elementos do Google Maps que possam aparecer */
.mapview-canvas .gm-style-iw,
.mapview-canvas .gm-style-iw-c { padding: 8px !important; }