/* Team Chat: restrained charcoal accents for clearer, calmer status states. */
.chat-people-head small { color: #50565a; }

.chat-person {
  background: rgba(28, 30, 32, .86) !important;
  border-color: rgba(28, 30, 32, .58) !important;
  color: #fff !important;
}

.chat-person small { color: rgba(255, 255, 255, .72) !important; }

.chat-person:hover,
.chat-person.active {
  background: #17191a !important;
  border-color: #17191a !important;
  color: #fff !important;
}

.chat-avatar { background: #4a4e50 !important; }

.chat-person > b {
  background: rgba(28, 30, 32, .92) !important;
  color: #fff !important;
}

.chat-welcome svg { color: #35383a !important; }
#chatAttachment { background: #f1f2f2 !important; }

.chat-send-row .primary {
  background: rgba(28, 30, 32, .92) !important;
  border-color: rgba(28, 30, 32, .92) !important;
  color: #fff !important;
}

.chat-send-row .primary:hover,
.chat-send-row .primary:focus-visible {
  background: #17191a !important;
  border-color: #17191a !important;
  color: #fff !important;
}

/* Keep sent-message cards in the same neutral system palette. */
.chat-message.mine .chat-bubble { background: rgba(28, 30, 32, .92) !important; }