/* Sidebar icons from the shared CR Servers set (components/crs/menu-icon.tpl). SVGs paint with currentColor. */
.sidebar .nav-link .crs-menu-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: 8px !important;
  color: var(--crs-action-interface-fill);
  vertical-align: middle;
}
.sidebar .nav-link .crs-menu-icon svg {
  display: block;
}
/* UI 2: the link is a flex row with its own gap, so no margin. Color stays the brand blue above. */
html.crs-ui-2 aside.sidebar .nav-link .crs-menu-icon {
  margin-right: 0 !important;
}
html.crs-ui-2 aside.sidebar .nav-link .crs-menu-icon svg {
  width: 20px;
  height: 20px;
}