/* Keep the approved icon legible alongside the existing dark navigation icons. */
html[data-theme="dark"] body .support-sidebar .support-nav a img.support-nav-icon[data-nav-icon="legal"],
html[data-theme="dark"] body .support-sidebar.portal-shared-sidebar .support-nav a img.support-nav-icon[data-nav-icon="legal"],
html[data-theme="dark"] body .dashboard-nav img[data-nav-icon="legal"] {
  filter: brightness(1.8) saturate(0.65) !important;
}



/* Keep full section names readable in the compact legacy index sidebar. */
.dashboard-sidebar .dashboard-nav a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.dashboard-sidebar .dashboard-nav a > span,
.dashboard-sidebar .dashboard-nav .support-nav-icon {
  width: 24px;
  height: 24px;
}

/* Preserve the approved PNG and blend its white canvas into each sidebar theme. */
html body.portal-dashboard-home .support-sidebar .support-nav a img.support-nav-icon[data-nav-icon="support"],
html body.portal-with-sidebar .support-sidebar.portal-shared-sidebar .support-nav a img.support-nav-icon[data-nav-icon="support"],
html body .dashboard-sidebar .dashboard-nav a img.support-nav-icon[data-nav-icon="support"] {
  content: normal !important;
  mix-blend-mode: multiply !important;
  filter: none !important;
  -webkit-filter: none !important;
}
html[data-theme="dark"] body.portal-dashboard-home .support-sidebar .support-nav a img.support-nav-icon[data-nav-icon="support"],
html[data-theme="dark"] body.portal-with-sidebar .support-sidebar.portal-shared-sidebar .support-nav a img.support-nav-icon[data-nav-icon="support"],
html[data-theme="dark"] body .dashboard-sidebar .dashboard-nav a img.support-nav-icon[data-nav-icon="support"] {
  mix-blend-mode: screen !important;
  filter: invert(1) hue-rotate(180deg) brightness(1.3) !important;
  -webkit-filter: invert(1) hue-rotate(180deg) brightness(1.3) !important;
}