/* Shared mobile adaptations for SENDFU account surfaces. */
@media (max-width:700px){
  html{overflow-x:hidden}
  .site-header{position:sticky}
  .site-header-inner{width:calc(100% - 32px);min-height:0;padding:13px 0 11px;gap:11px 14px;align-items:center;flex-wrap:wrap}
  .site-header .brand{font-size:22px!important;line-height:1!important}
  .public-nav,.account-nav{gap:15px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .public-nav::-webkit-scrollbar,.account-nav::-webkit-scrollbar{display:none}
  .public-nav{order:3;width:100%;margin:0;padding:3px 0 2px}
  .account-nav{margin-left:auto;padding-left:0;border-left:0}
  .site-header a,.site-header .link-button{display:inline-flex;align-items:center;min-height:36px;font-size:13px}
  .site-header a[aria-current="page"]{text-underline-offset:5px}
  .site-header .nav-cta{min-height:38px;padding:0 13px}
  .portal-main,.auth-field-ready .portal-main{width:calc(100% - 32px);min-height:0;padding-top:32px;padding-bottom:48px}
  .portal-main>.card{margin:14px 0}
  .site-footer{padding:36px 0 20px}
  .site-footer-inner{width:calc(100% - 32px)}
  .site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-bottom:28px}
  .site-footer-grid>div:first-child{grid-column:1/-1}
  .site-footer p{margin:10px 0 0;font-size:14px;line-height:1.5}
  .footer-col{gap:8px}
  .footer-bottom{gap:8px;align-items:flex-start;flex-direction:column;padding-top:16px;font-size:12px}
  input,textarea,select,.auth-card input:not([type="hidden"]),.auth-field-ready .portal-main>.card:first-child input:not([type="hidden"]),.auth-field-ready .portal-main>.card:first-child textarea{font-size:16px}
  button,.auth-card button,.auth-field-ready .portal-main>.card:first-child button{min-height:48px}
  .auth-page{width:100%}
  .auth-page__back{min-height:36px;margin-bottom:18px}
  .auth-card{padding:26px 20px;border-radius:9px}
  .auth-card__header{padding-bottom:19px}
  .auth-card h1{font-size:32px}
  .auth-card__intro{font-size:14px}
  .auth-card form{margin-top:22px}
  .auth-card label{margin-top:15px}
  .auth-card button{margin-top:22px}
  .auth-note{padding:13px}
  .api-keys-page__back{min-height:36px;margin-bottom:18px}
  .api-keys-card{padding:26px 20px;border-radius:9px}
  .api-keys-card__header{padding-bottom:19px}
  .api-keys-card h1{font-size:32px}
  .api-keys-card__intro{font-size:14px}
  .api-keys-card table,.auth-field-ready .portal-main>.card+.card table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .api-keys-card th,.api-keys-card td{padding:11px 12px}
  .auth-field-ready .portal-main>.card:first-child{padding:25px 20px;border-radius:9px}
  .auth-field-ready .portal-main>.card:first-child h1{margin-bottom:20px;padding-bottom:19px;font-size:32px}
  .auth-field-ready .portal-main>.card:first-child label{margin-top:16px}
  .auth-field-ready .portal-main>.card:first-child textarea{min-height:120px}
  .auth-field-ready .portal-main>.card+.card{margin-top:14px;padding:22px 20px}
  .auth-field-ready .portal-main>.card+.card h2{font-size:26px}
}
@media (max-width:390px){
  .site-header-inner{width:calc(100% - 24px)}
  .portal-main,.auth-field-ready .portal-main,.site-footer-inner{width:calc(100% - 24px)}
  .account-nav{order:4;width:100%;margin-left:0;padding-top:1px}
  .site-footer-grid{gap:26px 16px}
  .auth-card,.api-keys-card,.auth-field-ready .portal-main>.card:first-child{padding-left:17px;padding-right:17px}
  .auth-field-ready .portal-main>.card+.card{padding-left:17px;padding-right:17px}
}