.cbs-nav {
  background-color: #000000;
  border: 1px solid #333;
}

.cbs-nav .nav-logo,
.cbs-nav .nav-link {
  color: #ffffff;
}

.cbs-nav .nav-link:hover {
  color: #cccccc;
}

body {
  cursor: auto !important;
}

a, button {
  cursor: pointer !important;
}

.sidebar-link {
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #d1d5db; /* gray-300 */
}

.sidebar-link:hover, .sidebar-link.active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.accordion-toggle svg {
    transition: transform 0.3s ease;
}

.accordion-toggle.open svg {
    transform: rotate(180deg);
}

.nav-link-cbs {
    @apply text-gray-600 hover:text-blue-600 transition-colors font-semibold;
}

.nav-link-cbs.active {
    @apply text-blue-600;
}

.service-card-cbs {
    @apply bg-white p-8 rounded-lg shadow-md text-center transition hover:shadow-xl hover:-translate-y-1;
}

.service-icon-cbs {
    @apply w-16 h-16 rounded-full inline-flex items-center justify-center;
}

.feature-card-cbs {
    @apply p-6 rounded-lg border-2 text-center;
}

.cbs-nav .nav-link.active::after, .cbs-nav .nav-link:hover::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #3b82f6; /* blue-500 */
    border-radius: 2px;
}