/**
 * Super Admin Oversight — mobile layout (superadmin_oversight.php).
 */

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

@media (max-width: 992px) {
    .superadmin-oversight-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;
    }

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

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

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

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

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

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

    .superadmin-oversight-shell-theme .ops-stat .lbl {
        font-size: 0.5rem !important;
    }

    .superadmin-oversight-shell-theme .ops-table-wrap,
    .superadmin-oversight-shell-theme .card-inner {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }

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

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

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

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

    .superadmin-oversight-shell-theme h4.text-white {
        font-size: 0.875rem !important;
    }
}

@media (max-width: 480px) {
    .superadmin-oversight-shell-theme .ops-stat .val {
        font-size: 0.875rem !important;
    }
}