html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

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

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

/* =========================================================
   PERSONNALISATION DES COULEURS D'ICÔNES DE VÉHICULES
   ========================================================= */

/* 1. APPAREIL EN LIGNE AVEC MOTEUR ALLUMÉ -> VERT */
.MuiListItem-root:has([style*="2e7d32"]):has(svg[data-testid*="Engine"]) .MuiAvatar-root,
.MuiListItem-root:has([style*="46, 125, 50"]):has(svg[data-testid*="Engine"]) .MuiAvatar-root {
    background-color: #2e7d32 !important; /* Vert */
    color: #ffffff !important;
}

/* 2. APPAREIL EN LIGNE SANS MOTEUR (MOTEUR COUPÉ) -> ORANGE */
.MuiListItem-root:has([style*="2e7d32"]):not(:has(svg[data-testid*="Engine"])) .MuiAvatar-root,
.MuiListItem-root:has([style*="46, 125, 50"]):not(:has(svg[data-testid*="Engine"])) .MuiAvatar-root {
    background-color: #f57c00 !important; /* Orange */
    color: #ffffff !important;
}

/* 3. APPAREIL HORS LIGNE (OFFLINE) -> GRIS */
.MuiListItem-root:has([style*="d32f2f"]) .MuiAvatar-root,
.MuiListItem-root:has([style*="211, 47, 47"]) .MuiAvatar-root {
    background-color: #757575 !important; /* Gris */
    color: #ffffff !important;
}