/* The member app: a phone-first layout on the shared Modern 2.0 styles (gym.css). */
.gym-member { min-height: 100vh; display: flex; flex-direction: column; background: #ECEEF1; }
.gym-member-top { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px;
                  padding: 10px 16px; background: #0F1115; color: #FFFFFF; }
.gym-member-body { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; padding: 16px 16px 96px; display: flex; flex-direction: column; gap: 14px; }
.gym-member-tabs { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; justify-content: space-around; padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
                   background: #FFFFFF; border-top: 1px solid #E6E8EC; }
.gym-member-tab { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 64px; min-height: 48px; justify-content: center;
                  color: #5E6573; font-size: 12px; font-weight: 700; text-decoration: none; border-radius: 10px; }
.gym-member-tab.active { color: #0F1115; background: #F1F3F6; }
.gym-member-tab-main.active { background: var(--gym-accent); color: var(--gym-accent-ink); }
.gym-member-tab:focus-visible { outline: 3px solid #2F5BEA; outline-offset: 2px; }
.gym-member-card { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 16px; background: #0F1115; color: #FFFFFF; }
.gym-member-card .gym-detail-line span { color: #C9CDD6; }
.gym-member-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 18px; font-weight: 700; }
.gym-member-days { font-size: 30px; font-weight: 700; color: var(--gym-accent-on-dark); }
.gym-member-cta { flex: none; width: 100%; justify-content: center; text-decoration: none; } /* gym-btn-xl grows in rows; not in this column */
.gym-member-result { align-items: center; text-align: center; }
.gym-member-result h2 { margin: 0; }
.gym-member-pay-amount { display: inline-flex; align-items: center; gap: 10px; }
.gym-member-body .gym-row-sub { display: block; }
.gym-member-choices { display: flex; flex-direction: column; gap: 8px; }
.gym-member-choice { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 14px 16px; min-height: 56px; text-align: left; font: inherit;
                     border: 2px solid #E6E8EC; border-radius: 14px; background: #FFFFFF; color: #0F1115; cursor: pointer; }
.gym-member-choice b { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-size: 17px; }
.gym-member-choice span:not(.gym-member-choice-name) { color: #5E6573; font-size: 13px; }
.gym-member-choice-name { font-weight: 700; }
.gym-member-choice.active { border-color: #0F1115; box-shadow: inset 0 0 0 1px #0F1115; }
.gym-member-choice:focus-visible { outline: 3px solid #2F5BEA; outline-offset: 2px; }