/* Decorative auth windows; one stylesheet for the site and admin previews. */
.xWBtV3_auth-preview {
  --auth-bg: var(--color-bg, var(--ui-bg));
  --auth-surface: var(--color-surface, var(--ui-surface));
  --auth-accent: var(--color-accent, var(--ui-primary));
  --auth-text: var(--color-surface-text, var(--ui-text));
  --auth-muted: color-mix(in srgb, var(--auth-text) 60%, var(--auth-surface));
  --auth-border: color-mix(in srgb, var(--auth-text) 14%, var(--auth-surface));
  --auth-size: 14px;
  --auth-padding: 28px;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  padding: 24px;
  overflow: hidden;
  border-radius: var(--radius-card, var(--ui-radius));
  background: var(--auth-bg);
  color: var(--auth-text);
  font: inherit;
  font-size: var(--auth-size);
  line-height: 1.45;
}
.xWBtV3_auth-preview *, .xWBtV3_auth-preview *::before, .xWBtV3_auth-preview *::after { box-sizing: border-box; }
.xWBtV3_auth-preview__backdrop { position:absolute; inset:0; z-index:-1; display:grid; gap:16px; padding:24px; filter:blur(7px); opacity:.45; }
.xWBtV3_auth-preview__backdrop span { border-radius:16px; background:color-mix(in srgb,var(--auth-surface) 75%,var(--auth-accent)); }
.xWBtV3_auth-preview::before { content:""; position:absolute; inset:0; z-index:-1; background:color-mix(in srgb,var(--auth-bg) 78%,transparent); }
.xWBtV3_auth-preview__window { position:relative; width:100%; min-width:0; overflow:hidden; border:1px solid var(--auth-border); border-radius:28px; background:var(--auth-surface); box-shadow:0 18px 48px color-mix(in srgb,var(--auth-bg) 88%,transparent); }
.xWBtV3_auth-preview__window--login { max-width:480px; }
.xWBtV3_auth-preview__window--registration { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); max-width:800px; }
.xWBtV3_auth-preview__close { position:absolute; top:12px; right:12px; z-index:1; display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--auth-border); border-radius:10px; background:var(--auth-bg); color:var(--auth-muted); font-size:22px; line-height:1; }
.xWBtV3_auth-preview__form { display:grid; align-content:center; gap:16px; min-width:0; padding:44px var(--auth-padding) var(--auth-padding); }
.xWBtV3_auth-preview__title { margin-bottom:4px; font-size:26px; font-weight:800; text-align:center; overflow-wrap:anywhere; }
.xWBtV3_auth-preview__field { display:grid; gap:8px; min-width:0; }
.xWBtV3_auth-preview__label { color:var(--auth-muted); font-size:var(--auth-size); }
.xWBtV3_auth-preview__input { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:54px; padding:12px 16px; border:1px solid var(--auth-border); border-radius:var(--radius-control, var(--ui-radius)); background:var(--auth-bg); color:var(--auth-muted); }
.xWBtV3_auth-preview__eye { flex:0 0 auto; width:20px; height:20px; }
.xWBtV3_auth-preview__cta { display:grid; place-items:center; width:100%; min-height:54px; padding:12px 16px; border-radius:var(--radius-control, var(--ui-radius)); background:var(--auth-accent); color:var(--color-accent-contrast, var(--ui-bg)); font-weight:800; text-align:center; overflow-wrap:anywhere; }
.xWBtV3_auth-preview__secondary { color:var(--auth-muted); font-size:12px; text-align:center; overflow-wrap:anywhere; }
.xWBtV3_auth-preview__secondary--end { text-align:right; }
.xWBtV3_auth-preview__promo { display:flex; flex-direction:column; justify-content:center; gap:22px; min-width:0; padding:var(--auth-padding); background:linear-gradient(145deg,color-mix(in srgb,var(--auth-accent) 16%,var(--auth-surface)),var(--auth-bg)); }
.xWBtV3_auth-preview__eyebrow { color:var(--auth-accent); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.xWBtV3_auth-preview__value { font-size:32px; font-weight:800; line-height:1.15; overflow-wrap:anywhere; }
.xWBtV3_auth-preview__placeholder-lines, .xWBtV3_auth-preview__open-state { display:grid; gap:12px; }
.xWBtV3_auth-preview__placeholder-lines span, .xWBtV3_auth-preview__open-state span { width:100%; height:10px; border-radius:8px; background:var(--auth-border); }
.xWBtV3_auth-preview__placeholder-lines span:last-child, .xWBtV3_auth-preview__open-state span:last-child { width:65%; }
.xWBtV3_auth-preview__open-state { margin:8px 0 16px; }
.xWBtV3_auth-preview__badges { display:flex; flex-wrap:wrap; gap:8px; }
.xWBtV3_auth-preview__badges span { width:44px; height:28px; border:1px solid var(--auth-border); border-radius:8px; background:var(--auth-surface); }
.xWBtV3_auth-preview__terms { display:flex; align-items:center; gap:10px; color:var(--auth-muted); font-size:11px; }
.xWBtV3_auth-preview__checkbox { flex:0 0 auto; display:grid; place-items:center; width:18px; height:18px; border:1px solid var(--auth-border); border-radius:5px; color:var(--auth-accent); background:var(--auth-bg); }
.xWBtV3_auth-preview__method { padding:14px; border:1px solid var(--auth-border); border-radius:var(--radius-control, var(--ui-radius)); text-align:center; }
.xWBtV3_auth-preview__confirmation { display:grid; justify-items:center; gap:12px; margin:8px 0; text-align:center; }
.xWBtV3_auth-preview__confirmation > span { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:var(--auth-bg); color:var(--auth-accent); font-size:28px; }
@container (max-width:430px) {
  .xWBtV3_auth-preview__window--registration { grid-template-columns:minmax(0,1fr); }
  .xWBtV3_auth-preview__promo { gap:14px; padding:22px; }
  .xWBtV3_auth-preview__value { font-size:26px; }
  .xWBtV3_auth-preview__badges { display:none; }
}
@media(max-width:767px) {
  .xWBtV3_auth-preview { padding:12px; --auth-padding:20px; }
  .xWBtV3_auth-preview__window--registration { grid-template-columns:minmax(0,1fr); }
  .xWBtV3_auth-preview__window { border-radius:24px; }
  .xWBtV3_auth-preview__value { font-size:26px; }
}

.xWBtV3_auth-preview__input-wrap{position:relative;display:block;min-width:0}
.xWBtV3_auth-preview__input{width:100%;font:inherit;color:var(--auth-text)}
.xWBtV3_auth-preview__input::placeholder{color:var(--auth-muted)}
.xWBtV3_auth-preview__field:has([data-auth-password-eye]) .xWBtV3_auth-preview__input{padding-right:48px}
.xWBtV3_auth-preview__eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;padding:3px;border:0;background:transparent;color:var(--auth-muted);cursor:pointer}
.xWBtV3_auth-preview__eye svg{width:20px;height:20px}
.xWBtV3_auth-preview__cta{border:0;font:inherit;font-weight:800;cursor:pointer}
.xWBtV3_auth-preview__checkbox{appearance:auto;accent-color:var(--auth-accent);margin:0}
.xWBtV3_auth-preview a{text-decoration:none}
.xWBtV3_auth-preview :is(input,select,button,a):focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}

