/* MINIMAL TAILWIND-BASED SIDEBAR STYLING */

/* Remove all complex custom CSS - use Tailwind classes instead */
/* This file contains only essential overrides that cannot be done with Tailwind */

/* Essential scrollbar styling */
#sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.3) rgba(243, 244, 246, 0.5);
}

#sidebar::-webkit-scrollbar {
    width: 6px;
}

#sidebar::-webkit-scrollbar-track {
    background: rgba(243, 244, 246, 0.5);
    border-radius: 3px;
}

#sidebar::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.3);
    border-radius: 3px;
    transition: background 0.2s ease;
}

#sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.5);
}

/* Smooth transitions for nav items (enhance Tailwind) */
.nav-item {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced focus states for accessibility */
.nav-item:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Simple active indicator dot */
.nav-item-active::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
}

/* That's it! Everything else is handled by Tailwind classes */


.global_bg_color{

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;

}

/* Global pagination css */
@media (min-width: 640px) {
    .sm\:justify-between {
        justify-content: space-between;
        width: 100% !important;
    }
}

.body_background_color{

    background: #f7f7f7 !important;
}