/* LeadBot Backoffice — dark sidebar theme */

/* Dark sidebar background */
#nav-sidebar {
    background-color: #161823 !important;
    border-right-color: #161823 !important;
    width: 250px !important;
}

/* Wrapper width to match */
#nav-sidebar ~ *,
.w-\[288px\] {
    width: 250px !important;
}

/* Inner navigation background */
#nav-sidebar-inner {
    background-color: #161823 !important;
    color: #e0e2e8 !important;
}

/* Navigation header — hide default border */
#nav-sidebar .border-b {
    border-bottom-color: transparent !important;
}

/* Site name / branding text */
#site-name,
#site-name a {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

/* Navigation links — light text */
#nav-sidebar-inner #nav-sidebar-apps a {
    color: #e0e2e8 !important;
    border-radius: 4px !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Icon color — muted */
#nav-sidebar-inner #nav-sidebar-apps .material-symbols-outlined {
    color: #9ca3b4 !important;
}

#nav-sidebar-inner #nav-sidebar-apps a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}

/* Active navigation item — solid blue background */
#nav-sidebar-inner #nav-sidebar-apps a.active {
    background-color: #0172FF !important;
    color: #ffffff !important;
}

/* Active item icon — white */
#nav-sidebar-inner #nav-sidebar-apps a.active .material-symbols-outlined {
    color: #ffffff !important;
}

/* Override Unfold's dark mode active styles */
#nav-sidebar-inner #nav-sidebar-apps a.bg-base-100,
#nav-sidebar-inner #nav-sidebar-apps a.dark\:bg-white\/\[\.06\] {
    background-color: #0172FF !important;
    color: #ffffff !important;
}

/* Section group titles — uppercase, muted, letter-spaced */
#nav-sidebar-inner #nav-sidebar-apps h2 {
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 0.7rem !important;
}

/* Separator lines — invisible on dark bg */
#nav-sidebar-inner #nav-sidebar-apps hr {
    border-color: transparent !important;
}

/* Separator borders */
#nav-sidebar-inner .border-t,
#nav-sidebar-inner .border-b {
    border-color: transparent !important;
}

/* User section at bottom */
#nav-sidebar-inner > div:last-child {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* Hide email in user section, show only name */
#nav-sidebar-inner .text-xs.text-base-400,
#nav-sidebar-inner .text-xs.dark\:text-base-500 {
    display: none !important;
}

/* Logo image sizing */
#nav-sidebar-inner img[alt="Home"] {
    height: 32px !important;
}