/* Local Lucide masks follow UI color; Simple Icons artwork is not recolored. */
.xWBtV3_auth-icon{display:inline-block;flex:0 0 auto;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--auth-icon-url) center/contain no-repeat;mask:var(--auth-icon-url) center/contain no-repeat}
.xWBtV3_auth-preview__input-wrap--icon>.xWBtV3_auth-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--auth-muted);pointer-events:none}
.xWBtV3_auth-preview__input-wrap--icon .xWBtV3_auth-preview__input{padding-left:44px}
.xWBtV3_auth-preview__chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--auth-muted);pointer-events:none}
.xWBtV3_auth-preview__input-wrap:has(select) select{appearance:none;padding-right:44px}
.xWBtV3_auth-preview__confirmation .xWBtV3_auth-icon{width:28px;height:28px}
.xWBtV3_auth-preview__method{display:flex;align-items:center;justify-content:center;gap:10px}
.xWBtV3_auth-preview__check-control{position:relative;display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px}
.xWBtV3_auth-preview__check-control .xWBtV3_auth-preview__checkbox{appearance:none;width:18px;height:18px;cursor:pointer}
.xWBtV3_auth-preview__check-control>.xWBtV3_auth-icon{position:absolute;width:14px;height:14px;color:var(--auth-accent);pointer-events:none;opacity:0}
.xWBtV3_auth-preview__checkbox:checked+.xWBtV3_auth-icon{opacity:1}
.xWBtV3_auth-payment-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.xWBtV3_auth-payment-logo{display:grid;place-items:center;min-width:44px;height:36px;padding:6px 8px;background:transparent}
.xWBtV3_auth-payment-logo img{display:block;width:28px;height:24px;object-fit:contain}

.xWBtV3_auth-preview__logo { display:block; width:130px; max-width:50%; height:40px; object-fit:contain; margin:20px auto 0; }