/* v80.96: width-based layout for unfolded phones and compact tablets. */
@media (min-width:600px) and (max-width:1100px){
  #login.loginShell{padding:16px!important;align-items:start!important}
  #login .loginGrid{width:100%!important;max-width:720px!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  #login .loginHeroArtworkCard,#login .loginCard{min-height:0!important;border-radius:20px!important}
  #login .loginHeroArtwork,#login .loginHeroArtwork img{height:auto!important;width:100%!important;object-fit:contain!important}
  #login .loginCard{padding:28px!important}
  .memberApp .wrap{width:100%;max-width:1000px;padding:14px 16px calc(100px + env(safe-area-inset-bottom))!important}
  .memberApp .layout{display:block!important}
  .memberApp main.content{width:100%;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
  .memberApp main.content > div:first-child,.memberApp #topStats{display:none!important}
  .memberApp .header{position:relative;top:auto;padding:14px 16px!important;margin-bottom:14px}
  .memberApp .headerRow{display:flex!important;flex-wrap:wrap;gap:12px!important;align-items:center!important}
  .memberApp .header .btnRow{display:flex!important;flex-wrap:wrap;width:auto!important;gap:8px!important;margin:0}
  .memberApp .header .btn{height:auto;min-height:44px!important;padding:10px 12px!important;font-size:12px!important}
  .memberApp .tabs{position:fixed!important;left:16px!important;right:16px!important;bottom:8px!important;width:auto;max-width:968px;margin:0 auto!important;z-index:100!important;display:flex!important;gap:6px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border:1px solid rgba(77,100,129,.28);border-radius:18px;background:rgba(8,14,22,.97);backdrop-filter:blur(20px)}
  .memberApp .tab{flex:1 1 0!important;min-width:0!important;min-height:56px!important;padding:8px 4px!important;font-size:12px!important;white-space:normal!important}
  .memberApp .tab[data-tab="home"]{order:1}.memberApp .tab[data-tab="builder"]{order:2}.memberApp .tab[data-tab="programs"]{order:3}.memberApp .tab[data-tab="history"]{order:4}.memberApp .tab[data-tab="progress"]{order:5}.memberApp .tab[data-tab="backups"]{order:6}
  .memberApp .section{min-width:0;padding:18px!important}
  .memberApp .homeMainGrid,.memberApp .homeBottomGrid,.memberApp .homeInsightGrid,.memberApp .homeMonthlyReportGrid{grid-template-columns:minmax(0,1fr)}
  .memberApp .homeWelcome h2{font-size:26px!important}
  .memberApp #tab-builder.spursWizardHost{padding:20px!important;min-height:0}
  .memberApp .spursWorkoutWizard,.memberApp .swzShell{width:100%;max-width:none;min-height:0}
  .memberApp .swzStage{min-width:0}
  .memberApp .swzTitle{font-size:30px}
  .memberApp .swzModeCopy{max-width:100%}
  .memberApp .swzModeCards{width:100%;max-width:none}
  .memberApp .swzModeCard{min-height:88px;grid-template-columns:56px minmax(0,1fr) 24px}
  .memberApp .swzExerciseList{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}
  .memberApp .swzExRow{min-width:0;grid-template-columns:58px minmax(0,1fr) 44px 44px;gap:8px}
  .memberApp .swzExCopy{min-width:0;overflow-wrap:anywhere}
  .memberApp .swzExThumb{width:54px;height:54px}
  .memberApp .swzInfoBtn,.memberApp .swzAddBtn{width:44px;height:44px}
  .memberApp .swzSelectionBar{position:sticky;top:8px;z-index:14;gap:12px;flex-wrap:wrap}
  .memberApp .swzConfigActionsTop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;top:8px}
  .memberApp .swzConfigActionsTop .swzSmallAction{min-width:0;min-height:48px;width:100%!important;font-size:14px!important}
  .memberApp .swzConfigBody #exerciseList{grid-template-columns:minmax(0,1fr)!important}
  .memberApp .swzConfigBody .exCard{min-width:0;width:100%}
  .memberApp .exHead{flex-wrap:wrap}
  .memberApp .exControls{display:flex;flex-wrap:wrap;gap:8px}
  .memberApp .exConfig{grid-template-columns:repeat(2,minmax(0,1fr))}
  .memberApp .swzFocusInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .memberApp .swzFocusCard{width:100%;max-width:800px;margin-inline:auto}
  .memberApp .swzFocusInputs input{min-height:60px;font-size:22px}
  .memberApp .totalBar{bottom:88px}
  .swzModal{padding:20px}
  .swzModalCard{width:min(760px,100%);max-height:calc(100dvh - 40px)}
  .swzPostureImage{max-width:100%;object-fit:contain}
}
@media (min-width:820px) and (max-width:1100px){
  .memberApp .swzExerciseList,.memberApp .swzPlanSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .memberApp .swzModeCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .memberApp .swzModeCard{grid-template-columns:48px minmax(0,1fr) 20px;gap:10px}
}
/* Preserve the approval gate regardless of viewport layout. */
.memberApp.accountRestricted .layout{display:none!important}