/* v25 — keep green only on right-side workspace actions; restore light left tabs; force menu icons visible. */
:root {
  --dnxt-v25-green: #006875;
  --dnxt-v25-green-hover: #00535e;
  --dnxt-v25-tab-bg: transparent;
  --dnxt-v25-tab-hover: #ebf6f7;
  --dnxt-v25-tab-text: #084b53;
  --dnxt-v25-menu-text: #111111;
}

/* Left-side My Workspace tabs: no solid green background. */
html[data-theme="light"] .mytasks-tabs .mytasks-tab,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab {
  background: var(--dnxt-v25-tab-bg) !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  color: var(--dnxt-v25-tab-text) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .mytasks-tabs .mytasks-tab i,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab i,
html[data-theme="light"] .mytasks-tabs .mytasks-tab i::before,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab i::before {
  color: var(--dnxt-v25-tab-text) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .mytasks-tabs .mytasks-tab:hover,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab:hover {
  background: var(--dnxt-v25-tab-hover) !important;
  border-bottom-color: rgba(14,95,104,.45) !important;
  color: #02464d !important;
}
html[data-theme="light"] .mytasks-tabs .mytasks-tab.active,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab.active {
  background: transparent !important;
  border-bottom-color: var(--dnxt-v25-green) !important;
  color: #02464d !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .mytasks-tabs .mytasks-tab.mytasks-tab-add,
html:not([data-theme="dark"]) .mytasks-tabs .mytasks-tab.mytasks-tab-add {
  background: #e5f3f5 !important;
  border-radius: 8px !important;
  border-bottom-color: transparent !important;
  color: var(--dnxt-v25-tab-text) !important;
  min-width: 38px !important;
}

/* Right-side actions only: keep green background. */
html[data-theme="light"] .mytasks-toolbar .chip-btn,
html:not([data-theme="dark"]) .mytasks-toolbar .chip-btn {
  background: var(--dnxt-v25-green) !important;
  border: 1px solid var(--dnxt-v25-green) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(0,72,82,.14) !important;
}
html[data-theme="light"] .mytasks-toolbar .chip-btn i,
html:not([data-theme="dark"]) .mytasks-toolbar .chip-btn i,
html[data-theme="light"] .mytasks-toolbar .chip-btn i::before,
html:not([data-theme="dark"]) .mytasks-toolbar .chip-btn i::before,
html[data-theme="light"] .mytasks-toolbar .chip-btn span,
html:not([data-theme="dark"]) .mytasks-toolbar .chip-btn span {
  color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="light"] .mytasks-toolbar .chip-btn:hover,
html:not([data-theme="dark"]) .mytasks-toolbar .chip-btn:hover {
  background: var(--dnxt-v25-green-hover) !important;
  border-color: var(--dnxt-v25-green-hover) !important;
}

/* Right-card and sidebar three-dots menus: black text and icons, including icon pseudo-elements. */
html[data-theme="light"] .detail-more-menu .context-menu-item,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item,
html[data-theme="light"] .context-menu .context-menu-item,
html:not([data-theme="dark"]) .context-menu .context-menu-item,
html[data-theme="light"] #projectContextMenu .context-menu-item,
html:not([data-theme="dark"]) #projectContextMenu .context-menu-item,
html[data-theme="light"] .tm-more-menu .context-menu-item,
html:not([data-theme="dark"]) .tm-more-menu .context-menu-item,
html[data-theme="light"] .team-tab-context-menu .context-menu-item,
html:not([data-theme="dark"]) .team-tab-context-menu .context-menu-item,
html[data-theme="light"] .chat-channel-context-menu .context-menu-item,
html:not([data-theme="dark"]) .chat-channel-context-menu .context-menu-item {
  color: var(--dnxt-v25-menu-text) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .detail-more-menu .context-menu-item i,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item i,
html[data-theme="light"] .detail-more-menu .context-menu-item i::before,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item i::before,
html[data-theme="light"] .context-menu .context-menu-item i,
html:not([data-theme="dark"]) .context-menu .context-menu-item i,
html[data-theme="light"] .context-menu .context-menu-item i::before,
html:not([data-theme="dark"]) .context-menu .context-menu-item i::before,
html[data-theme="light"] #projectContextMenu .context-menu-item i,
html:not([data-theme="dark"]) #projectContextMenu .context-menu-item i,
html[data-theme="light"] #projectContextMenu .context-menu-item i::before,
html:not([data-theme="dark"]) #projectContextMenu .context-menu-item i::before,
html[data-theme="light"] .tm-more-menu .context-menu-item i,
html:not([data-theme="dark"]) .tm-more-menu .context-menu-item i,
html[data-theme="light"] .tm-more-menu .context-menu-item i::before,
html:not([data-theme="dark"]) .tm-more-menu .context-menu-item i::before,
html[data-theme="light"] .team-tab-context-menu .context-menu-item i,
html:not([data-theme="dark"]) .team-tab-context-menu .context-menu-item i,
html[data-theme="light"] .team-tab-context-menu .context-menu-item i::before,
html:not([data-theme="dark"]) .team-tab-context-menu .context-menu-item i::before,
html[data-theme="light"] .chat-channel-context-menu .context-menu-item i,
html:not([data-theme="dark"]) .chat-channel-context-menu .context-menu-item i,
html[data-theme="light"] .chat-channel-context-menu .context-menu-item i::before,
html:not([data-theme="dark"]) .chat-channel-context-menu .context-menu-item i::before {
  color: #111111 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #111111 !important;
}
html[data-theme="light"] .detail-more-menu .context-menu-item.danger,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item.danger,
html[data-theme="light"] .context-menu .context-menu-item.danger,
html:not([data-theme="dark"]) .context-menu .context-menu-item.danger {
  color: #c0392b !important;
}
html[data-theme="light"] .detail-more-menu .context-menu-item.danger i,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item.danger i,
html[data-theme="light"] .detail-more-menu .context-menu-item.danger i::before,
html:not([data-theme="dark"]) .detail-more-menu .context-menu-item.danger i::before,
html[data-theme="light"] .context-menu .context-menu-item.danger i,
html:not([data-theme="dark"]) .context-menu .context-menu-item.danger i,
html[data-theme="light"] .context-menu .context-menu-item.danger i::before,
html:not([data-theme="dark"]) .context-menu .context-menu-item.danger i::before {
  color: #c0392b !important;
  -webkit-text-fill-color: #c0392b !important;
}

/* v25b — add clearer spacing between My Workspace tabs and hide the end scrollbar */
body.app-nav-mytasks .mytasks-tabs-toolbar-row {
  overflow: hidden !important;
}
body.app-nav-mytasks .mytasks-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 4px 0 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.app-nav-mytasks .mytasks-tabs::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
body.app-nav-mytasks .mytasks-tab {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: max-content !important;
}
body.app-nav-mytasks .mytasks-tab i {
  margin-right: 2px !important;
}
body.app-nav-mytasks .mytasks-tab.mytasks-tab-add {
  min-width: 42px !important;
  padding: 0 10px !important;
  margin-left: 2px !important;
  flex: 0 0 auto !important;
}