:root { color-scheme: dark; }
body { min-height: 100vh; background: #0b1118; }
.navbar { background: #111a24; }
.card { border-color: #273444; background: #111a24; }
.login-shell { width: min(100%, 420px); margin: 12vh auto 0; }
.map { min-height: 480px; border: 1px solid #34465b; border-radius: .5rem; overflow: hidden; }
.tracker-marker { background: #0d6efd; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 1px 5px #0009; }
.device-card dd { text-align: right; }
@media (max-width: 600px) {
  .navbar .container-fluid { align-items: flex-start; gap: .75rem; }
  .navbar-nav { order: 3; width: 100%; overflow-x: auto; }
  .map { min-height: 58vh; }
}