/* ── Estilos base de SAAM Fleet Speed ── */
html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

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

/* ── Fondo con imagen ──
   El #site-bg y #site-overlay del index.html están fijos en z-index 0 y 1.
   El React root y sus contenedores inmediatos deben ser transparentes
   para dejar ver esas capas de fondo. */

body {
  background: transparent !important;
}

#root,
.root {
  position: relative;
  z-index: 2;
  background: transparent !important;
  background-color: transparent !important;
}

/* El primer div que MUI/React renderiza dentro del root */
#root > div {
  background-color: transparent !important;
}