/* Keep the primary action reachable on small screens and with the keyboard open. */
.auth-mode{display:flex;gap:6px;padding:5px;background:#edf5f2;border-radius:16px;margin-bottom:8px}
.auth-mode button{flex:1;min-width:0;border:0;border-radius:12px;padding:12px 10px;background:transparent;color:#24554e;font:inherit;font-size:14px;cursor:pointer;line-height:1.35}
.auth-mode button[aria-pressed=true]{background:#087e70;color:white;box-shadow:0 3px 12px #064f4020}
.auth-mode button:focus-visible,.auth-help summary:focus-visible{outline:3px solid #149b87;outline-offset:3px}
.auth-help{font-size:12px;line-height:1.6;color:#526a66;margin-top:8px}
.auth-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth-help p{font-size:inherit;margin:8px 0}
[data-auth-hint]{font-size:12px;line-height:1.5;color:#526a66}
#saveProfileDialog{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
#saveProfileDialog .phone-login-form{gap:10px}
#saveProfileDialog #savePasswordToggle{width:auto;justify-self:end;min-height:0;margin:0;padding:3px 0;border:0;background:transparent;box-shadow:none;font-size:12px;line-height:1.5}
#savePasswordHint{font-size:12px;line-height:1.5;color:#526a66}
#saveLoginStatus:empty{display:none}
#saveLoginStatus{margin:0;line-height:1.5;overflow-wrap:anywhere}
#saveProfileDialog button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){
  #saveProfileDialog{padding:22px;width:calc(100% - 24px)}
  #saveProfileDialog .eyebrow{margin:0 36px 8px 0;font-size:10px;line-height:1.5}
  #saveProfileDialog h2{font-size:26px;line-height:1.15;margin:8px 30px 12px 0}
  #saveProfileDialog>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:0 0 14px}
  #saveProfileDialog .phone-login-form{margin:0;gap:8px}
  #saveProfileDialog .phone-login-form label{gap:5px}
  #saveProfileDialog .phone-login-form input{padding:12px 14px;font-size:16px}
  #saveProfileDialog .phone-login-form button[type=submit]{padding:12px 16px;font-size:14px;min-height:44px;margin:4px 0 0}
}