/* Conteneur global des filtres */
.filters-container {
    display: flex;
    align-items: center;
    gap: calc(40 / var(--base-width) * 100vw) !important;
    /* Espace entre Groupe et Statut */
}

/* Formulaires boutons radio */
.titre-btnRadio {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: calc(5 / var(--base-width) * 100vw);
    /* Espace entre les options boutons */
    margin: 0;
}

/* Chaque option (input + label) */
.titre-btnRadio div {
    display: flex;
    align-items: left;
    gap: calc(5 / var(--base-width) * 100vw);
}

.titre-btnRadio label {
    white-space: nowrap;
    cursor: pointer;
}

.titre-btnRadio input[type="radio"] {
    cursor: pointer;
    margin: 0;
    width: calc(15 / var(--base-width) * 100vw);
    height: calc(15 / var(--base-width) * 100vw);
}

.colonnefacture-date_edition,
#table-facture tbody tr:not([data-no-element]) td:nth-child(1) {
    width: calc(125 / var(--base-width) * 100vw);
    text-align: center;
}

.colonnefacture-numero,
#table-facture tbody tr:not([data-no-element]) td:nth-child(2) {
    width: calc(125 / var(--base-width) * 100vw);
    text-align: center;
}

.Editée .colonnefacture-client,
.Editée .colonnefacture-objet,
.Editée #table-facture tbody tr:not([data-no-element]) td:nth-child(3),
.Editée #table-facture tbody tr:not([data-no-element]) td:nth-child(5) {
    width: calc(221.5 / var(--base-width) * 100vw);
    text-align: center;
}

.Encaissée .colonnefacture-client,
.Encaissée .colonnefacture-objet,
.Encaissée #table-facture tbody tr:not([data-no-element]) td:nth-child(3),
.Encaissée #table-facture tbody tr:not([data-no-element]) td:nth-child(5) {
    width: calc(284 / var(--base-width) * 100vw);
    text-align: center;
}

.Autre .colonnefacture-client,
.Autre .colonnefacture-objet,
.Autre #table-facture tbody tr:not([data-no-element]) td:nth-child(3),
.Autre #table-facture tbody tr:not([data-no-element]) td:nth-child(5) {
    width: calc(409 / var(--base-width) * 100vw);
    text-align: center;
}

td.colonnefacture-client,
td.colonnefacture-objet {
    text-align: left !important;
}

.colonnefacture-type,
#table-facture tbody tr:not([data-no-element]) td:nth-child(4) {
    width: calc(50 / var(--base-width) * 100vw);
    text-align: center;
}

.colonnefacture-montantTTC,
#table-facture tbody tr:not([data-no-element]) td:nth-child(6) {
    width: calc(125 / var(--base-width) * 100vw);
}

.Editée .colonnefacture-dateEcheance,
.Editée #table-facture tbody tr:not([data-no-element]) td:nth-child(7),
.Editée .colonnefacture-date_encaissement,
.Editée #table-facture tbody tr:not([data-no-element]) td:nth-child(8) {
    width: calc(125 / var(--base-width) * 100vw);
    text-align: center;
}

.Editée .colonnefacture-montantEncaisse,
.Editée #table-facture tbody tr:not([data-no-element]) td:nth-child(9) {
    width: calc(125 / var(--base-width) * 100vw);
}

.Encaissée .colonnefacture-date_encaissement,
.Encaissée #table-facture tbody tr:not([data-no-element]) td:nth-child(7) {
    width: calc(125 / var(--base-width) * 100vw);
    text-align: center;
}

.Encaissée .colonnefacture-montantEncaisse,
.Encaissée #table-facture tbody tr:not([data-no-element]) td:nth-child(8) {
    width: calc(125 / var(--base-width) * 100vw);
}

td.colonnefacture-montantTTC,
td.colonnefacture-montantEncaisse {
    text-align: right !important;
}

/* Style pour les factures en retard */
.en_retard td.colonnefacture-dateEcheance,
.en_retard td.colonnefacture-date_encaissement,
.en_retard td.colonnefacture-montantEncaisse {
    background-color: var(--color-rouge);
}