/* Contacts use a compact grouped directory; private groups never grant project access. */
#teamMembersPane .team-contact-workspace { display: grid; grid-template-columns: minmax(0,1fr) minmax(265px,340px); align-items: start; gap: 20px; }
.team-contact-sidebar { display: grid; gap: 20px; min-width: 0; }
#teamMembersPane .team-contact-list-panel { padding: 24px; }
.team-contact-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.team-contact-list-head h3 { margin: 0; }
.team-contact-search { display: flex; align-items: center; gap: 14px; color: #526e91; font-size: 13px; }
.team-contact-search input { min-width: 0; flex: 1; padding: 11px 14px; border: 1px solid #d5e4f4; background: #f7faff; border-radius: 12px; color: #18314f; }
.team-contact-presence-note { margin: 10px 0 18px; color: #8293aa; font-size: 12px; }
.team-contact-group { border-top: 1px solid #e2eaf4; }
.team-contact-group-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 58px; }
.team-group-toggle { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; padding: 12px 4px; border: 0; background: transparent; box-shadow: none; text-align: left; color: #254f7d; }
.team-group-toggle strong { font-size: 15px; overflow-wrap: anywhere; }
.team-group-toggle > span { color: #7f93ac; font-size: 12px; }
.team-group-toggle[aria-expanded="false"] > i { transform: rotate(-90deg); }
.team-group-actions { display: flex; gap: 6px; }
.team-group-actions button { background: transparent; border: 0; box-shadow: none; color: #7190b1; padding: 6px; font-size: 12px; }
.team-contact-row { display: flex; align-items: center; gap: 14px; padding: 15px 10px; border-radius: 12px; }
.team-contact-row:hover { background: #f3f8ff; }
.team-contact-avatar-wrap { position: relative; flex: none; }
.team-contact-avatar-wrap .team-member-avatar { width: 46px; height: 46px; }
.team-contact-row.is-offline .team-member-avatar { opacity: .68; }
.team-online-dot { position: absolute; right: 0; bottom: 1px; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; background: #a8b7c7; }
.is-online .team-online-dot { background: #2db981; }
.team-contact-identity { display: grid; gap: 4px; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.team-contact-identity strong { font-size: 15px; color: #213a58; }
.team-contact-identity > span { font-size: 12px; color: #7e91aa; }
.team-contact-identity small { font-size: 12px; color: #7890a7; }
.is-online .team-contact-identity small { color: #388168; }
.team-contact-row-actions { display: flex; align-items: center; gap: 7px; }
.team-contact-row-actions select { max-width: 145px; width: auto; padding: 7px 9px; border: 1px solid #d7e4f2; border-radius: 8px; background: #fff; color: #54718f; font-size: 12px; }
.team-contact-row-actions button { padding: 7px 9px; font-size: 12px; }
.team-contact-empty { padding: 8px 15px 18px; color: #94a4b7; font-size: 13px; }
.team-contact-group-members[hidden] { display: none; }
.team-contact-sidebar .account-team-add { flex-wrap: wrap; margin-bottom: 0; }
.team-contact-sidebar .account-team-add label { flex: 1 1 170px; }
.team-contact-sidebar .project-team-member { flex-wrap: wrap; }
@media (max-width: 1150px) {
  #teamMembersPane .team-contact-workspace { grid-template-columns: minmax(0,1fr); }
  .team-contact-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .team-contact-sidebar { grid-template-columns: minmax(0,1fr); }
  #teamMembersPane .team-contact-list-panel { padding: 16px; }
  .team-contact-row { gap: 10px; flex-wrap: wrap; }
  .team-contact-row-actions { flex: 1 1 100%; justify-content: flex-end; }
  .team-contact-row-actions select { margin-right: auto; flex: 1; max-width: none; }
  .team-contact-list-head { align-items: flex-start; }
  .team-contact-list-head button { white-space: nowrap; }
}