/* hm-auth.css — alleen wat de prebuilt tailwind.css niet bevat. */

/* iOS Safari zoomt in op elk invoerveld kleiner dan 16px en zoomt daarna
   niet terug. Dat was de grootste ergernis van de oude popup op mobiel. */
.hm-auth input { font-size: 16px; }

.hm-auth-card { padding: 1.5rem; }
@media (min-width: 640px) { .hm-auth-card { padding: 2.5rem; } }

/* Toon/verberg-knop in een wachtwoordveld. */
.hm-pw { position: relative; }
.hm-pw input { padding-right: 4.5rem; }
.hm-pw-toggle {
  position: absolute; top: 0; right: 0; height: 100%;
  padding: 0 1rem; font-size: 0.75rem; font-weight: 600; color: #737373;
}
.hm-pw-toggle:hover { color: #171717; }