/*
 * v643 — Left sidebar selected-row parity with approved mockup.
 * Presentation only. No navigation or tree behaviour changes.
 */

#layout-sidenav .sidenav-link.df-mock-active,
#layout-sidenav .sidenav-item.active > .sidenav-link,
.df-mock-sidebar .sidenav-link.df-mock-active,
.df-mock-sidebar .sidenav-item.active > .sidenav-link {
  position: relative !important;
  background: #f0eeff !important;
  color: #4f46e5 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

#layout-sidenav .sidenav-link.df-mock-active::before,
#layout-sidenav .sidenav-item.active > .sidenav-link::before,
.df-mock-sidebar .sidenav-link.df-mock-active::before,
.df-mock-sidebar .sidenav-item.active > .sidenav-link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  bottom: 5px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: #5b50f6 !important;
}

#layout-sidenav .sidenav-link.df-mock-active > div,
#layout-sidenav .sidenav-item.active > .sidenav-link > div,
.df-mock-sidebar .sidenav-link.df-mock-active > div,
.df-mock-sidebar .sidenav-item.active > .sidenav-link > div {
  color: #4f46e5 !important;
  font-weight: 500 !important;
}

#layout-sidenav .sidenav-link.df-mock-active .sidenav-icon,
#layout-sidenav .sidenav-item.active > .sidenav-link .sidenav-icon,
.df-mock-sidebar .sidenav-link.df-mock-active .sidenav-icon,
.df-mock-sidebar .sidenav-item.active > .sidenav-link .sidenav-icon,
#layout-sidenav .sidenav-link.df-mock-active.sidenav-toggle::after,
#layout-sidenav .sidenav-item.active > .sidenav-link.sidenav-toggle::after,
.df-mock-sidebar .sidenav-link.df-mock-active.sidenav-toggle::after,
.df-mock-sidebar .sidenav-item.active > .sidenav-link.sidenav-toggle::after {
  color: #5b50f6 !important;
  opacity: 1 !important;
}