/* ==========================================
   MOBILE OVERRIDES — подключается глобально
   ========================================== */

/* --- Планшеты (768–991px) --- */
@media (max-width: 991.98px) {
    /* Таблицы — горизонтальный скролл вместо обрезки */
    .table-container,
    .sticky-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Заголовки страниц — перенос */
    .page-header {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }

    /* Flex-between без явного wrap → добавляем wrap */
    .d-flex.justify-content-between:not(.flex-nowrap):not(.flex-wrap) {
        flex-wrap: wrap !important;
    }

    /* Фиксированные ширины инпутов → 100% */
    input[style*="width"]:not([type="checkbox"]):not([type="radio"]),
    select[style*="width"] {
        max-width: 100% !important;
    }

    /* Навбар — компактнее на планшетах */
    .navbar {
        padding: 0 16px !important;
    }
    .navbar .container-fluid {
        padding-left: 8px;
        padding-right: 16px;
    }
}

/* --- Телефоны (≤767px) --- */
@media (max-width: 767.98px) {
    /* Табличные врапперы без overflow — добавляем */
    .table-container,
    .sticky-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Любая таблица без враппера */
    table:not(.table-responsive table):not(.table-scrollable table):not(.table-container table):not(.sticky-table table) {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Заголовки страниц — перенос */
    .page-header {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }

    /* Любой d-flex + justify-content-between без явного flex-wrap */
    .d-flex.justify-content-between:not(.flex-nowrap):not(.flex-wrap) {
        flex-wrap: wrap !important;
    }

    /* Фиксированные ширины инпутов → 100% */
    input[style*="width"]:not([type="checkbox"]):not([type="radio"]),
    select[style*="width"] {
        max-width: 100% !important;
    }

    /* Кнопки — компактнее */
    .btn-group .btn,
    .btn-sm {
        padding: 0.2rem 0.35rem;
        font-size: 0.75rem;
    }

    /* Меньше гапа */
    .d-flex.gap-2 {
        gap: 0.35rem !important;
    }

    /* ==========================================
       INVOICE PREVIEW — карточка счёта
       ========================================== */
    .invoice-preview-card {
        padding: 16px !important;
    }
    .invoice-preview-card .seller-buyer-blocks {
        flex-direction: column !important;
    }
    .invoice-preview-card .invoice-totals [style*="display:inline-block"] {
        display: inline !important;
        width: auto !important;
    }
    .invoice-preview-card .invoice-signatures {
        flex-direction: column !important;
        gap: 6px !important;
    }
    .invoice-preview-card .invoice-signatures > span {
        min-width: 0 !important;
        width: 100% !important;
    }
    .invoice-preview-card .bank-details {
        flex-direction: column !important;
    }
}