/* Circle-with-initials assignee widget (_assignee_picker.html), replacing
   the old native <select>. .avatar-circle is the bare row-context trigger
   (sits in a .row-lead slot); the full_name register nests a smaller
   --inline variant inside a .chip instead (see chip.css). See GitHub
   issue #207. */

.assignee-picker {
  position: relative;
  flex-shrink: 0;
  display: flex;
}

.avatar-circle {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-circle);
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--surface);
  background: var(--text-muted);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.avatar-circle--empty {
  background: none;
  border: 1.5px dashed var(--border-strong);
  color: var(--text-muted);
  font-weight: 600;
}

/* The small decorative avatar nested inside a full_name .chip -- not
   itself a separate click target. */
.avatar-circle--inline {
  width: 22px;
  height: 22px;
  font-size: 0.65rem;
  cursor: inherit;
  margin-right: var(--space-1);
}