/* Customer Auth V2: presentation only; no shared component or request behavior changes. */
body.scarab-auth.scarab-auth-v2 {
 --auth-canvas:#faf9f6; --auth-ink:#182338; --auth-muted:#687080;
 --auth-gold:#f4b640; --auth-border:#e8dfcf;
 margin:0;background:var(--auth-canvas);color:var(--auth-ink);
 font-family:Nunito,system-ui,sans-serif;min-width:0;
}
body.scarab-auth.scarab-auth-v2 * {box-sizing:border-box}
body.scarab-auth.scarab-auth-v2:dir(rtl) {font-family:Cairo,"IBM Plex Sans Arabic",sans-serif}
body.scarab-auth.scarab-auth-v2>.auth-v2-frame {
 min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
 background:var(--auth-canvas);padding:0;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-header {
 width:100%;max-width:1200px;margin-inline:auto;display:flex;align-items:center;
 justify-content:space-between;gap:16px;padding:24px 32px;
 padding-top:max(24px,env(safe-area-inset-top));
}
body.scarab-auth.scarab-auth-v2 .auth-v2-brand {display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
body.scarab-auth.scarab-auth-v2 .auth-v2-brand img {width:150px;height:40px;object-fit:contain;max-width:100%}
body.scarab-auth.scarab-auth-v2 .auth-v2-header button {border-color:var(--auth-border);min-height:44px}
body.scarab-auth.scarab-auth-v2 .auth-v2-stage {
 display:flex;align-items:center;justify-content:center;flex:1;min-width:0;
 padding:20px 24px 28px;
}
body.scarab-auth.scarab-auth-v2 main.auth-v2-card {
 width:100%;max-width:560px;margin:0;padding:36px 40px;border-radius:28px;
 background:#fff!important;border:1px solid var(--auth-border);
 box-shadow:0 14px 44px #3529170a;min-width:0;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card>div {min-width:0}
body.scarab-auth.scarab-auth-v2 .auth-v2-card [x-data^="otpForm("],
body.scarab-auth.scarab-auth-v2 .auth-v2-card [x-data="resetPasswordForm()"] {
 padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;max-width:none;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card h1 {font-size:28px;line-height:1.35;letter-spacing:-.025em;color:var(--auth-ink);font-weight:800}
body.scarab-auth.scarab-auth-v2 .auth-v2-card p {line-height:1.7;overflow-wrap:anywhere}
body.scarab-auth.scarab-auth-v2 .auth-v2-card label {text-align:start;line-height:1.5}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input:not([type="checkbox"]):not([type="hidden"]) {
 width:100%;min-width:0;height:48px;background:#fcfbf8;border:1px solid #ded8cd;
 border-radius:13px;color:var(--auth-ink);font-size:16px;line-height:1.5;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input[name="email"] {direction:ltr;text-align:start;unicode-bidi:plaintext}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input[type="checkbox"] {accent-color:#b67c16;width:17px;height:17px;flex-shrink:0}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input:focus {
 outline:2px solid #f4b64080;outline-offset:2px;border-color:#b9801f;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input:-webkit-autofill {
 -webkit-text-fill-color:#182338;-webkit-box-shadow:0 0 0 1000px #fcfbf8 inset;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card form>div.flex.items-center.justify-between {
 gap:12px;flex-wrap:wrap;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card form>div.flex.items-center.justify-between label {min-height:44px}
body.scarab-auth.scarab-auth-v2 .auth-v2-card .text-red-500 {
 line-height:1.55;overflow-wrap:anywhere;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card div.text-red-500[style*="opacity: 1"],
body.scarab-auth.scarab-auth-v2 .auth-v2-card div.text-red-500[style*="opacity:1"] {
 max-height:none!important;overflow:visible;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card button[type="submit"]:not(.underline) {
 background:var(--auth-gold);color:#182338;border:1px solid #e3a535;
 border-radius:13px;min-height:48px;font-weight:800;box-shadow:0 3px 8px #b47c1310;
 transition:background .15s,box-shadow .15s,transform .15s;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card button[type="submit"]:not(.underline):hover:not(:disabled) {background:#efae2f;box-shadow:0 5px 12px #b47c1320}
body.scarab-auth.scarab-auth-v2 .auth-v2-card button[type="submit"]:not(.underline):active:not(:disabled) {transform:translateY(1px)}
body.scarab-auth.scarab-auth-v2 .auth-v2-card button:disabled {opacity:.65;cursor:not-allowed}
body.scarab-auth.scarab-auth-v2 :is(a,button):focus-visible {outline:3px solid #b9801f;outline-offset:3px}
body.scarab-auth.scarab-auth-v2 .auth-v2-card a {color:#76520e;text-decoration-thickness:1px;text-underline-offset:3px}
body.scarab-auth.scarab-auth-v2 .auth-v2-card a[href*="/oauth/google/redirect"] {
 background:#fff;border:1px solid var(--auth-border);border-radius:13px;
 color:var(--auth-ink);min-height:48px;padding:12px 16px;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card a[href*="/oauth/google/redirect"]:hover {background:#faf8f2}
body.scarab-auth.scarab-auth-v2 .auth-v2-card .relative>button[type="button"].absolute {
 min-width:32px;min-height:44px;color:#687080;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card [x-data^="otpForm("] form {max-width:100%}
body.scarab-auth.scarab-auth-v2 .auth-v2-card [x-data^="otpForm("] form>div.flex {
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-card input[id^="otp-"] {
 width:100%;min-width:0;max-width:none;height:56px;padding:0;text-align:center;
 font-size:24px;aspect-ratio:auto;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-footer {
 padding:12px 20px max(24px,env(safe-area-inset-bottom));color:var(--auth-muted);
 text-align:center;font-size:13px;line-height:1.8;overflow-wrap:anywhere;
}
body.scarab-auth.scarab-auth-v2 .auth-v2-footer a {color:#76520e}
@media(max-width:640px) {
 body.scarab-auth.scarab-auth-v2 .auth-v2-header {padding:16px 18px;gap:12px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-brand img {width:136px;height:36px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-stage {align-items:flex-start;padding:12px 12px 24px}
 body.scarab-auth.scarab-auth-v2 main.auth-v2-card {padding:26px 22px;border-radius:22px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-card h1 {font-size:25px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-card form>div.grid {grid-template-columns:minmax(0,1fr)}
 body.scarab-auth.scarab-auth-v2 .auth-v2-card [x-data^="otpForm("] form>div.flex {gap:6px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-card input[id^="otp-"] {height:48px;font-size:21px}
 body.scarab-auth.scarab-auth-v2 .auth-v2-card .text-center.mb-4 {margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce) {
 body.scarab-auth.scarab-auth-v2 *,
 body.scarab-auth.scarab-auth-v2 *::before,
 body.scarab-auth.scarab-auth-v2 *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}