/* Public profile view: subject head, social actions, per-ladder chips. */
.profile-subject {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-color);
}
.profile-subject-name {
  font-size: 1.35rem; color: var(--accent-gold);
  margin: 0; line-height: 1.2;
}
.profile-admin-badge {
  padding: 2px 10px; border-radius: 999px;
  background: color-mix(in srgb, var(--amethyst) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--amethyst) 45%, transparent);
  color: var(--amethyst-2);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px;
  text-transform: uppercase;
}
.profile-viewing-pill {
  padding: 2px 10px; border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border-color);
  color: var(--text-muted);
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.5px;
  text-transform: uppercase;
}
.profile-clan { display: inline-flex; align-items: baseline; gap: 2px; }
.profile-clan-link { all: unset; cursor: pointer; font-weight: 600; color: var(--bronze-2); }
.profile-clan-link:hover { text-decoration: underline; color: var(--bronze); }
.profile-clan-link:focus-visible { outline: 2px solid var(--bronze-2); outline-offset: 2px; border-radius: var(--radius-s); }
.profile-clan-role { font-size: 0.85rem; }
/* Public profile (item 12): back row + social action buttons in the head. */
.profile-back-row { margin-bottom: 4px; }
/* Same re-pin idiom as .profile-avatar-emblem above: the shared class owns the
   shape, colour, font and flex-shrink; a host only restates the size. */
.profile-subject .profile-avatar-large { width: 44px; height: 44px; font-size: 1.25rem; }
.profile-social-actions { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
.profile-private-note .bf-empty { padding: 40px 16px; }

/* Per-ladder rating chips on the public profile (item 15). */
.profile-ladder-chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 2px; }
.profile-ladder-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 3px 10px; border-radius: 999px;
  background: var(--bg-1); border: 1px solid var(--border);
  font-size: 0.74rem;
}
.profile-ladder-chip .plc-ladder { color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; font-size: 0.62rem; }
.profile-ladder-chip .plc-elo { color: var(--ink); font-weight: 700; }