/**
 * Guest auth pages (login/register): floating labels + autofill contrast in dark theme.
 * Activated when documentElement has .hc-auth-dark (see layouts/guest.blade.php + dark-mode.js).
 */
.hc-auth-dark .form-signin .form-floating > .form-control {
  background-color: #1c2836 !important;
  color: #f8f9fa !important;
  border-color: #2a3c51 !important;
}

.hc-auth-dark .form-signin .form-floating > label {
  color: rgba(255, 255, 255, 0.82) !important;
}

.hc-auth-dark .form-signin .form-floating > .form-control:focus ~ label,
.hc-auth-dark .form-signin .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Chrome / Edge / Safari autofill: stop bright yellow/white fill from hiding the label */
.hc-auth-dark .form-signin .form-floating > .form-control:-webkit-autofill,
.hc-auth-dark .form-signin .form-floating > .form-control:-webkit-autofill:hover,
.hc-auth-dark .form-signin .form-floating > .form-control:-webkit-autofill:focus,
.hc-auth-dark .form-signin .form-floating > .form-control:-webkit-autofill:active {
  -webkit-text-fill-color: #f8f9fa !important;
  caret-color: #f8f9fa;
  box-shadow: 0 0 0 1000px #1c2836 inset !important;
  transition: background-color 99999s ease-out;
}

.hc-auth-dark .form-signin .auth-or-chip {
  background-color: #1c2836 !important;
}

/* Light theme: keep “or” chip readable over the divider */
html:not(.hc-auth-dark) .form-signin .auth-or-chip {
  background-color: #fff !important;
}

.hc-auth-dark .form-signin a.text-dark {
  color: rgba(255, 255, 255, 0.88) !important;
}