/* The customer sign-in pages (UI overhaul phase 3b): Sign in, Create account, Forgot password, Set password and
   Verify email share one split card -- the form on the left, "One account for everything" on the right. Every
   rule is scoped under .acc-auth; the fields, buttons and messages keep the account styles in _style.php. */
.acc-wrap.acc-auth { max-width: 940px; padding-top: 24px; padding-bottom: 56px; }
.acc-auth .acc-auth-box { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); background: #fff; border: 1px solid #e6ecf8; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 32px rgba(26,35,64,.08); }
.acc-auth .acc-auth-form { padding: 32px 34px; min-width: 0; }
.acc-auth .acc-title { font-size: 1.6rem; margin: 0 0 6px; }
.acc-auth .acc-auth-lead { color: #6b7a99; font-size: 0.92rem; line-height: 1.5; margin: 0 0 20px; }
.acc-auth .acc-auth-lbl { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.acc-auth .acc-auth-lbl a { font-size: 0.76rem; }
.acc-auth .acc-auth-pw { position: relative; }
.acc-auth .acc-auth-pw .acc-in { padding-right: 66px; }
.acc-auth .acc-auth-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #295ccf; font-family: inherit; font-size: 0.78rem; font-weight: 700; padding: 6px 8px; cursor: pointer; }
.acc-auth .acc-auth-alt { font-size: 0.86rem; color: #4b5a78; margin: 18px 0 0; }
.acc-auth .acc-auth-alt + .acc-auth-alt { margin-top: 6px; }
.acc-auth .acc-auth-side { display: flex; flex-direction: column; gap: 14px; padding: 32px 30px; background: linear-gradient(160deg, #295ccf, #1d3f94); color: #fff; }
.acc-auth .acc-auth-side h2 { color: #fff; font-size: 1.2rem; font-weight: 800; margin: 0; }
.acc-auth .acc-auth-side ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 0.95rem; }
.acc-auth .acc-auth-ask { align-self: flex-start; margin-top: auto; border: 1px solid rgba(255,255,255,.6); border-radius: 10px; background: rgba(255,255,255,.12); color: #fff; font-family: inherit; font-size: 0.88rem; font-weight: 600; padding: 9px 14px; cursor: pointer; }
.acc-auth .acc-auth-ask[hidden] { display: none; }

@media (max-width: 760px) {
  .acc-auth .acc-auth-box { grid-template-columns: minmax(0, 1fr); }
  .acc-auth .acc-auth-form { padding: 24px 20px; }
  .acc-auth .acc-auth-side { gap: 8px; padding: 18px 20px; }
  .acc-auth .acc-auth-side h2 { font-size: 1rem; }
  .acc-auth .acc-auth-side ul { gap: 4px; font-size: 0.85rem; }
}