/* Optional Volt Raceway login-only presentation.
 * Install only through a separately managed, persistent stylesheet mechanism.
 * Do not edit compiled application CSS or vendor login templates.
 * Pair with the official white logo native product_logo setting.
 * No JS, generated copy, auth changes, external assets, or hidden controls.
 */
#app > .login.fullscreen {
  --fullscreen-background: #0a0a0a;
  --fullscreen-text: #ffffff;
  --fullscreen-text-muted: #aaaaaa;
  --fullscreen-text-link: #ffffff;
  background: #0a0a0a;
  color: #ffffff;
}
#app > .login.fullscreen .hero-unit:not(.alert) {
  background: #1a1a1a;
  color: #ffffff;
  border: 1px solid #3a3a3a;
  border-top: 3px solid #e31837;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .3);
}
#app > .login.fullscreen .company-logo {
  width: 280px;
  max-width: 100%;
  max-height: 100px;
  height: auto;
  object-fit: contain;
}
#app > .login.fullscreen #login .formGroup-label,
#app > .login.fullscreen #login .label-text {
  color: #ffffff;
}
#app > .login.fullscreen #login .form-control {
  background: #141414;
  color: #ffffff;
  border-color: #858585;
}
#app > .login.fullscreen #login .form-control:focus {
  border-color: #ffffff;
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  box-shadow: none;
}
#app > .login.fullscreen #login .btn--primary {
  background: #e31837;
  border-color: #e31837;
  color: #ffffff;
}
#app > .login.fullscreen #login .btn--primary:hover {
  background: #b8132d;
  border-color: #b8132d;
}
#app > .login.fullscreen a,
#app > .login.fullscreen #login .btn--text {
  color: #ffffff;
}
#app > .login.fullscreen a:focus-visible,
#app > .login.fullscreen button:focus-visible,
#app > .login.fullscreen input[type="checkbox"]:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
#app > .login.fullscreen hr { border-color: #3a3a3a; }
#app > .login.fullscreen .poweredBy { color: #aaaaaa; }