/* ===============================
   Studio sidebar active highlight
   (ONLY active shows the brand bar)
   =============================== */

.studio-side-link{
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  border-radius: 8px;
  transition: background-color .15s ease, color .15s ease;
  position: relative;

  /* force black (no theme link blue) */
  color: var(--text) !important;
  text-decoration: none;
}

/* Hover (non-active) */
.studio-side-link:hover{
  background-color: rgba(0, 0, 0, 0.04);
  color: var(--text) !important;
}

/* ACTIVE STATE */
.studio-side-link.active{
  background-color: rgba(0, 0, 0, 0.07);
  font-weight: 600;
}

/* Left accent bar ONLY when active */
.studio-side-link.active::before{
  content: "";
  position: absolute;
  left: -0.75rem;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 4px;
  border-radius: 2px;
  background-color: var(--brand);
}

/* Optional: icon a bit stronger when active */
.studio-side-link .icon{ opacity: .9; }
.studio-side-link.active .icon{ opacity: 1; }