:root {
    --sidebar-expanded-width: 288px; /* w-72 */
    --sidebar-collapsed-width: 90px;
}

/* SIDEBAR CORE COLLAPSE (DESKTOP) */
.sidebar-collapsed {
    width: var(--sidebar-collapsed-width) !important;
}

/* Fluid transition for hidden elements */
.sidebar-collapsed .sidebar-info {
    opacity: 0 !important;
    max-width: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
}

.sidebar-collapsed .sidebar-link,
.sidebar-collapsed .submenu-link {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sidebar-collapsed #attendance-arrow,
.sidebar-collapsed #department-arrow,
.sidebar-collapsed #employee-arrow {
    display: none !important;
}

/* SCROLLBAR */
.sidebar::-webkit-scrollbar {
    width: 4px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
}

/* BRUTAL CONTENT SHIFTS (DESKTOP ONLY) */
@media (min-width: 768px) {
    .content-expanded {
        margin-left: var(--sidebar-expanded-width) !important;
    }

    .content-collapsed {
        margin-left: var(--sidebar-collapsed-width) !important;
    }
}

/* PRINT PRESERVATION */
@media print {
    #sidebar, .sidebar, #sidebar-overlay, .mobile-trigger-bar {
        display: none !important;
    }
    #main-content {
        margin-left: 0 !important;
        padding: 0 !important;
    }
}