/* Quiet provider controls match the existing account surface. */
.oauthProviders{display:grid;gap:12px;margin:22px 0 0;min-width:0}.oauthProviders .oauthButton{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;min-height:52px;width:100%;padding:12px 18px;border-radius:16px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;box-shadow:none;border:1px solid #ffffff24;cursor:pointer}.oauthProviders .oauthApple{background:#f4f8f7;color:#102f35}.oauthProviders .oauthGoogle{background:#214a54;color:#f4f8f7}.oauthButton svg{width:24px;height:24px;flex:0 0 24px}.oauthProviders .oauthButton:hover{filter:brightness(1.06)}.oauthProviders .oauthButton:active{transform:translateY(1px)}.oauthProviders .oauthButton:focus-visible{outline:3px solid #4ddcbb;outline-offset:3px}.oauthProviders .oauthButton:disabled{opacity:.55;cursor:wait}.oauthStatus{color:#aac3c9;font-size:14px;line-height:1.6;margin:0;text-align:center;overflow-wrap:anywhere}.oauthStatus:empty{display:none}.oauthDivider{display:flex;align-items:center;gap:12px;color:#a4bdc4;font-size:13px;margin:22px 0}.oauthDivider:before,.oauthDivider:after{content:'';height:1px;flex:1;background:#ffffff1a}.accountPanel>#signInOptions{white-space:normal;line-height:1.4}.accountSheet:has(.oauthProviders){max-width:460px}.accountSheet:has(.oauthProviders) .sheetHeader h2{line-height:1.2}.accountSheet:has(.oauthProviders) #accountForm>.primary{margin-top:8px}
body.authPage .accountSheet:has(.oauthProviders)>.sheetHeader{position:static;background:transparent;padding:0;margin:0 0 10px}body.authPage .accountSheet:has(.oauthProviders)>p{font-size:14px;line-height:1.6;color:#aac3c9;margin:0 0 20px}body.authPage .accountSheet:has(.oauthProviders) form{gap:8px;align-content:start;grid-auto-rows:auto}body.authPage .accountSheet:has(.oauthProviders) label{margin:6px 0 0;font-size:14px}body.authPage .accountSheet:has(.oauthProviders) .search{margin:0;min-height:48px;height:48px;padding:10px 14px}body.authPage .accountSheet:has(.oauthProviders) form small{font-size:12px;margin:0}body.authPage .accountSheet:has(.oauthProviders) #accountError:empty{display:none}body.authPage .accountSheet:has(.oauthProviders) .primary{margin-top:10px}.oauthProviders+.oauthDivider{margin:20px 0 14px}
/* Account pages do not reserve space for the journey's fixed map dock. */
html[data-design="2026"] body.authPage #main,html[data-design="2026"] body.authPage.pathHome #main{padding-top:calc(env(safe-area-inset-top) + 32px)!important;padding-bottom:calc(env(safe-area-inset-bottom) + 32px)!important}html[data-design="2026"] body.authPage .workspace{padding-bottom:0;margin-left:0}

/* Explicit margins override the map's edge-to-edge #main rules on account pages. */
html[data-design="2026"] body.authPage .workspace #main,html[data-design="2026"] body.authPage.pathHome .workspace #main{box-sizing:border-box;width:100%;max-width:500px;margin-inline:auto;padding:calc(var(--app-safe-top,env(safe-area-inset-top)) + 28px) max(24px,var(--app-safe-right,0px)) calc(var(--app-safe-bottom,env(safe-area-inset-bottom)) + 28px) max(24px,var(--app-safe-left,0px))!important}
html[data-design="2026"] body.authPage .accountSheet{box-sizing:border-box;min-width:0}
html[data-design="2026"] body.authPage .accountSheet h2{font-size:clamp(26px,7.3vw,32px);line-height:1.2;overflow-wrap:break-word}
html[data-design="2026"] body.authPage .accountSheet .accountLinks{column-gap:18px;row-gap:4px;margin-top:14px}
@media(max-width:350px){html[data-design="2026"] body.authPage .workspace #main{padding-left:20px!important;padding-right:20px!important}.oauthProviders .oauthButton{font-size:14px;padding-inline:12px;gap:9px}}
/* Recovery uses the same calm field spacing as sign-in, with no stretched grid rows. */
body.authPage .accountSheet:not(:has(.oauthProviders))>.sheetHeader{position:static;background:transparent;padding:0;margin:0 0 10px}
body.authPage .accountSheet:not(:has(.oauthProviders))>p{font-size:14px;line-height:1.6;color:var(--sub);margin:0 0 20px}
body.authPage .accountSheet:not(:has(.oauthProviders)) form{gap:8px;align-content:start;grid-auto-rows:auto}
body.authPage .accountSheet:not(:has(.oauthProviders)) label{margin:6px 0 0;font-size:14px}
body.authPage .accountSheet:not(:has(.oauthProviders)) .search{margin:0;min-height:48px;height:48px;padding:10px 14px}
body.authPage .accountSheet:not(:has(.oauthProviders)) form small{font-size:12px;margin:0}
body.authPage .accountSheet #accountError:empty{display:none}