html, body { min-width: 350px; }

[data-bs-theme-base="neutral"] {
  --tblr-gray-50: #fafafa;
  --tblr-gray-100: #f5f5f5;
  --tblr-gray-200: #e5e5e5;
  --tblr-gray-300: #d4d4d4;
  --tblr-gray-400: #a3a3a3;
  --tblr-gray-500: #737373;
  --tblr-gray-600: #525252;
  --tblr-gray-700: #404040;
  --tblr-gray-800: #262626;
  --tblr-gray-900: #171717;
  --tblr-gray-950: #0a0a0a;
}

.g-recaptcha {
  overflow: hidden;
  width: 298px;
  height: 74px;
}

.g-recaptcha iframe {
  margin: -1px 0px 0px -2px;
}

.logo-image {
  height: auto;
  width: auto;
  max-width: 300px;        /* user-capped */
  max-height: 10rem;       /* 160px ceiling */
  object-fit: contain;
}

/* Eye-icon addon + autofill — see custom.css for same rules (auth layout doesn't load custom.css) */
.input-group-flat > .input-group-text {
  background: transparent !important;
  border-left: 0;
  padding-left: .75rem;
  padding-right: .75rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--tblr-bg-forms, #fff) inset !important;
  -webkit-text-fill-color: var(--tblr-body-color, #1f2937) !important;
  transition: background-color 9999s ease-in-out 0s;
}
[data-bs-theme=dark] input:-webkit-autofill,
[data-bs-theme=dark] input:-webkit-autofill:hover,
[data-bs-theme=dark] input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--tblr-bg-surface, #182230) inset !important;
  -webkit-text-fill-color: var(--tblr-body-color, #e5e7eb) !important;
}

@media (max-width: 575.98px) {
  .logo-image {
    max-width: 260px;      /* slight shrink for <576 */
    max-height: 8rem;
  }
}