html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #F4F8FC;
  font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #0F172A;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ---- Mapa (MapLibre): controles no padrão LocalFast ---- */
.maplibregl-ctrl-group {
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(11, 45, 91, 0.10), 0 1px 3px rgba(11, 45, 91, 0.06) !important;
  overflow: hidden;
}
.maplibregl-ctrl-group button {
  width: 36px !important;
  height: 36px !important;
}
.maplibregl-ctrl-group button + button {
  border-top: 1px solid #DCE5F0 !important;
}
.maplibregl-ctrl-attrib {
  border-radius: 8px 0 0 0 !important;
  font-size: 11px !important;
  font-family: inherit !important;
}
.maplibregl-popup-content {
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(11, 45, 91, 0.14) !important;
  font-family: inherit !important;
  padding: 12px 14px !important;
}
.maplibregl-ctrl-scale {
  border-radius: 0 0 6px 6px !important;
  font-family: inherit !important;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}