#customerAuthModal {
  place-items:stretch;
  padding:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(8px);
  overflow:auto;
}

.customer-auth-summary {
  margin:16px 0 0;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(248,189,36,.3);
  border-radius:10px;
  background:rgba(248,189,36,.06);
}

.customer-auth-summary strong,
.customer-auth-summary span { display:block; }
.customer-auth-summary span { color:var(--muted); font-size:12px; margin-top:3px; }

.customer-auth-modal.login-screen {
  display:grid;
  width:min(1760px, calc(100vw - 80px));
  min-height:calc(100vh - 80px);
  margin:auto;
  padding:0;
  align-self:center;
}

body[data-auth="ok"] #customerAuthModal:not([hidden]) .login-screen {
  display:grid;
}

.customer-auth-fullscreen .login-card,
.customer-auth-fullscreen .login-hero {
  min-height:calc(100vh - 88px);
}

.customer-auth-card {
  position:relative;
  top:auto;
}

.customer-auth-close {
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
}

.customer-auth-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.customer-auth-header h2 { margin:0 0 7px; font-family:Georgia, serif; font-size:30px; }
.customer-auth-header p { margin:0; color:var(--muted); }
.customer-auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:22px 0 18px; }
.customer-auth-tab { border:1px solid var(--line); background:#0b0b0b; color:var(--muted); padding:11px; border-radius:8px; }
.customer-auth-tab.active { color:#090909; background:var(--gold); border-color:var(--gold); font-weight:800; }
.customer-auth-form { display:grid; gap:12px; }
.customer-auth-form label { display:grid; gap:7px; color:#e8e2d7; font-size:13px; }
.customer-auth-form input { width:100%; border:1px solid var(--line); border-radius:8px; background:#0b0b0b; color:#fff; padding:12px; }
.customer-auth-status { min-height:20px; margin:2px 0; color:#f2c75b; font-size:13px; }
.customer-auth-remember-note { margin:2px 0; color:var(--muted); font-size:12px; line-height:1.45; }
.customer-auth-resend { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; color:var(--muted); font-size:12px; }
.customer-auth-resend .link-button { padding:0; font-size:12px; }
.customer-auth-resend .link-button[disabled] { opacity:.55; cursor:not-allowed; }
.customer-auth-reset { display:grid; gap:14px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.customer-auth-reset[hidden] { display:none; }

@media (max-width: 560px) {
  .customer-auth-modal.login-screen { width:calc(100vw - 24px); min-height:calc(100vh - 24px); }
  .customer-auth-header h2 { font-size:25px; }
  .customer-auth-summary { align-items:flex-start; flex-direction:column; }
}