/* Centered Shopify-style entry composition, Billion colors and real provider controls. */
html.billion-account-flow #login.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:100dvh;box-sizing:border-box;padding:112px 24px 88px;background:radial-gradient(ellipse at 85% 8%,#c9dda854,transparent 50%),var(--billion-canvas)}
html.billion-account-flow #login.login:before,html.billion-account-flow #login.login:after{display:none}
html.billion-account-flow #login .framework-header{position:absolute;inset-block-start:24px;inset-inline:32px;box-sizing:border-box;width:auto;max-width:none;padding:0;margin:0}
html.billion-account-flow #login .framework-header>a:first-child img{filter:none}
html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{box-sizing:border-box;width:100%;max-width:480px;flex:none;margin:0;padding:40px;border-radius:26px;background:linear-gradient(135deg,#fffffffa,#f9fbf5f7);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #fff,0 20px 60px #153b2b12}
html.billion-account-flow #login .login-card h1{font-size:28px;line-height:1.4;margin:0 0 6px}
html.billion-account-flow #login #loginIntro{font-size:14px;margin:0 0 28px}
html.billion-account-flow #login #emailLabel{margin-bottom:6px}
html.billion-account-flow #login .framework-email.compact{display:flex;flex-direction:column;align-items:stretch;gap:12px;direction:inherit;border:0;padding:0;background:none;box-shadow:none;border-radius:0}
html.billion-account-flow #login .framework-email.compact:focus-within{outline:none}
html.billion-account-flow #login .framework-email.compact #email{box-sizing:border-box;flex:none;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--billion-input);border-radius:12px;background:var(--billion-paper);color:var(--billion-ink);box-shadow:inset 0 1px 2px #153b2b06}
html.billion-account-flow #login .framework-email.compact #email:focus-visible{outline:2px solid var(--billion-focus);outline-offset:2px}
html.billion-account-flow #login .framework-email.compact #loginSubmit{position:static;box-sizing:border-box;flex:none;width:100%;min-width:0;height:46px;min-height:46px;margin:0;padding:10px 16px;border-radius:12px;font-size:14px}
html.billion-account-flow #login .framework-email.compact #loginSubmit:after{display:none}
html.billion-account-flow #login #entryPassword{display:none}
html.billion-account-flow #login .billion-email-link{display:block;width:100%;margin-top:16px;padding:4px;border:0;background:transparent;color:var(--billion-link);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
html.billion-account-flow #login .billion-entry-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--billion-muted);font-size:12px}
html.billion-account-flow #login .billion-entry-divider:before,html.billion-account-flow #login .billion-entry-divider:after{content:'';height:1px;flex:1;background:var(--billion-line)}
html.billion-account-flow #login .billion-signup-line{font-size:13px;margin:24px 0 0}
html.billion-account-flow #login .billion-signup-line a{color:var(--billion-link);font-weight:700}
html.billion-account-flow #login #googleSignIn{border-top:0!important;padding-top:0!important;margin-top:12px!important}
html.billion-account-flow #login #passkeyEntry{margin-top:0}
html.billion-account-flow #login #passkeyManage{display:block;font-size:11px;text-align:center;margin-top:8px}
html.billion-account-flow #login #passkeySignIn,html.billion-account-flow #login #appleSignInButton{width:100%;max-width:none;min-height:46px;height:46px;border-radius:12px}
html.billion-account-flow #login .billion-account-chooser>p{margin:0 0 24px}
html.billion-account-flow #login .billion-account-row{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:14px 8px;min-height:72px;border:0;border-radius:14px;background:transparent;color:var(--billion-ink);text-align:start;text-decoration:none;font:inherit}
html.billion-account-flow #login .billion-account-row:hover{background:var(--billion-soft)}
html.billion-account-flow #login .billion-account-row>span:last-child{min-width:0;overflow-wrap:anywhere}
html.billion-account-flow #login .billion-account-row b,html.billion-account-flow #login .billion-account-row .muted{display:block}
html.billion-account-flow #login .billion-account-row .muted{font-size:12px}
html.billion-account-flow #login .billion-account-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--billion-action);color:var(--billion-on-action);font-weight:700}
html.billion-account-flow #login .billion-account-row:focus-visible{outline:2px solid var(--billion-focus);outline-offset:2px}
html.billion-account-flow #login [hidden]{display:none!important}
html.billion-account-flow #login .login-card.hidden{display:none!important}
@media(max-width:600px){html.billion-account-flow #login.login{padding:96px 20px 48px}html.billion-account-flow #login .framework-header{inset-inline:20px;inset-block-start:20px}html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{padding:28px 24px;border-radius:22px}html.billion-account-flow #login .login-card h1{font-size:26px}}
html.billion-account-flow[data-theme=dark] #login.login{background:var(--billion-canvas)}
html.billion-account-flow[data-theme=dark] #login .login-card{background:var(--billion-paper);box-shadow:var(--billion-shadow)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html.billion-account-flow #login .login-card{background:var(--billion-paper);box-shadow:none}}
@media(forced-colors:active){html.billion-account-flow #login .login-card,html.billion-account-flow #login .billion-account-avatar{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}

html.billion-account-flow #login .billion-login-footer{display:grid;gap:12px;max-width:480px;margin-top:28px;text-align:center;font-size:12px;color:var(--billion-muted)}
html.billion-account-flow #login .billion-login-footer .registration-policies{border:0;margin:0;padding:0;justify-content:center;font-size:12px}
html.billion-account-flow #login .billion-login-footer #loginSupport{margin:0;padding:0;font-size:12px}
html.billion-account-flow #login :is(#loginError,#entryStatus):empty{display:none}
html.auth-document .billion-account-access{position:relative;margin-inline-start:auto}
html.auth-document .billion-account-access>summary{list-style:none;padding:9px 14px;border:1px solid var(--billion-line);border-radius:14px;background:var(--billion-paper);color:var(--billion-ink);cursor:pointer}
html.auth-document .billion-account-access>summary::-webkit-details-marker{display:none}
html.auth-document .billion-account-access>div{position:absolute;z-index:20;inset-inline-end:0;inset-block-start:calc(100% + 8px);box-sizing:border-box;width:240px;max-width:calc(100vw - 48px);padding:6px;border:1px solid var(--billion-line);border-radius:16px;background:var(--billion-paper);box-shadow:var(--billion-shadow)}
html.auth-document .billion-account-access>div>*{display:block;box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--billion-ink);text-align:start;text-decoration:none;font:inherit}
html.auth-document .billion-account-access>div>*:hover{background:var(--billion-soft)}

html.billion-account-flow #login .billion-account-avatar{border-radius:50%;aspect-ratio:1;object-fit:cover}
html.billion-account-flow #login .billion-entry-identity{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--billion-line);border-radius:14px;margin:0 0 24px;background:var(--billion-soft)}
html.billion-account-flow #login .billion-entry-identity span{flex:1;min-width:0;overflow-wrap:anywhere;direction:ltr;text-align:start}
html.billion-account-flow #login :is(.billion-entry-identity button,.billion-entry-methods){border:0;background:transparent;color:var(--billion-link);font:inherit;text-decoration:underline;cursor:pointer;padding:6px}
html.billion-account-flow #login .billion-entry-methods{display:block;width:100%;margin-top:16px;font-size:13px}
html.billion-account-flow #login [data-billion-entry-step=password] :is(#email,#emailLabel,#entryBack){display:none!important}