.nav-link {
    color: black !important;
}

.nav-link.active {
    color: white !important;
    background-color: rgb(7, 47, 116) !important;
}

.nav-link.inactive:hover {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(7, 47, 116, 0.174) !important;
}

.navbar-collapse {
    flex-grow: 0 !important;
}

.row.center-view {
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.4),
        /* gauche */
        -5px 0 10px -5px rgba(0, 0, 0, 0.4);
    /* droite */
}

#usersTable>tbody>tr:hover {
    cursor: pointer !important;
}

#overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

#divContractSelect {
    position: relative;
    z-index: 1001;
    /* reste cliquable au-dessus du gris */
}

#auth-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 325px;
}

.auth-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: transform .35s ease, opacity .35s ease;
}

/* Écran actif */
.auth-screen.active {
    opacity: 1;
    pointer-events: all;
}

/* Entrée / sortie directionnelles */
.slide-in-left {
    transform: translateX(0);
}

.slide-out-left {
    transform: translateX(-60px);
}

.slide-in-right {
    transform: translateX(0);
}

.slide-out-right {
    transform: translateX(60px);
}

/* Positions initiales */
.auth-screen:not(.active) {
    transform: translateX(60px);
}

#map {
    height: 500px;
    width: 80%;
}

.custom-label {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #000;
  font-weight: bold;
  font-size: 8px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}

.legend {
  background: white;
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.legend h4 {
  margin: 0 0 6px;
  font-size: 14px;
}

.legend-color {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

#equipmentTable tr:hover{
    cursor: pointer;
}