/* Profile refinements only.
   Button styling is centralized in style.css for full consistency.
*/

#profile-view .profile-grid-wrap{
  display:grid;
  grid-template-columns: 112px minmax(0,1fr);
  column-gap:22px;
  align-items:start;
}

#profile-view .profile-avatar-row{
  grid-column:1;
  grid-row:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0;
}

#profile-view .profile-avatar-preview{
  width:68px;
  height:68px;
}

#profile-view .profile-avatar-preview img{
  width:68px;
  height:68px;
  object-fit:cover;
}

#profile-view .profile-avatar-actions,
#profile-view .profile-icon-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

#profile-view .profile-grid{
  grid-column:2;
  grid-row:1;
  min-width:0;
}

#profile-view .profile-grid .form-grid--2{
  column-gap:42px;
}

@media (max-width: 720px){
  #profile-view .profile-grid-wrap{
    grid-template-columns: 100px minmax(0,1fr);
    column-gap:16px;
  }

  #profile-view .profile-grid .form-grid--2{
    column-gap:24px;
  }
}

@media (max-width: 520px){
  #profile-view .profile-grid-wrap{
    grid-template-columns:1fr;
    row-gap:14px;
  }

  #profile-view .profile-avatar-row{
    justify-self:start;
    align-items:flex-start;
  }
}

/* Upload overwrites current avatar, keep remove action hidden if present. */
#profileAvatarRemoveBtn{
  display:none !important;
}