/* Step 45: Customer pages reuse the Admin / Manager auth-card design. */
.fv45-google-only { min-height:100vh; }
.fv45-auth-card {
    width:min(94%,490px); margin:clamp(24px,7vh,78px) auto 40px;
    padding:clamp(25px,4vw,40px); overflow:hidden;
}
.fv45-brand { display:inline-flex; align-items:center; line-height:1.2; }
.fv45-eyebrow { margin-top:24px; }
.fv45-auth-card h1 { margin:10px 0 10px; font-size:clamp(1.65rem,4vw,2rem); }
.fv45-desc { margin:0 0 23px!important; }
.fv45-google-panel {
    padding:20px 14px 14px; border:1px solid var(--fv-border,#f1cccc);
    border-radius:16px; background:rgba(13,165,155,.045);
}
.fv45-panel-label { margin:0 0 8px; color:var(--fv-primary,#078f86); font-size:11px; font-weight:850; letter-spacing:1.25px; }
.fv45-panel-intro { margin:0; font-size:.92rem; line-height:1.55; color:inherit; opacity:.76; }
.fv45-google-only .fv-google-signin { margin:16px 0 0; }
.fv45-google-only .fv-google-divider { display:none; }
.fv45-google-only .fv-google-widget { min-height:48px; align-items:center; justify-content:center; }
.fv45-google-only .fv-google-button { width:100%; max-width:300px; }
.fv45-google-only .fv-google-error { margin:10px 0 0; line-height:1.45; }
.fv45-recovery { margin:18px 0 0; font-size:.9rem; text-align:center; line-height:1.6; }
.fv45-recovery a, .fv45-bottom a, .fv45-footer-links a, .fv45-notice a { color:var(--fv-primary,#078f86); font-weight:700; }
.fv45-bottom { text-align:center; margin:19px 0 0; font-size:.92rem; }
.fv45-legal { margin:19px 0 0; font-size:.78rem; color:inherit; opacity:.7; line-height:1.55; text-align:center; }
.fv45-footer-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px 20px; padding-top:18px; margin-top:20px; border-top:1px solid rgba(125,145,146,.25); font-size:.84rem; }
.fv45-notice { padding:11px 12px; border:1px solid var(--fv-border,#f1cccc); border-radius:10px; font-size:.86rem; line-height:1.5; }
/* Published Dark Mode uses theme.php. Support legible panels and links. */
html:has(body.fv45-google-only) body.fv45-google-only .fv45-auth-card { border-color:var(--fv-border,#f1cccc)!important; }
@media (prefers-color-scheme:dark) {
   /* Do not force dark mode: the restaurant owner controls it in Website Design Studio. */
}
@media(max-width:560px) {
 .fv45-auth-card { width:calc(100% - 28px); margin:18px auto 30px; padding:24px 18px; }
 .fv45-google-panel { padding:17px 9px 12px; }
 .fv45-footer-links { flex-direction:column; }
}