/* v3.25.63 — trainee profile desktop layout only.
   Fixes reversed grid: identity card stays compact on the right; editable form uses the wide left area.
*/
@media (min-width:1101px){
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-shell{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:320px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-card{
    grid-column:1!important;
    width:100%!important;
    max-width:320px!important;
    box-sizing:border-box!important;
    position:sticky!important;
    top:118px!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:24px!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form > form{
    width:100%!important;
    max-width:none!important;
    display:block!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-profile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 16px!important;
    width:100%!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-profile-grid > label{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form input,
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form select,
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form textarea{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-avatar-upload{
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px 16px!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin-bottom:18px!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-avatar-upload > span:first-child{
    grid-column:1!important;
    grid-row:1/3!important;
    align-self:start!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-avatar-picker{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-avatar-upload > small{
    grid-column:2!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-password{
    margin-top:20px!important;
    padding:22px 24px!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-password .sfwb-profile-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }

  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-save{
    min-width:190px!important;
    margin-top:18px!important;
  }
}

/* Tablet: keep a useful two-section profile without crushing fields. */
@media (min-width:901px) and (max-width:1100px){
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-shell{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-card{
    position:static!important;
    max-width:none!important;
  }
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form{
    width:100%!important;
    min-width:0!important;
  }
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile stays one column and full width. */
@media (max-width:900px){
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-shell{
    grid-template-columns:1fr!important;
  }
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-card,
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  html body .sfwb-trainee-coach-clone .sfwb-trainee-profile-form .sfwb-profile-grid{
    grid-template-columns:1fr!important;
  }
}