/* Star Relay Systems: shared mobile + sign-in polish. Loaded after each page's own styles. */
html{-webkit-text-size-adjust:100%;}
html,body{max-width:100%;overflow-x:hidden;}
img,video{max-width:100%;height:auto;}

/* Sign-in / sign-up / paywall: scroll when short (landscape phones), centre when tall */
#auth-screen,#subscribe-gate{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));}
#auth-screen>.login-box,#subscribe-gate>.subscribe-box{margin:auto;}
.login-box,.subscribe-box{max-width:420px!important;padding:32px 28px!important;border-radius:14px!important;box-shadow:0 10px 40px rgba(20,16,8,.08);}
.login-box h1{font-size:26px;line-height:1.2;}
.login-box .brand-logo{max-width:180px;height:auto;margin-bottom:6px;}
.login-box p.sub{font-size:13.5px;line-height:1.5;margin-bottom:20px;}
.field input,.field select,.login-box input,.login-box select{font-size:16px!important;min-height:46px;padding:11px 13px!important;border-radius:9px!important;}
.field label{font-size:11.5px;}
.login-box button,.subscribe-box button,.btn-google,.btn-primary{min-height:46px;font-size:15px!important;border-radius:9px!important;}
.login-box button{margin-top:16px;}
.pw-wrap{position:relative;}
.pw-toggle{min-height:36px!important;width:auto!important;margin:0!important;padding:0 12px!important;}
.btn-google{gap:10px;}
.btn-google svg{width:18px;height:18px;flex:none;}
.oauth-stack{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px;}
.oauth-stack .btn-google{margin-top:0!important;}
.terms-row{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--muted);margin:2px 0 4px;}
.terms-row input{width:20px!important;min-height:20px!important;margin:2px 0 0!important;flex:none;padding:0!important;}
.terms-row a{color:inherit;text-decoration:underline;}
.switch-link{font-size:13px;line-height:1.7;}
.switch-link a{cursor:pointer;text-decoration:underline;padding:6px 2px;}

/* Phones: layout of the app itself now lives in srs-theme.css */
@media (max-width:760px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
  .modal{max-width:100%!important;width:calc(100% - 20px)!important;max-height:92vh;}
  .modal input,.modal select,.modal textarea{font-size:16px!important;}
  .demo-form-row{grid-template-columns:1fr!important;}
  #trial-banner,.trial-banner{font-size:13px;padding:10px 14px;}
}
@media (max-width:400px){
  .login-box,.subscribe-box{padding:26px 20px!important;}
}
@media (max-height:480px) and (orientation:landscape){
  .login-box,.subscribe-box{padding:20px 24px!important;}
  .login-box .brand-logo{display:none;}
}