.staff-photo,
.team-avatar,
.account-avatar,
.mini-avatar,
.activity-icon,
.avatar,
.customer-staff-avatar {
  border-radius: 50%;
  object-fit: cover;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}
.team-person { display: flex; align-items: center; gap: 10px; }
.assigned-mechanic { display: flex; align-items: center; gap: 8px; margin: 10px 0; color: #71806d; font-size: 11px; }
.mini-avatar { width: 30px; height: 30px; background: #e8eee3; color: #506c43; font-size: 9px; font-weight: 700; }
.team-avatar { width: 38px; height: 38px; background: #e8eee3; color: #506c43; font-size: 11px; font-weight: 700; }
.account-grid { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(300px,1fr); gap: 18px; }
.account-grid > section:last-child { grid-column: 2; grid-row: 1 / 3; }
.account-profile-card { display: flex; align-items: center; gap: 18px; }
.account-avatar { width: 92px; height: 92px; background: #e8eee3; color: #506c43; font: 700 20px Manrope; }
.crop-wrap { display: grid; place-items: center; padding: 18px; }
.crop-wrap canvas { width: min(320px,80vw); height: auto; touch-action: none; cursor: grab; }
.completion-review,
.completion-form,
.customer-completion { margin: 16px 0; padding: 15px; border: 1px solid #e2dfc5; border-radius: 8px; background: #fff9e8; }
.completion-approved { padding: 10px 12px; border-radius: 6px; background: #e9f4e8; color: #47744c; }
.customer-staff-avatar { width: 34px; height: 34px; float: left; margin: 0 10px 8px 0; background: #e8eee3; color: #506c43; font-size: 10px; font-weight: 700; }
@media (max-width: 760px) {
  .account-grid { grid-template-columns: 1fr; }
  .account-grid > section:last-child { grid-column: auto; grid-row: auto; }
}