/* V49 — La liste Mes séances a enfin sa propre mise en page, ordinateur et mobile. */
body.member-app .my-bookings{
  width:min(100%, 920px);
  margin:0 auto 38px;
}
body.member-app .my-bookings-header{
  padding:4px 0 22px;
  margin-bottom:12px;
  border-bottom:1px solid #dce5f1;
}
body.member-app .my-bookings-header .back-link{
  display:inline-flex;align-items:center;gap:7px;
  color:#456080;font-size:13px;font-weight:650;
  margin:0 0 17px;text-decoration:none;
}
body.member-app .my-bookings-header h1{
  font-size:clamp(28px,4vw,39px);line-height:1.1;
  letter-spacing:-.035em;color:#102654;
  margin:0 0 7px;
}
body.member-app .my-bookings-header p{
  margin:0;color:#687b9a;font-size:14px;
}
body.member-app .my-booking-row{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border:1px solid #e0e7f2;
  border-radius:15px;
  background:#fff;
  padding:16px 18px;
  margin:12px 0;
  box-shadow:0 3px 10px rgba(16,38,84,.025);
}
body.member-app .my-booking-date{
  background:#ecf2ff;
  color:#234db8;
  border-radius:11px;
  min-width:61px;min-height:68px;
  display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  gap:3px;
}
body.member-app .my-booking-date b{font-size:25px;font-weight:850;line-height:1;letter-spacing:-.03em;}
body.member-app .my-booking-date small{font-size:10px;font-weight:850;letter-spacing:.07em;}
body.member-app .my-booking-content{
  display:flex;flex-direction:column;
  align-items:flex-start;gap:5px;
  min-width:0;
}
body.member-app .my-booking-content strong{
  font-size:15px;line-height:1.25;
  color:#102654;overflow-wrap:anywhere;
}
body.member-app .my-booking-content>span{
  font-size:12px;color:#647795;line-height:1.4;
}
body.member-app .my-booking-content>small{
  font-size:11px;color:#536b89;
}
body.member-app .my-booking-content .v45-attendees-link{margin-top:3px;font-size:12px;}
body.member-app .my-booking-row>form{margin:0;justify-self:end;}
body.member-app .my-booking-row>form button{white-space:nowrap;}
body.member-app .my-bookings-add{
  display:inline-flex;align-items:center;gap:8px;
  margin:17px 0 0;
  font-size:13px;color:#2355bd;font-weight:700;text-decoration:none;
}
body.member-app .my-bookings-empty{
  border:1px solid #e0e7f2;background:#fff;
  border-radius:15px;padding:24px;
}
body.member-app .my-bookings-empty strong{color:#102654;}
body.member-app .my-bookings-empty p{margin-bottom:0;color:#647795;}
@media(max-width:720px){
  body.member-app .my-bookings{width:100%;margin-bottom:75px;padding:0 2px;}
  body.member-app .my-bookings-header{padding:0 0 17px;margin-bottom:10px;}
  body.member-app .my-bookings-header .back-link{margin-bottom:10px;}
  body.member-app .my-bookings-header h1{font-size:28px;}
  body.member-app .my-booking-row{
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:10px;padding:12px 11px;
    margin:9px 0;border-radius:13px;
  }
  body.member-app .my-booking-date{min-width:52px;min-height:62px;}
  body.member-app .my-booking-date b{font-size:22px;}
  body.member-app .my-booking-content strong{font-size:13px;}
  body.member-app .my-booking-content>span{font-size:11px;}
  body.member-app .my-booking-content .v45-attendees-link{font-size:11px;}
  body.member-app .my-booking-row>form button{padding:8px 9px;font-size:11px;}
}
@media(max-width:380px){
  body.member-app .my-booking-row{grid-template-columns:52px minmax(0,1fr);}
  body.member-app .my-booking-row>form{grid-column:2;justify-self:start;}
}