/**
 * Login / Register — tema dark padrão (sistema ZIMPAY)
 * Campos: fundo escuro + fonte branca (sempre legível)
 */
html,
body {
  color-scheme: dark !important;
}

html[data-theme-mode="dark"] body,
html.dark body,
body {
  background-color: #121214 !important;
  color: #f4f4f5 !important;
}

.auth-panel {
  background: #121214 !important;
  color: #f4f4f5 !important;
}

.login-card,
.login-card.custom-card {
  background: #1c1c1f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f4f4f5 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

.login-card__title,
.login-card h2,
.auth-panel h2,
.auth-panel .form-label,
.login-card .form-label,
.login-card label {
  color: #f4f4f5 !important;
}

.login-card__subtitle,
.auth-panel .text-muted,
.login-card .text-muted,
.auth-register,
.auth-copy {
  color: #9a9aa3 !important;
}

.login-card input.form-control,
.login-card input.form-control-lg,
.login-card textarea.form-control,
.login-card select.form-control,
.login-card select.form-select,
.login-card .form-control,
.login-card .form-select,
.auth-panel input.form-control,
.auth-panel select.form-control,
.auth-panel .form-control,
.auth-panel .form-select,
.auth-panel input,
.auth-panel select {
  background: #242428 !important;
  background-color: #242428 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  opacity: 1 !important;
}

.login-card .form-control::placeholder,
.login-card input::placeholder,
.auth-panel .form-control::placeholder,
.auth-panel input::placeholder {
  color: #9a9aa3 !important;
  -webkit-text-fill-color: #9a9aa3 !important;
  opacity: 1 !important;
}

.login-card .form-control:focus,
.login-card input.form-control:focus,
.auth-panel .form-control:focus,
.auth-panel input.form-control:focus,
.login-card .form-select:focus {
  background: #2c2c31 !important;
  background-color: #2c2c31 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(230, 86, 22, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(230, 86, 22, 0.2) !important;
}

.login-card .input-wrap > i.field-icon,
.auth-panel .field-icon,
.login-card .show-password-button {
  color: #9a9aa3 !important;
}

.login-card .show-password-button:hover {
  color: #e65616 !important;
}

.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus,
.auth-panel input:-webkit-autofill,
.auth-panel input:-webkit-autofill:hover,
.auth-panel input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #242428 inset !important;
  box-shadow: 0 0 0 1000px #242428 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  transition: background-color 99999s ease-in-out 0s;
}

.login-options .form-check-label,
.step-indicator,
.auth-register a {
  color: #e65616 !important;
}

.progress-steps .step-circle:not(.active) {
  background-color: #2c2c31 !important;
  color: #9a9aa3 !important;
}