/* SHiNOVA Repair Flow SaaS v1.6.2 R15 — profile avatar alignment and editor. */

/* v1.5.5 declares every span in the profile card as display:block.  This
   deliberately wins that cascade so initials and photos stay centred. */
.v155-profile-card .v155-avatar,
.v155-avatar.rf-avatar-fixed,
.rf-profile-avatar-preview .v155-avatar {
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  flex: 0 0 auto;
}

.v155-avatar.rf-avatar-fixed > img,
.rf-profile-avatar-preview .v155-avatar > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}

.v155-profile-card.v156-profile-card {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 16px !important;
  align-items: center !important;
}

.v156-profile-card .v156-profile-copy {
  align-self: center;
  margin: 0 !important;
}

.rf-profile-avatar-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.rf-profile-avatar-preview .v155-avatar {
  width: 88px !important;
  height: 88px !important;
  font-size: 22px !important;
  box-shadow: 0 0 0 5px rgba(25, 139, 87, .12);
}

.rf-profile-avatar-controls h3 {
  margin: 0 0 5px;
}

.rf-profile-avatar-controls p {
  margin: 0 0 12px;
  color: var(--muted, #738078);
  font-size: 13px;
  line-height: 1.45;
}

.rf-profile-avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rf-profile-avatar-status {
  display: block;
  min-height: 17px;
  margin-top: 8px;
  color: var(--muted, #738078);
  font-size: 11px;
}

.rf-profile-avatar-status.error {
  color: #c72525;
}

html[data-rf-theme="dark"] .rf-profile-avatar-preview .v155-avatar {
  box-shadow: 0 0 0 5px rgba(75, 211, 144, .16);
}

@media (max-width: 760px) {
  .rf-profile-avatar-card {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 14px;
  }

  .rf-profile-avatar-preview .v155-avatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 18px !important;
  }

  .rf-profile-avatar-controls p {
    font-size: 11px;
  }

  .rf-profile-avatar-actions .btn {
    min-height: 44px;
  }
}