/* V20 - corrections ergonomie mobile */
@media (max-width:720px){
  /* performance/consistency */
  body.member-app .top,
  body.member-app .membernav{backface-visibility:hidden;-webkit-font-smoothing:antialiased}

  /* Bouton réserver plus affirmé, avec volant visible */
  body.member-app .reserve-hero-button{
    width:calc(100% - 24px)!important;
    margin:14px 12px 22px!important;
    min-height:96px;
    padding:18px 18px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#19398f 0%,#0d58c9 100%)!important;
    align-items:center;
  }
  body.member-app .reserve-hero-button .reserve-symbol{
    width:64px;height:64px;flex:0 0 64px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 8px 24px rgba(6,30,80,.18);
  }
  body.member-app .reserve-hero-button .reserve-symbol img{
    width:42px;height:42px;display:block;opacity:1;
  }
  body.member-app .reserve-hero-button>span:nth-child(2){
    display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;
    color:#fff;font-weight:800;font-size:18px;
  }
  body.member-app .reserve-hero-button small{
    display:block;color:#d9e7ff;font-size:12px;font-weight:600;line-height:1.25;
  }
  body.member-app .reserve-hero-button .reserve-arrow{color:#fff;flex:0 0 22px}

  /* Utilisation plus pleine largeur sur l'accueil */
  body.member-app .upcoming-training{padding-top:18px!important}
  body.member-app .training-title,
  body.member-app .training-item,
  body.member-app .training-empty{padding-left:16px!important;padding-right:16px!important}

  /* Semaine / flèches bien centrées */
  body.member-app .weekhead{
    display:grid!important;
    grid-template-columns:40px 1fr 40px;
    gap:10px;
    align-items:center;
    justify-items:center;
    padding:14px 14px!important;
  }
  body.member-app .weekhead strong{
    text-align:center;
    line-height:1.25;
    display:block;
    width:100%;
  }
  body.member-app .weekhead .arrows{
    width:40px;height:40px;min-width:40px;
    font-size:19px;font-weight:800;
  }

  /* Bouton retour app */
  body.member-app .app-back{
    display:inline-flex;align-items:center;gap:8px;
    min-height:44px;padding:0 14px;
    border-radius:999px;
    background:#edf3ff;color:#173f92!important;
    text-decoration:none;font-weight:800;font-size:13px;
    border:1px solid #d7e3fb;
  }
  body.member-app .app-back.light{
    background:#ffffff1c;border-color:#ffffff45;color:#fff!important;
  }

  /* Ecrans detail type inscrits/messages */
  body.member-app .app-panel{padding:14px 12px 22px}
  body.member-app .app-panel-head{padding:14px 4px 12px}
  body.member-app .app-panel-head h1{
    margin:6px 0 6px;color:#0b2658;font-size:28px;line-height:1.08;
  }
  body.member-app .app-panel-head p{margin:0;color:#5f7599;font-size:13px;line-height:1.35}
  body.member-app .attendees-panel .people{
    margin-top:8px!important;
    border-radius:18px!important;
    overflow:hidden;
    border:1px solid #e2eaf5!important;
    box-shadow:0 8px 24px rgba(14,41,86,.04)!important;
  }
  body.member-app .attendees-panel .person{padding:15px 16px!important}

  /* Conversation pleine largeur avec vrai retour */
  body.member-app .community-layout.conversation-open .community-thread{
    padding:12px 12px 18px!important;
    background:#f4f7fc!important;
  }
  body.member-app .community-layout.conversation-open .community-thread .app-back{margin-bottom:12px}
  body.member-app .community-layout.conversation-open .community-thread h3{
    margin:2px 0 12px;padding:0 2px;font-size:26px;color:#0c2758;
  }
  body.member-app .community-layout.conversation-open .community-thread>.thread{
    background:#fff;border:1px solid #e2eaf5;border-radius:18px;padding:14px;
  }
  body.member-app .community-layout.conversation-open .community-thread .form{
    margin-top:12px;padding:14px;background:#fff;border:1px solid #e2eaf5;border-radius:18px;
  }

  /* Page mes séances */
  body.member-app .my-bookings-header{padding:18px 16px 22px}
  body.member-app .my-bookings-header h1{margin-top:14px}

  /* liens inscrits plus propres */
  body.member-app .slot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  body.member-app .slot-actions .quiet{
    display:inline-flex;align-items:center;min-height:38px;
    padding:0 12px;border-radius:10px;background:#eef3ff;color:#173f92;
    text-decoration:none;font-weight:700;
  }
}