.account-nav{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.account-nav .pill{white-space:nowrap}
.account-nav #accountOpen{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.auth-tabs{display:flex;gap:8px;margin-top:18px}.auth-tabs button{flex:1}
.auth-message{min-height:24px;font-size:.9rem;color:#ffbdce;margin:12px 0 0}
.account-modal .pay{margin-top:12px}.account-modal .help a{color:#ffadbf}
.account-modal{z-index:60}.account-box{width:min(650px,100%)}
.account-orders{display:grid;gap:12px}.account-order{padding:15px;background:#211a1f;border:1px solid #684556;border-radius:12px}
.account-order strong,.account-order small{display:block}.account-order small{margin:5px 0;color:var(--muted);overflow-wrap:anywhere}
.account-order button{margin-top:8px}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:35;border:1px solid #ffffff30;border-radius:999px;background:#176e42;color:#fff;padding:12px 18px;font-weight:750;font-size:.85rem;text-decoration:none;box-shadow:0 8px 24px #0005}
@media(max-width:900px){.navin{gap:10px}.account-nav .ghost{display:inline-flex;margin-left:0}.account-nav .primary{margin-left:0}}
@media(max-width:520px){.account-nav .pill{padding:8px 10px;font-size:.76rem}.account-nav #accountOpen{max-width:105px}.whatsapp-float{right:12px;bottom:12px;padding:10px 14px}.toast{bottom:70px}}
/* BILSTORE auth theme: maroon-1. Shared storefront berry and warm maroon palette. */
#authModal{background:rgba(16,7,12,.76);backdrop-filter:blur(5px);padding:20px 12px}
#authModal .auth-box{position:relative;width:min(420px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;padding:28px 24px 20px;border:1px solid #53313f;border-radius:17px;background:radial-gradient(ellipse at 48% 0,#4b1b2e 0,transparent 55%),#1c1419;color:var(--ink,#fbf7f9);box-shadow:0 24px 90px #0009;overflow:hidden}
#authModal h3{font-size:22px;line-height:1.25;margin:0 30px 7px 0;letter-spacing:-.6px}
#authModal .auth-intro{color:var(--muted,#c7b8c0);font-size:14px;line-height:1.5;margin:0 10px 22px 0}
#authModal .auth-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#fff0f5;font-size:25px;width:32px;height:32px;cursor:pointer}
#authModal .auth-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#855266 #25171f;padding:4px;margin:-4px}
#authModal .label{font-size:12px;color:#d1bec7;margin:0 0 7px;display:block;font-weight:400}
#authModal .auth-input{position:relative;display:flex;align-items:center;margin:0 0 18px}
#authModal .auth-input>svg{position:absolute;left:12px;width:18px;height:18px;color:#c4a4b3;pointer-events:none}
#authModal .field{width:100%;min-width:0;margin:0;height:46px;padding:11px 12px 11px 39px;border:1px solid #51303e;border-radius:11px;background:#241820;color:#fff4f8;font:inherit;font-size:14px;box-shadow:none}
#authModal .field::placeholder{color:#c1aab6;opacity:1}
#authModal .field:focus{outline:2px solid #f28eac;outline-offset:2px}
#authModal .field[readonly]{color:#ffd1de}
#authModal .password-eye{position:absolute;right:4px;top:4px;width:36px;height:38px;background:none;border:0;color:#cfb5c2;display:grid;place-items:center;cursor:pointer}
#authModal .password-eye svg{width:18px;height:18px}
#authModal input[type=password],#authModal input[autocomplete=new-password],#authModal input[autocomplete=current-password]{padding-right:42px}
#authModal .auth-passwords{display:grid;grid-template-columns:minmax(0,1fr);gap:0 12px}
#authModal[data-mode=register] .auth-passwords,#authModal[data-mode=reset] .auth-passwords{grid-template-columns:repeat(2,minmax(0,1fr))}
#authModal .auth-link,#authModal a{color:#ffadbf}
#authModal .auth-link{padding:0;border:0;background:none;cursor:pointer;font:inherit}
#authModal .forgot-link{float:right;font-size:12px}
#authModal .auth-hint{color:#c1aab6;font-size:11px;line-height:1.5;margin:-6px 0 16px}
#authModal .terms-consent{display:flex;align-items:flex-start;gap:9px;color:#d1bec7;font-size:12px;line-height:1.5;margin:5px 0 17px}
#authModal .terms-consent input{width:15px;height:15px;flex:none;accent-color:var(--maroon,#c92049);margin:2px 0 0}
#authModal .auth-message{font-size:12px;line-height:1.5;color:#ffb9c6;min-height:0;margin:0 0 12px;overflow-wrap:anywhere}
#authModal .auth-message:empty{display:none}
#authModal .pay{width:100%;height:45px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--maroon,#c92049),#9d1739);color:white;font-size:14px;font-weight:700;cursor:pointer;margin:0}
#authModal .pay:hover{background:linear-gradient(135deg,#dd315c,#b71d45)}#authModal .pay:disabled{opacity:.6;cursor:wait}
#authModal .auth-switch{text-align:center;color:#cdb7c3;font-size:12px;margin:17px 0 0}
#authModal .auth-divider{display:flex;gap:12px;align-items:center;margin:22px 0;color:#c1aab6;font-size:11px}
#authModal .auth-divider:before,#authModal .auth-divider:after{content:'';height:1px;flex:1;background:#53313f}
.google-signin{display:flex;justify-content:center;min-height:44px}
#authModal .auth-support{text-align:center;color:#c1aab6;font-size:11px;margin:18px 0 0}
#authModal .recaptcha-notice{text-align:center;color:#c1aab6;font-size:10px;line-height:1.6;margin:15px 0}
#authModal [hidden]{display:none!important}
#authModal button:focus-visible,#authModal a:focus-visible{outline:2px solid #ffadbf;outline-offset:3px}
.grecaptcha-badge{z-index:70}
@media(max-width:360px){#authModal .auth-box{padding:25px 18px 18px}#authModal[data-mode=register] .auth-passwords,#authModal[data-mode=reset] .auth-passwords{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#authModal *{scroll-behavior:auto;transition:none}}

#authModal .google-signin{border:2px solid #885268;border-radius:12px;padding:3px;background:#241820}

#authModal .auth-link:hover,#authModal a:hover{color:#ffd6e1}
#authModal .field:autofill{box-shadow:0 0 0 1000px #241820 inset;color:#fff4f8}
#authModal .field:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #241820 inset;-webkit-text-fill-color:#fff4f8;caret-color:#fff4f8}
