/* ============================================
   Global Responsive Fixes for POS Machines
   & Smaller Screen Sizes
   ============================================ */

/* Prevent page-level horizontal scroll */
body {
    overflow-x: hidden;
}

/* Prevent header text from wrapping */
.mud-table .mud-table-head .mud-table-cell {
    white-space: nowrap;
}

/* Hide secondary columns on medium and small screens (≤ 1380px).
   Sidebar (~220px) + content means tables get cramped well above 1024px. */
@media (max-width: 1380px) {
    .col-hide-sm {
        display: none !important;
    }
}

/* Compact cells on small screens */
@media (max-width: 1024px) {
    .mud-main-content > .mud-container {
        padding-left: 4px;
        padding-right: 4px;
    }

    .mud-table .mud-table-cell {
        padding: 4px 8px;
        font-size: 0.8125rem;
    }

    .mud-table .mud-table-head .mud-table-cell {
        padding: 6px 8px;
        font-size: 0.8125rem;
    }

    .mud-table .mud-toolbar .mud-button {
        font-size: 0.75rem;
        padding: 4px 8px;
        min-width: auto;
    }

    .mud-table .mud-chip {
        font-size: 0.7rem;
    }
}

@media (max-width: 768px) {
    .mud-main-content > .mud-container {
        padding-left: 2px;
        padding-right: 2px;
    }

    .mud-table .mud-table-cell {
        padding: 3px 6px;
        font-size: 0.75rem;
    }

    .mud-table .mud-table-head .mud-table-cell {
        padding: 4px 6px;
        font-size: 0.75rem;
    }
}