/* Organized by product feature for straightforward maintenance. */
/* Authentication and account layouts for small screens. */

/* Authentication and small-screen account layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-brand{margin:0 auto 16px!important;padding:0 4px!important}
.auth-logo{display:block;width:min(94%,470px);height:auto;max-height:148px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(32,200,255,.12))}
.auth-brand p{max-width:560px;margin:0 auto!important;padding:0 6px;font-size:12px;line-height:1.45}
.auth-shell{box-sizing:border-box!important;overflow:hidden!important}
.auth-card,.auth-tabs,.local-account-note{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.auth-tabs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.auth-tabs button{width:100%!important;min-width:0!important}
.auth-card{overflow:visible!important}
.auth-grid>*{min-width:0!important;max-width:100%!important}
.remember-row{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.remember-row input{width:20px!important;height:20px!important;margin:2px 0 0!important}
.remember-row span{min-width:0!important;overflow-wrap:anywhere!important}
.local-account-note{margin:12px 0 0!important;overflow-wrap:anywhere!important}
.settings-panel,.scan-panel,.checkin-panel,.history-panel,.setup-panel{box-sizing:border-box!important;overflow-x:hidden!important}
.settings-panel-head,.scan-head,.day-title,.quick-entry-head,.social-topline{min-width:0!important}
.settings-panel-head>*:first-child,.scan-head>*:first-child,.day-title>*:first-child,.quick-entry-head>*:first-child{min-width:0!important}
button{max-width:100%;touch-action:manipulation}
img,video,canvas,svg{max-width:100%}
table{max-width:100%}
@media(max-width:620px){
  .auth-overlay:not(.hidden){align-items:flex-start!important;padding:calc(8px + var(--cf-safe-top)) 7px calc(12px + var(--cf-safe-bottom))!important}
  .auth-shell{padding:11px!important;border-radius:16px!important;margin:0 auto!important}
  .auth-logo{width:min(96%,390px);max-height:118px;margin-bottom:7px}
  .auth-brand{margin-bottom:12px!important}
  .auth-brand p{font-size:11px}
  .auth-card{padding:12px!important;border-radius:15px!important;margin-top:9px!important}
  .auth-card h2{font-size:18px!important}
  .auth-message{font-size:11px!important;padding:9px 10px!important}
  .auth-grid{gap:8px!important}
  .auth-tabs{gap:6px!important;margin-bottom:8px!important}
  .auth-tabs button{padding:10px 7px!important;font-size:12px!important}
  .remember-row{padding:9px!important}
  .local-account-note{font-size:10px!important;line-height:1.42!important;padding:9px!important}
  .settings-panel,.scan-panel,.checkin-panel,.history-panel,.setup-panel{padding:11px!important;border-radius:16px!important}
  .settings-panel-head,.scan-head{gap:7px!important}
  .settings-panel-head button,.scan-head button{flex:0 0 auto!important}
  .social-photo-row>*{min-width:0!important}
  .social-photo-row button,.setup-welcome-actions button,.account-danger-zone button{flex:1 1 150px!important}
}
@media(max-width:360px){
  .auth-shell{padding:8px!important}
  .auth-logo{max-height:96px}
  .auth-brand p{font-size:10px}
  .auth-card{padding:10px!important}
  .auth-tabs button{font-size:11px!important;padding:9px 5px!important}
  .tabbar{gap:3px!important}
  .tabbar .tab-btn{font-size:10px!important;padding-left:2px!important;padding-right:2px!important}
  .tabbar .v131-menu-tab{width:46px!important;min-width:46px!important}
  main{padding-left:5px!important;padding-right:5px!important}
  .card{padding:9px!important}
  .macro-grid,.coach-metrics{grid-template-columns:minmax(0,1fr)!important}
}