/* Falco Wholesale · the sign-in page (/falcowholesale when signed out). The panels are the design's
   own .auth / .auth__art / .auth__form from nexus.css; this only frames them on a page of their own. */
body.auth-body { margin: 0; min-height: 100vh; background: var(--body-bg); }
.auth-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding: 20px 20px 28px; gap: 22px;
  background: radial-gradient(1100px 520px at 12% -10%, var(--primary-soft), transparent 60%), radial-gradient(900px 480px at 110% 110%, rgba(53,119,241,.10), transparent 60%), var(--body-bg); }
.auth-top { width: 100%; max-width: 1060px; display: flex; align-items: center; gap: 10px; }
.auth-logo { display: flex; align-items: center; gap: 10px; }
.auth-page .auth { width: 100%; max-width: 1060px; margin: auto 0; }
.auth-page .auth__form { max-width: 480px; }
.auth-page .auth__form[hidden] { display: none; }
.auth-page .pw { position: relative; }
.auth-page .pw .form-control { padding-right: 44px; }
.pw-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; background: none; color: var(--muted); cursor: pointer; border-radius: 8px; display: grid; place-items: center; font-size: 17px; }
.pw-eye:hover { background: var(--subtle-bg, rgba(0,0,0,.04)); color: var(--heading); }
.auth-page .input-icon .pw-eye i { position: static; transform: none; }
.auth-page .alert[hidden], .auth-page [data-ok][hidden] { display: none; }
.auth-page .otp { justify-content: space-between; }
.auth-page .otp input { flex: 1; min-width: 0; max-width: 56px; }
.auth-page .field.bad .form-control { border-color: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft, rgba(240,101,72,.15)); }
.auth-done { text-align: center; }
.auth-done .stat__icon { margin: 0 auto; }
.auth-foot { margin: 0; color: var(--muted); font-size: 12.5px; text-align: center; }
.auth-page .btn-lg i { font-size: 18px; }
.auth-page button[disabled] { opacity: .65; cursor: progress; }
@media (max-width: 720px) {
  .auth-page { padding: 12px 12px 20px; gap: 14px; }
  .auth-page .auth__art { min-height: 0; padding: 22px 20px; gap: 10px; }
  .auth-page .auth__art h2 { font-size: 21px; }
  .auth-page .auth__art .stack { display: none; }
  .auth-top .btn-ghost { display: none; }
}