/* ---------- account verification (green mark) ---------- */

/* The green check shown next to a verified user's name — on the profile page (view_profile.stpl)
   and on their profile cards (home.stpl). Native `title` attribute carries the hover explanation,
   no JS tooltip needed. */
.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #4f7a5c;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  margin-right: 4px;
  cursor: help;
}

/* Settings page: preview of the currently-submitted (pending/rejected) verification photo. */
.verification-photo-preview {
  display: block;
  max-width: 280px;
  max-height: 280px;
  margin-top: 8px;
  border-radius: 8px;
  border: 1px solid var(--line);
}

/* Admin dashboard: same photo, shown larger per queue row for actually reading it. */
.admin-verification-photo {
  display: block;
  max-width: 360px;
  max-height: 360px;
  border-radius: 8px;
  border: 1px solid var(--line);
  margin-bottom: 8px;
}