/* Retain the selected navigation treatment within the existing site theme. */
#app-sidebar .sidebar-link-active,
#app-sidebar .sidebar-link-active:hover,
html.dark #app-sidebar .sidebar-link-active,
html.dark #app-sidebar .sidebar-link-active:hover {
  position: relative;
  min-height: 38px;
  padding: 9px 12px;
  border-radius: 11px;
  gap: 10px;
  font-weight: 550;
  background: #fff;
  color: #191c23;
  box-shadow: inset 0 0 0 1px #e5e7eb, 0 2px 8px rgb(20 28 42 / .035);
  transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
#app-sidebar .sidebar-link-active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 3px;
  background: #1b2028;
}
#app-sidebar .sidebar-link-active > :is(.ovo-icon, .sidebar-svg-icon, svg) {
  width: 17px;
  height: 17px;
  opacity: .85;
  color: #465568;
}
html.dark #app-sidebar .sidebar-link-active,
html.dark #app-sidebar .sidebar-link-active:hover {
  background: #252529;
  color: #eeeef2;
  box-shadow: inset 0 0 0 1px #383840;
}
html.dark #app-sidebar .sidebar-link-active::before { background: #e2e2e8; }
html.dark #app-sidebar .sidebar-link-active > :is(.ovo-icon, .sidebar-svg-icon, svg) { color: #c7c7d1; }

/* The account summary wrapper must span both columns of the original card. */
#app-sidebar .ovone-account-card {
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  --ovo-spotlight-color: rgb(255 255 255 / .1);
}
@media (prefers-reduced-motion: reduce) {
  #app-sidebar .sidebar-link-active { transition: none; }
}