/* Centralized mobile overrides for admin pages. */

@media (max-width: 980px) {
    .admin-masterbar__inner {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        padding: 12px 16px;
    }

    .admin-masterbar__brand {
        order: 1;
    }

    .admin-global-nav {
        order: 3;
        width: 100%;
        flex: 0 0 100%;
    }

    .admin-global-nav__inner {
        width: 100%;
    }

    .admin-masterbar__logout {
        order: 2;
        margin-left: auto;
    }
}

@media (max-width: 760px) {
    .admin-masterbar__badge {
        display: none;
    }

    .container {
        margin-top: 18px !important;
        padding: 0 12px !important;
    }

    .wrap {
        margin-top: 14px !important;
        padding: 0 12px !important;
    }

    .topbar,
    .card,
    .panel,
    .hero,
    .filters {
        border-radius: 14px;
    }

    .topbar {
        padding: 12px !important;
    }

    .title h1 {
        font-size: 18px !important;
    }

    .title p {
        font-size: 12px !important;
    }

    form.search,
    .actions,
    .btnRow,
    .rowActions,
    .actions-row,
    .pagination {
        width: 100%;
    }

    form.search input[type='text'],
    .search input[type='text'],
    .row input[type='text'] {
        width: 100%;
        min-width: 0;
    }

    .btn,
    .miniBtn,
    .btnPrimary,
    .btnGhost {
        min-height: 42px;
    }

    .kv {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .scannerVideoWrap video {
        max-height: 240px;
    }
}

@media (max-width: 900px) {
    table.table-mobile-ready thead {
        display: none;
    }

    table.table-mobile-ready,
    table.table-mobile-ready tbody,
    table.table-mobile-ready tr,
    table.table-mobile-ready td {
        display: block;
        width: 100%;
    }

    table.table-mobile-ready {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    table.table-mobile-ready tbody tr {
        margin: 0 0 12px 0;
        border: 1px solid rgba(232, 240, 255, 0.12);
        border-radius: 14px;
        overflow: hidden;
        background: rgba(7, 11, 16, 0.32);
    }

    table.table-mobile-ready tbody tr:last-child {
        margin-bottom: 0;
    }

    table.table-mobile-ready tbody td {
        margin: 0;
        padding: 10px 12px !important;
        border: none !important;
        border-bottom: 1px solid rgba(232, 240, 255, 0.08) !important;
        border-radius: 0 !important;
        background: transparent !important;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        text-align: right;
    }

    table.table-mobile-ready tbody td:last-child {
        border-bottom: none !important;
    }

    table.table-mobile-ready tbody td::before {
        content: attr(data-label);
        color: var(--muted, #a7b3c8);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.2px;
        text-transform: uppercase;
        text-align: left;
        flex: 0 0 42%;
    }

    table.table-mobile-ready tbody td[data-label='']::before {
        display: none;
    }

    table.table-mobile-ready tbody td[data-label='Actions'],
    table.table-mobile-ready tbody td[data-label=''] {
        text-align: left;
        display: block;
    }

    table.table-mobile-ready tbody td[data-label='Actions'] .rowActions,
    table.table-mobile-ready tbody td[data-label='Actions'] .actions,
    table.table-mobile-ready tbody td[data-label=''] .rowActions,
    table.table-mobile-ready tbody td[data-label=''] .actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
    }
}