/* No leídos y notificaciones */
.unread-badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: #f23f43; color: #fff; font-size: .72rem; font-weight: 800; line-height: 1;
  margin-left: auto; flex-shrink: 0; pointer-events: none;
}
.channel-item.has-unread { position: relative; }
.channel-item.has-unread .ch-name-text { color: #fff; font-weight: 700; }
.channel-item.has-unread::before {
  content: ''; position: absolute; left: -8px; top: 50%; width: 4px; height: 8px; margin-top: -4px;
  background: #fff; border-radius: 0 4px 4px 0; pointer-events: none;
}
.server-icon-wrap.has-unread:not(.active)::before { height: 8px; }
.server-icon-wrap > .unread-badge { position: absolute; right: 2px; bottom: 0; margin: 0; border: 2px solid #191B20; box-sizing: content-box; }
.dm-channel-item > .unread-badge { margin-left: 8px; }
.dm-channel-item.has-unread > div:nth-child(2) > div:first-child { color: #fff; font-weight: 800; }