:root { color-scheme: light; }
body { background: #f5f7fb; }
body:has(input[type="password"]) main > div:first-child {
  background-color: #10243a;
  background-image: url('/login-map.svg');
  background-size: cover;
  background-position: center;
}
body:has(input[type="password"]) main > div:first-child img { max-width: 340px; width: 82%; max-height: 140px; }
body:has(input[type="password"]) form::before {
  content: 'VOTRE FLOTTE, EN DIRECT';
  display: block;
  margin-bottom: 24px;
  color: #b61938;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 2px;
}
body:has(input[type="password"]) form::after {
  content: 'MR Tracking · Suivi GPS sécurisé';
  display: block;
  margin-top: 28px;
  color: #5d7185;
  font-size: 12px;
  text-align: center;
}
body:has(input[type="password"]) button[type="submit"] { background: #d7193f; border-radius: 8px; min-height: 44px; box-shadow: none; }
body:has(input[type="password"]) button[type="submit"]:hover { background: #b91132; }
body:has(input[type="password"]) button[type="submit"]:disabled { background: #a4b1c1; color: white; }
button:focus-visible, a:focus-visible { outline: 3px solid #d7193f; outline-offset: 3px; }
.maplibregl-map::after {
  content: 'MR Tracking';
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 14px;
  border-left: 3px solid #d7193f;
  border-radius: 7px;
  background: rgba(255,255,255,.95);
  color: #10243a;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 2px 12px #10243a18;
  pointer-events: none;
  z-index: 2;
}