/* Sign-in (Login.razor): the form in a single card, on the auth layout from components.css. */
.fl-auth-card.ish-login { max-width: 420px; padding: 0; overflow: hidden; border-radius: 16px; box-shadow: var(--shadow-float); }

.ish-login-main { display: flex; flex-direction: column; justify-content: center; padding: 40px 36px; }

.ish-login-main h1 { margin: 0 0 22px; color: var(--ink); font-size: 1.45rem; font-weight: 850; }

.ish-login .ish-input-icon .msr { right: 13px; font-size: 19px; }

.ish-login .ish-input-icon .fl-input { padding-right: 40px; }

.ish-login .fl-auth-submit { gap: 8px; font-size: .95rem; }

.ish-login .fl-auth-submit .msr { font-size: 19px; }

.ish-login-help { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 18px 0 0; color: var(--faint); font-size: .76rem; text-align: center; }

.ish-login-help .msr { font-size: 16px; }

@media (max-width: 480px) {
  .ish-login-main { padding: 32px 24px; }
}