/* Conversations › Contact Details › Owner — GHL's AvatarButton (see
   conversations-owner.js): a round gray HighRise tag, size md. The dropdown,
   rows and avatars are user-picker.css. */

.cp-otag {
  display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; max-width: 100%;
  height: 24px; padding: 0 8px; box-sizing: border-box; border: 1px solid #d0d5dd; border-radius: 9999px; background: #fff;
  color: #475467; font-size: 13px; font-weight: 500; line-height: 18px; cursor: pointer; user-select: none;
  transition: background-color .2s, border-color .2s, color .2s;
}
.cp-otag:hover { background: #f2f4f7; border-color: #98a2b3; color: #1d2939; }
.cp-otag:active, .cp-otag.is-open { background: #eaecf0; border-color: #475467; color: #101828; }
.cp-otag:focus-visible { outline: none; box-shadow: 0 0 0 4px #d1e0ff; }
.cp-otag.disabled { opacity: .6; cursor: not-allowed; pointer-events: none; }
.cp-otag-text { min-width: 0; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-otag-ph {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 16px; height: 16px; border-radius: 50%; background: #f2f4f7; color: #475467;
}
.cp-otag-chev { flex: none; }
.cp-otag-x {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 16px; height: 16px;
  margin-left: 2px; padding: 0; border: 0; border-radius: 4px; background: none; color: #475467; cursor: pointer;
}
.cp-otag-x:hover { background: #eaecf0; color: #1d2939; }

/* OwnerDropdown's root is a `flex-1` item with the default min-width, so the
   chip keeps its name (up to 140px) and pushes Followers along. */
.cp-of-col.cp-owner { min-width: auto; }