/* assets/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.badge-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

/* Sleek Mini Sidebar Mode (Desktop) */
#mainSidebar.sidebar-mini {
    width: 4rem !important; /* 64px (w-16) */
    min-width: 4rem !important;
    max-width: 4rem !important;
}

#mainSidebar.sidebar-mini .sidebar-text,
#mainSidebar.sidebar-mini nav a span,
#mainSidebar.sidebar-mini p {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mainSidebar.sidebar-mini .h-16 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
}

#mainSidebar.sidebar-mini .sidebar-mini-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#mainSidebar.sidebar-mini .sidebar-mini-logo button {
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#mainSidebar.sidebar-mini nav {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

#mainSidebar.sidebar-mini nav a {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

#mainSidebar.sidebar-mini nav a i,
#mainSidebar.sidebar-mini nav a svg {
    margin: 0 auto !important;
}