/* =========================================================
   VENTE / FACTURE — VERSION TRÈS COMPACTE
   ========================================================= */

/* Conteneur principal */
.mt-4.px-6.py-4 {
    margin-top: 0 !important;
    padding: 4px 12px !important;
}

/* ================= LOGO ================= */

.mb-1.max-h-16.max-w-\[250px\] {
    margin-bottom: 1px !important;
    max-height: 34px !important;
}

.mb-1.max-h-16.max-w-\[250px\] img {
    height: 34px !important;
    max-height: 34px !important;
}


.mb-1.max-h-16.max-w-\[250px\] { max-width: 350px !important; max-height: 60px !important; } .mb-1.max-h-16.max-w-\[250px\] img { height: 60px !important; max-height: 60px !important; width: auto !important; max-width: 350px !important; }

/* ================= EN-TÊTE ================= */

.flex.items-start.justify-between.gap-3 {
    gap: 6px !important;
}

.flex.w-3\/5.flex-col {
    width: 75% !important;
}

.w-2\/5 {
    width: 35% !important;
}

/* Société */
.text-lg {
    font-size: 1rem !important;
    line-height: 1.15 !important;
}

/* Informations normales */
.text-sm {
    font-size: 0.88rem !important;
    line-height: 1.15 !important;
}

/* Nom société */
.flex.w-3\/5.flex-col .text-lg {
    font-size: 1rem !important;
    line-height: 1.15 !important;
}

/* Titre VENTE */
.w-2\/5 .text-lg {
    font-size: 0.9rem !important;
}

/* ================= NUI / RC / CNPS ================= */

.mb-4.pt-6.text-sm.font-bold {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    padding-top: 2px !important;
    font-size: 0.82rem !important;
    line-height: 1.15 !important;
}

/* ================= QR CODE + CODE BARRE ================= */

.mt-6.flex.items-center.justify-center.gap-6 {
    display: none !important;
}

.bc-image,
.qr-image,
.qrcode {
    display: none !important;
}

/* ================= CLIENT ================= */

.mt-6.flex.w-full.gap-6 {
    margin-top: 5px !important;
}

.mt-6.flex.w-full.gap-6 h2 {
    margin-bottom: 1px !important;
    font-size: 0.75rem !important;
    line-height: 1.1 !important;
}

.mt-6.flex.w-full.gap-6 .text-lg {
    font-size: 0.95rem !important;
}

/* ================= TABLEAU ================= */

.overflow-x-auto {
    margin-top: 3px !important;
}

table {
    font-size: 0.86rem !important;
    line-height: 1.15 !important;
}

/* En-tête tableau */
table thead th {
    padding: 3px 4px !important;
    font-size: 0.85rem !important;
    line-height: 1.1 !important;
}

/* Lignes */
table tbody td {
    padding: 3px 4px !important;
    line-height: 1.15 !important;
}

/* Quantité */
table tbody td .flex {
    line-height: 1.1 !important;
}

/* ================= TOTAUX ================= */

tfoot th,
tfoot td {
    padding: 3px 4px !important;
    font-size: 0.92rem !important;
    line-height: 1.1 !important;
}

/* ================= PIED DE PAGE ================= */

.mb-4.pt-6.text-sm.font-bold:last-child {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    padding-top: 3px !important;
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
}

/* ================= ESPACES VIDES ================= */

/* Réduction générale des marges mt-6 */
.mt-6 {
    margin-top: 5px !important;
}

/* Mais le bloc QR reste totalement caché */
.mt-6.flex.items-center.justify-center.gap-6 {
    display: none !important;
}

/* Bloc vide après le client */
.mt-6.flex.w-full.gap-6 + .mt-6 {
    margin-top: 2px !important;
}

@media print {
    .mt-4.px-6.py-4 {
        padding: 2px 8px !important;
    }

    table th,
    table td {
        padding: 2px 3px !important;
    }

    .text-sm {
        font-size: 0.7rem !important;
    }

    .text-lg {
        font-size: 0.85rem !important;
    }
}

/* Réduire l'espace intérieur haut/bas des lignes */
tr.bg-green-50 > td,
tr.bg-green-50 > td button {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}