/* Scoped member auth preview. Existing admin/security forms keep their own layout. */
dialog.authPreviewDialog {
  width:min(440px,calc(100vw - 32px)); max-width:440px; max-height:calc(100dvh - 32px);
  margin:auto; padding:0; border:0; border-radius:0; background:transparent; color:#f2f3f6;
  box-shadow:none; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
}
dialog.authPreviewDialog::backdrop { background:radial-gradient(ellipse at 50% 45%,#35302680,transparent 62%),#10131bed; backdrop-filter:blur(7px); }
.authPreviewDialog .dialogHead { position:relative; display:block; padding:6px 40px 12px; border:0; background:transparent; text-align:center; }
.authPreviewDialog .dialogEyebrow { display:none; }
.authPreviewDialog .dialogHead h2 { margin:0; font-size:28px; line-height:1.3; font-weight:720; letter-spacing:-.4px; color:#f6f4ec; }
.authPreviewDialog .dialogHead [data-action="close"] { position:absolute; top:3px; right:0; display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:4px; background:transparent; box-shadow:none; color:#9099aa; font-size:25px; line-height:1; }
.authPreviewDialog .dialogHead [data-action="close"]:hover { color:#f4f1e8; background:#ffffff06; transform:none; }
.authPreviewDialog .dialogBody { padding:0; min-width:0; max-height:none; overflow:visible; }
.authPreview { min-width:0; font-size:13px; overflow:visible; }
.authPreviewPanel { padding:18px 28px 20px; border:1px solid #ffffff0b; border-radius:15px; background:linear-gradient(155deg,#282c35,#1e222b); box-shadow:0 18px 55px #0005,inset 0 1px #ffffff03; }
.authPreviewLogo { display:block; width:96px; height:48px; max-width:65%; margin:0 auto 12px; object-fit:contain; }
.authPreviewFields { display:flex; flex-direction:column; gap:10px; }
.authPreview .authPreviewField { display:flex; flex-direction:column; gap:6px; margin:0; color:#bec4cf; font-size:11px; line-height:1.5; font-weight:500; }
.authPreview .authPreviewField > label { color:inherit; font:inherit; }
.authPreview .authPreviewField input { display:block; width:100%; min-width:0; height:44px; min-height:44px; padding:9px 13px; border:1px solid #ffffff0e; border-radius:9px; background:#14192394; color:#f1f3f7; font-size:14px; line-height:1.5; box-shadow:inset 0 1px 2px #0002; }
.authPreview .authPreviewField input:hover { border-color:#ffffff1b; }
.authPreview .authPreviewField input:focus { border-color:#bba6587a; outline:2px solid #c8b26e; outline-offset:2px; box-shadow:none; }
.authPreviewPassword { position:relative; min-width:0; }
.authPreview .authPreviewPassword input { padding-right:48px; }
.authPreviewPasswordToggle { position:absolute; right:0; top:0; display:block; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:6px; background:transparent; color:#8d98aa; cursor:pointer; }
.authPreviewPasswordToggle:hover { color:#e4d69f; background:#ffffff03; }
.authPreviewPasswordToggle:before { content:""; position:absolute; left:12px; top:15px; width:18px; height:12px; border:1.4px solid currentColor; border-radius:70% 70%; }
.authPreviewPasswordToggle:after { content:""; position:absolute; left:19px; top:19px; width:4px; height:4px; border-radius:50%; background:currentColor; }
.authPreviewPasswordToggle[aria-pressed="true"]:after { left:10px; top:21px; width:23px; height:1.4px; border-radius:0; transform:rotate(-38deg); box-shadow:0 -1px #1a1e27; }
.authPreviewAssist { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.authPreview form { margin:0; }
.authPreview form > .btn[type="submit"] { display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; margin-top:14px; padding:12px 18px; border:0; border-radius:26px; background:#ffd33f; color:#242018; font-size:13px; font-weight:720; line-height:1.5; box-shadow:0 6px 18px #0002; }
.authPreview form > .btn[type="submit"]:hover { transform:none; background:#ffdc62; box-shadow:0 6px 18px #0002; }
.authPreview form > .btn[type="submit"]:disabled { cursor:wait; opacity:.6; }
.authPreview .formError { margin:12px 0 0; color:#f1a2a2; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.authPreview .formError:empty { display:none; }
.authPreviewRecovery { margin-top:8px; text-align:center; }
.authPreviewTextButton { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:6px 3px; border:0; background:transparent; color:#cdbb7f; font:inherit; font-size:12px; cursor:pointer; text-decoration:none; text-underline-offset:4px; }
.authPreviewTextButton:hover { color:#f4df9a; text-decoration:underline; }
.authPreviewUnavailable { display:block; padding-top:4px; color:#969ead; font-size:11px; line-height:1.6; }
.authPreviewHelp { margin:8px 0 0; color:#8993a6; font-size:10px; line-height:1.7; text-align:left; }
.authPreviewRecovery .authPreviewHelp { margin-top:1px; font-size:9px; line-height:1.5; text-align:center; }
.authPreviewDivider { display:flex; align-items:center; gap:15px; margin:14px 0 12px; color:#7e8796; font-size:10px; letter-spacing:1px; }
.authPreviewDivider:before,.authPreviewDivider:after { content:""; flex:1; height:1px; background:#ffffff0c; }
.authPreviewGoogle { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:44px; padding:10px 15px; border:1px solid #ffffff18; border-radius:24px; background:#ffffff03; color:#d5dae3; font:inherit; font-size:12px; cursor:pointer; }
.authPreviewGoogle:hover:not(:disabled) { background:#ffffff08; border-color:#ffffff2a; }
.authPreviewGoogle:disabled { color:#949caa; border-color:#ffffff0c; background:transparent; cursor:not-allowed; }
.authPreviewGoogleGlyph { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid currentColor; border-radius:50%; color:inherit; font-family:Arial,sans-serif; font-weight:700; font-size:13px; line-height:1; }
.authPreviewGoogleHelp { margin:6px auto 0; max-width:310px; font-size:9px; line-height:1.5; text-align:center; }
.authPreviewAccount { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px 8px; padding:14px 12px 8px; color:#9da6b5; font-size:11px; line-height:1.7; text-align:center; }
.authPreviewRemember { display:flex; align-items:center; gap:10px; min-height:44px; margin:0; padding:3px 0; color:#adb6c5; cursor:pointer; }
.authPreviewRemember > input { flex:0 0 17px; width:17px; height:17px; margin:0; accent-color:#d9ba61; }
.authPreviewRemember > input:focus-visible { outline:2px solid #c8b26e; outline-offset:3px; }
.authPreviewRemember > span { display:flex; flex-direction:column; gap:3px; }
.authPreviewRemember strong { color:#c0c7d2; font-size:11px; font-weight:500; line-height:1.5; }
.authPreviewRemember small { color:#7f8a9e; font-size:9px; line-height:1.5; }
.authPreviewRegister { display:flex; flex:1 0 100%; align-items:center; justify-content:center; width:100%; min-height:44px; margin-top:7px; padding:10px 18px; border:1px solid #c7ad5d60; border-radius:24px; background:#c7ad5d0c; color:#e5d292; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.authPreviewRegistrationAction { margin-top:8px; }
.authPreviewRegistrationAction .authPreviewRegister { margin-top:0; }
.authPreviewRegister:hover { background:#c7ad5d18; border-color:#c7ad5d9c; }
.authPreviewRegistrationNotice { margin:0 0 20px; padding:11px 13px; border:1px solid #c7ad5d25; border-radius:7px; background:#c7ad5d08; color:#b8aa7d; font-size:11px; line-height:1.8; }
.authPreviewPolicy { margin-top:2px; }
.authPreviewPolicy .policyConsent { padding:12px; border:1px solid #ffffff10; border-radius:7px; background:#ffffff02; color:#a7afbd; font-size:11px; line-height:1.8; }
.authPreviewPolicy .policyConsent a { color:#cdbb7f; }
.authPreviewDialog button:focus-visible,.authPreviewDialog a:focus-visible { outline:2px solid #c8b26e; outline-offset:2px; }
@media(max-width:480px) {
 dialog.authPreviewDialog { width:calc(100vw - 24px); max-height:calc(100dvh - 20px); }
 .authPreviewDialog .dialogHead { padding:6px 38px 12px; }
 .authPreviewDialog .dialogHead h2 { font-size:26px; line-height:1.4; }
 .authPreviewPanel { padding:18px 20px 20px; border-radius:12px; }
 .authPreview .authPreviewField input { font-size:16px; }
 .authPreviewLogo { width:104px; height:52px; }
}
@media(max-width:359px) {
 .authPreviewPanel { padding-inline:17px; }
 .authPreviewDialog .dialogHead h2 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .authPreviewDialog,.authPreviewDialog *,.authPreviewDialog::backdrop { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }