.mobile-back { display: none; }

@media (max-width: 700px) {
    .queue-table-wrap,
    .inventory-table-wrap,
    .activity-table-wrap { overflow-x: hidden !important; }

    table.responsive-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
        border-collapse: collapse;
    }

    table.responsive-table th,
    table.responsive-table td {
        min-width: 0 !important;
        padding: .4rem .24rem !important;
        font-size: .64rem !important;
        line-height: 1.25;
        overflow-wrap: anywhere;
        white-space: normal !important;
        vertical-align: middle;
    }

    table.responsive-table th {
        font-size: .52rem !important;
        letter-spacing: .025em !important;
        hyphens: auto;
    }

    table.responsive-table td::before { content: none; }
    table.responsive-table td small,
    table.responsive-table td > strong { margin-top: .08rem; }
    table.responsive-table td small { font-size: .54rem !important; line-height: 1.2; }

    table.responsive-table .product-cell {
        align-items: flex-start;
        gap: .3rem;
        min-width: 0 !important;
    }
    table.responsive-table .product-cell > div { min-width: 0; }
    table.responsive-table .product-initial {
        width: 1.35rem;
        height: 1.35rem;
        flex-basis: 1.35rem;
        border-radius: .38rem;
        font-size: .52rem;
    }

    table.responsive-table .type-pill,
    table.responsive-table .stock-pill,
    table.responsive-table .expiry,
    table.responsive-table .transaction-status {
        max-width: 100%;
        padding: .16rem .28rem;
        font-size: .52rem !important;
        line-height: 1.15;
        white-space: normal;
        text-align: center;
    }

    table.responsive-table .row-action {
        width: auto;
        max-width: 100%;
        padding: .24rem .3rem;
        border-radius: .35rem;
        font-size: .55rem;
    }

    /* Sales transaction history */
    .queue-table-wrap table.responsive-table th:nth-child(1), .queue-table-wrap table.responsive-table td:nth-child(1) { width: 18%; }
    .queue-table-wrap table.responsive-table th:nth-child(2), .queue-table-wrap table.responsive-table td:nth-child(2) { width: 18%; }
    .queue-table-wrap table.responsive-table th:nth-child(3), .queue-table-wrap table.responsive-table td:nth-child(3) { width: 18%; }
    .queue-table-wrap table.responsive-table th:nth-child(4), .queue-table-wrap table.responsive-table td:nth-child(4) { width: 15%; }
    .queue-table-wrap table.responsive-table th:nth-child(5), .queue-table-wrap table.responsive-table td:nth-child(5) { width: 16%; }
    .queue-table-wrap table.responsive-table th:nth-child(6), .queue-table-wrap table.responsive-table td:nth-child(6) { width: 15%; }

    /* Inventory list */
    .inventory-table-wrap table.responsive-table th:nth-child(1), .inventory-table-wrap table.responsive-table td:nth-child(1) { width: 26%; }
    .inventory-table-wrap table.responsive-table th:nth-child(2), .inventory-table-wrap table.responsive-table td:nth-child(2) { width: 15%; }
    .inventory-table-wrap table.responsive-table th:nth-child(3), .inventory-table-wrap table.responsive-table td:nth-child(3) { width: 12%; }
    .inventory-table-wrap table.responsive-table th:nth-child(4), .inventory-table-wrap table.responsive-table td:nth-child(4) { width: 13%; }
    .inventory-table-wrap table.responsive-table th:nth-child(5), .inventory-table-wrap table.responsive-table td:nth-child(5) { width: 10%; }
    .inventory-table-wrap table.responsive-table th:nth-child(6), .inventory-table-wrap table.responsive-table td:nth-child(6) { width: 14%; }
    .inventory-table-wrap table.responsive-table th:nth-child(7), .inventory-table-wrap table.responsive-table td:nth-child(7) { width: 10%; }

    /* Inventory activity history */
    .activity-table-wrap table.responsive-table th:nth-child(1), .activity-table-wrap table.responsive-table td:nth-child(1) { width: 18%; }
    .activity-table-wrap table.responsive-table th:nth-child(2), .activity-table-wrap table.responsive-table td:nth-child(2) { width: 17%; }
    .activity-table-wrap table.responsive-table th:nth-child(3), .activity-table-wrap table.responsive-table td:nth-child(3) { width: 22%; }
    .activity-table-wrap table.responsive-table th:nth-child(4), .activity-table-wrap table.responsive-table td:nth-child(4) { width: 17%; }
    .activity-table-wrap table.responsive-table th:nth-child(5), .activity-table-wrap table.responsive-table td:nth-child(5) { width: 12%; }
    .activity-table-wrap table.responsive-table th:nth-child(6), .activity-table-wrap table.responsive-table td:nth-child(6) { width: 14%; }

    .sales-page.mobile-detail-route > .sales-heading,
    .sales-page.mobile-detail-route > .queue-summary,
    .sales-page.mobile-detail-route .queue-toolbar,
    .sales-page.mobile-detail-route .queue-table-wrap { display: none; }
    .sales-page.mobile-detail-route .queue-workspace { border: 0; box-shadow: none; background: transparent; }
    .sales-page.mobile-detail-route .queue-content,
    .sales-page.mobile-detail-route .queue-content.with-detail { display: block; min-height: 0; }
    .sales-page.mobile-detail-route .transaction-detail { border: 1px solid #dfe7f2; border-radius: 1rem; overflow: hidden; }
    .sales-page.mobile-detail-route .desktop-close { display: none; }
    .sales-page.mobile-detail-route .mobile-back { display: inline; }
}