/* Login with e-mail + password (login-pw-1023). Layout B, Aurora colours from theme.css variables. */
.pw-card { display: grid; gap: 8px; border-radius: 18px; position: relative; overflow: hidden; }
.pw-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: linear-gradient(90deg, var(--accent, #6246ea), var(--accent-2, #0891b2), var(--gold, #b07a2c)); }
.pw-card label { font-weight: 600; margin-top: 6px; }
.pw-card input[type=email], .pw-card input[type=password], .pw-card input[type=text] { width: 100%; min-height: 48px; font-size: 16px; border-radius: 12px; }
.pw-field { position: relative; }
.pw-field input { padding-right: 52px; }
.pw-eye { position: absolute; right: 4px; top: 0; bottom: 0; margin: auto 0; width: 44px; height: 44px; padding: 0;
  display: grid; place-items: center; line-height: 1; border: 0; background: transparent; cursor: pointer; font-size: 18px; opacity: .7; }
/* Мгер t785u: the global button:active "press" transform made the eye jump. Keep it fixed. */
.pw-eye, .pw-eye:hover, .pw-eye:active, .pw-eye:focus { transform: none !important; filter: none !important; transition: opacity .15s; }
.pw-eye:hover { opacity: 1; }
.pw-forgot { margin: 2px 0 0; text-align: right; }
.pw-forgot a { font-weight: 600; }
.pw-main { width: 100%; min-height: 52px; font-size: 1.05rem; }
.pw-alt { margin-top: 16px; border: 1px solid color-mix(in srgb, var(--accent, #6246ea) 25%, transparent); border-radius: 14px; padding: 0 14px; }
.pw-alt[open] { padding-bottom: 12px; }
.pw-alt summary { font-weight: 600; color: var(--accent, #6246ea); }
.pw-steps { margin: 6px 0 0; padding-left: 20px; display: grid; gap: 4px; font-size: .95rem; }
.pw-login-as { margin: 4px 0; }
.pw-login-as b { color: var(--accent-2, #0891b2); word-break: break-all; }
.muted.small { font-size: .88rem; margin: 0; }
@media (max-width: 640px) { .pw-card { padding: 16px; } }