/* Desktop layout: 3 columns */
.admin-layout {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr; /* left | main | right */
    gap: 2rem;
    align-items: start; /* align content to top */
}

/* Mobile / Tablet layout: only show main column */
@media (max-width: 768px) {
    .admin-layout {
        grid-template-columns: 1fr; /* single column layout */
    }

    /* Hide side columns */
    .admin-layout .side-container,
    .admin-layout .info-container {
        display: none;
    }

    /* Optional: add padding/margin to main content */
    .admin-layout .main-container {
        padding: 1rem;
    }
}

/* in your CSS file or <style> */
.hide-on-mobile {
    display: block; /* default */
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}