/* Login and SSO error pages only. Layout comes from .auth-page/.auth-box in admin.css. */

.auth-card { display: flex; flex-direction: column; gap: 20px; }
.auth-card__head { display: flex; flex-direction: column; gap: 4px; text-align: center; }
.auth-input { height: 40px; font-size: 14px; }

/* Password with an inline show/hide button */
.password-field { position: relative; }
.password-field .fy-input { padding-right: 44px; }
.password-toggle { position: absolute; top: 50%; right: 4px; transform: translateY(-50%); color: hsl(var(--muted-foreground)); }
.password-toggle:hover { color: hsl(var(--foreground)); }
.password-toggle > span { display: inline-grid; place-items: center; }
.password-toggle > span[hidden] { display: none; }


@media (max-width: 768px) {
  /* fyro.css raises controls to 44px; keep the toggle centred and full-size */
  .password-toggle { min-height: 36px !important; height: 36px; width: 36px; }
  .auth-input { height: 44px; }
}