/*
 * SAPlytics AI – Services Page (services.html) Styles
 */

/* ── Sidebar navigation item ─────────────────────────────── */
/*
 * Equivalent of Tailwind @apply:
 * flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium
 * text-gray-600 hover:bg-purple-50 hover:text-brand-violet
 * cursor-pointer transition-all
 */
.sidebar-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(75 85 99);
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sidebar-item:hover {
  background-color: rgb(245 243 255);
  color: #4768FE;
}

/* ── Active sidebar item ─────────────────────────────────── */
.sidebar-active {
  background-color: rgba(108, 71, 255, 0.1);
  color: #4768FE;
  border-left: 3px solid #4768FE;
  padding-left: 13px;
}