/**
 * Admin Operations — mobile layout + density (admin_operations.php).
 * Shell stacking + stat grids: aeris_panel_chrome.css
 */

body.panel-chrome.admin-shell-theme {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
}

.admin-shell-theme .ac-panel-page.admin-shell {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 992px) {
    .admin-shell-theme .ac-layout-shell > aside.ac-sidebar-card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 6px;
        row-gap: 4px;
        max-height: none !important;
        overflow: visible !important;
    }

    .admin-shell-theme .ac-sidebar-card h3,
    .admin-shell-theme .ac-sidebar-card hr {
        grid-column: 1 / -1;
    }

    .admin-shell-theme .ac-sidebar-card a.panel-nav {
        margin-bottom: 2px;
        padding: 7px 8px !important;
        font-size: 0.625rem !important;
        gap: 6px !important;
        min-height: 34px;
    }

    .admin-shell-theme .ac-main-with-gutter {
        padding: 0 !important;
        overflow-x: hidden;
    }

    .admin-shell-theme .division-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        gap: 6px !important;
        margin-bottom: 10px !important;
        padding-bottom: 4px;
    }

    .admin-shell-theme .division-tabs a {
        flex: 0 0 auto;
        font-size: 0.625rem !important;
        padding: 5px 10px !important;
        white-space: nowrap;
    }

    .admin-shell-theme .ops-scope-bar {
        font-size: 0.625rem !important;
        padding: 6px 10px !important;
        margin-bottom: 10px !important;
        line-height: 1.35;
    }

    .admin-shell-theme .ops-stat-grid {
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .admin-shell-theme .ops-stat {
        padding: 10px 6px !important;
    }

    .admin-shell-theme .ops-stat .val {
        font-size: 1rem !important;
    }

    .admin-shell-theme .ops-stat .lbl {
        font-size: 0.5rem !important;
        line-height: 1.2;
    }

    .admin-shell-theme .ops-table-wrap {
        -webkit-overflow-scrolling: touch;
        margin: 0 -2px;
    }

    .admin-shell-theme .ops-table {
        font-size: 0.625rem !important;
    }

    .admin-shell-theme .ops-table th,
    .admin-shell-theme .ops-table td {
        padding: 0.35rem 0.45rem !important;
        white-space: nowrap;
    }

    .admin-shell-theme .card-inner {
        padding: 10px !important;
    }

    .admin-shell-theme h4.text-white {
        font-size: 0.875rem !important;
        margin-bottom: 10px !important;
    }

    .admin-shell-theme .card-inner form .col-md-1,
    .admin-shell-theme .card-inner form .col-md-2,
    .admin-shell-theme .card-inner form .col-md-4,
    .admin-shell-theme .card-inner form .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .admin-shell-theme .card-inner form .btn {
        width: 100%;
    }

    .admin-shell-theme #apf-panel-footer-strip.apf-shell {
        margin-top: 12px !important;
    }
}

@media (max-width: 480px) {
    .admin-shell-theme .ops-scope-bar strong {
        display: block;
    }

    .admin-shell-theme .division-tabs a {
        font-size: 0.5625rem !important;
        padding: 4px 8px !important;
    }

    .admin-shell-theme .ops-stat .val {
        font-size: 0.875rem !important;
    }
}