/* v69 - Keep the sidebar and the rounded workspace seam exactly the same color. */
:root {
  --dnxt-sidebar-seam: #007380;
}

body:not([data-page="login"]),
body:not([data-page="login"]) .shell,
body:not([data-page="login"]) .sidebar {
  background: var(--dnxt-sidebar-seam) !important;
  background-color: var(--dnxt-sidebar-seam) !important;
  background-image: none !important;
}

body:not([data-page="login"]) .workspace {
  box-shadow: -10px 0 0 0 var(--dnxt-sidebar-seam) !important;
}

body[data-page="settings"] .shell,
html[data-theme="dark"] body:not([data-page="login"]),
html[data-theme="dark"] body:not([data-page="login"]) .shell,
html[data-theme="dark"] body:not([data-page="login"]) .sidebar {
  background: var(--dnxt-sidebar-seam) !important;
  background-color: var(--dnxt-sidebar-seam) !important;
  background-image: none !important;
}

html[data-theme="dark"] body:not([data-page="login"]) .workspace {
  box-shadow: -10px 0 0 0 var(--dnxt-sidebar-seam) !important;
}


/* v72 - Keep the collapse control above the rounded workspace seam.
   The workspace previously had the higher stacking context, so its curved
   edge could cover the button that protrudes from the sidebar. */
body:not([data-page="login"]) .shell {
  isolation: isolate !important;
}
body:not([data-page="login"]) .sidebar {
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
  border-radius: 0 !important;
}
body:not([data-page="login"]) .workspace {
  position: relative !important;
  z-index: 2 !important;
}
body:not([data-page="login"]) .sidebar .sidebar-edge-toggle {
  z-index: 10000 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}

/* v74 - Team Chat unread-count visibility and owner self-label follow-up. */
/* The general sidebar label rule intentionally turns nav text white. Exclude the
   unread counter visually by restoring a blue number on a pale-blue badge. */
.sidebar .side-nav .nav-link#navMessages > .nav-chat-badge:not(.hidden),
.sidebar .side-nav .nav-link#navMessages:hover > .nav-chat-badge:not(.hidden),
.sidebar .side-nav .nav-link#navMessages.active > .nav-chat-badge:not(.hidden),
.sidebar .side-nav .nav-link#navMessages.has-unread > .nav-chat-badge:not(.hidden) {
  background: #eaf2ff !important;
  color: #0b63ce !important;
  -webkit-text-fill-color: #0b63ce !important;
  border: 1px solid #a9c8ff !important;
  opacity: 1 !important;
}

/* Show the unread number beside the exact Channel, Direct Message, or Group Chat
   name with the same readable blue treatment, including selected rows. */
.chat-sidebar .chat-ch-count,
.chat-sidebar .chat-ch-unread-badge,
.chat-sidebar .chat-ch-btn.active .chat-ch-count,
.chat-sidebar .chat-ch-btn.active .chat-ch-unread-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #0b63ce !important;
  -webkit-text-fill-color: #0b63ce !important;
  border: 1px solid #a9c8ff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html[data-theme="dark"] .sidebar .side-nav .nav-link#navMessages > .nav-chat-badge:not(.hidden),
html[data-theme="dark"] .chat-sidebar .chat-ch-count,
html[data-theme="dark"] .chat-sidebar .chat-ch-unread-badge,
html[data-theme="dark"] .chat-sidebar .chat-ch-btn.active .chat-ch-count,
html[data-theme="dark"] .chat-sidebar .chat-ch-btn.active .chat-ch-unread-badge {
  background: rgba(59, 130, 246, .18) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  border-color: rgba(147, 197, 253, .42) !important;
}


/* 2026-07-18 v79: keep the personal-chat subtitle readable on the selected row. */
html[data-theme="light"] body.app-nav-messages .chat-sidebar .chat-dm-self.chat-dm-personal .chat-dm-self-note,
html[data-theme="light"] body.app-nav-messages .chat-sidebar .chat-dm-self.chat-dm-personal.active .chat-dm-self-note {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.app-nav-messages .chat-sidebar .chat-dm-self.chat-dm-personal .chat-dm-self-note,
html[data-theme="dark"] body.app-nav-messages .chat-sidebar .chat-dm-self.chat-dm-personal.active .chat-dm-self-note {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}