/* Styl celowany tylko w tabelę pozycji na małych ekranach */
@media (max-width: 768px) {
    /* 1. Zmniejszenie czcionki dla całej sekcji tabeli */
    .invoice-table {
        font-size: 11px !important; /* Bardzo mała, ale jeszcze czytelna czcionka */
    }

    /* 2. Ekstremalne zmniejszenie odstępów w komórkach */
    .invoice-table td, 
    .invoice-table th {
        padding: 4px 2px !important; /* Minimalny margines boczny */
        vertical-align: middle;
    }

    /* 3. Zmniejszenie inputów i selectów */
    .invoice-table .form-control, 
    .invoice-table .form-select {
        font-size: 11px !important;
        padding: 4px 2px !important;
        height: 30px !important; /* Niższe pola tekstowe */
        min-width: 0 !important;   /* Pozwala inputom się zwężać */
    }

    /* 4. Ustawienie konkretnych szerokości dla kolumn, aby wymusić ścisk */
    .invoice-table th:nth-child(1), 
    .invoice-table td:nth-child(1) { width: 35% !important; } /* Nazwa najszersza */
    
    .invoice-table th:nth-child(2), 
    .invoice-table td:nth-child(2) { width: 12% !important; } /* Ilość */
    
    .invoice-table th:nth-child(3), 
    .invoice-table td:nth-child(3) { width: 18% !important; } /* Cena */
    
    .invoice-table th:nth-child(4), 
    .invoice-table td:nth-child(4) { width: 15% !important; } /* VAT */
    
    .invoice-table th:nth-child(5), 
    .invoice-table td:nth-child(5) { width: 15% !important; } /* Suma */

    /* 5. Ukrycie rzadziej używanych elementów (opcjonalnie) */
    .btn-remove-row {
        padding: 2px 6px !important;
        font-size: 10px !important;
    }

    /* 6. Usunięcie zbędnych marginesów z kontenera karty, by tabela miała więcej miejsca */
    .card-body {
        padding: 10px !important;
    }
}