/*
    Created on : 29 mars 2026, 17:30:00
    Author     : Morgan Vivier - https://github.com/rsquatre
*/

/* Main Content Area */
.dashboard > main {
    margin-left: var(--sidebar-width);
    flex: 1;
    display: flex;
    flex-direction: column;
    transition: margin-left var(--transition-base);
    min-height: 100vh;
}

/* Adjust margin when sidebar is collapsed */
.dashboard[data-sidebar-collapsed="true"] > main {
    margin-left: var(--sidebar-collapsed-width);
}

/* Responsive - Tablet (< 1024px) */
@media (max-width: 1024px) {
    /* Start with collapsed sidebar margin */
    .dashboard > main {
        margin-left: var(--sidebar-collapsed-width);
    }

    /* When expanded on tablet, no margin change (sidebar gains shadow instead) */
    .dashboard[data-sidebar-collapsed="false"] > main {
        margin-left: var(--sidebar-collapsed-width);
    }
}

/* Responsive - Mobile (< 768px) */
@media (max-width: 768px) {
    /* No margin on mobile - sidebar is overlay */
    .dashboard > main,
    .dashboard[data-sidebar-collapsed="true"] > main,
    .dashboard[data-sidebar-collapsed="false"] > main {
        margin-left: 0;
    }
}