/* En-tête de colonne LD */
.ld-column-header { text-align: center; display: flex; flex-direction: column; align-items: center; width: min-content; margin: 0 auto; }
.ld-column-title { display: block; font-weight: 600; margin-bottom: 6px; }

/* Groupe de filtre (Lead ou Ticket) */
.ld-filter-group-left-lead,
.ld-filter-group-left-ticket {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px 6px;
    justify-content: center;
    border: 1px solid var(--neutral-40-color);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: 2px 0;
    width: 3.5rem;
}

.ld-filter-group-left-lead {
    border-right: 2px solid #6554C0;
    background: #EAE6FF;
}

.ld-filter-group-left-ticket {
    border-right: 2px solid #0065FF;
    background: #DEEBFF;
}

.ld-filter-group-right {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    padding: 3px 6px;
    border: 1px solid var(--neutral-40-color);
    border-left: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin: 2px 0;
    background: #DFE1E6;
    position: relative;
}

/* Bulle glissante derrière l'icône active */
.ld-filter-highlight {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #DEEBFF;
    transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.ld-filter-lead .ld-filter-highlight {
    background-color: #EAE6FF;
}

/* Label Lead/Ticket (non cliquable) */
.ld-filter-label {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    pointer-events: none;
    user-select: none;
}

.ld-filter-label.purple { color: var(--purple-300-color); }
.ld-filter-label.primary { color: var(--blue-300-color); }

/* Séparateur vertical */
.ld-filter-separator {
    width: 1px;
    height: 16px;
    background-color: var(--neutral-40-color);
    margin: 0 3px;
}

/* Icônes de filtre (cliquables) */
.ld-filter-icon {
    font-size: 1rem;
    cursor: pointer;
    color: var(--neutral-300-color);
    transition: color 0.15s;
    padding: 5px;
    -webkit-text-stroke: 0.5px;
    border-radius: 50%;
    line-height: 1;
    position: relative;
    z-index: 1;
}
.ld-filter-icon:hover { color: var(--primary-color); }
.ld-filter-icon.active { color: var(--primary-color); }

/* Icônes Lead en purple */
.ld-filter-lead .ld-filter-icon:hover { color: var(--purple-300-color); }
.ld-filter-lead .ld-filter-icon.active { color: var(--purple-300-color); }

/* Centrage du datatable dans la modale */
#modaleEmail .dataTables_wrapper { margin: 0 auto; }

/* Largeur fixe des colonnes du tableau */
#emailModal th.colNomPrenom,
#emailModal td.colNomPrenom { width: 35%; min-width: 200px; }
#emailModal th.colEmail,
#emailModal td.colEmail { width: 25%; min-width: 150px; }
#emailModal .colLM,
#emailModal .colLA,
#emailModal .colLE,
#emailModal .colLQ { width: 1rem; text-align: center; }
#emailModal { table-layout: auto; }

/* Masquage des colonnes LD via classe sur la table (compatible pagination DataTables) */
#emailModal.hide-colLM .colLM { display: none !important; }
#emailModal.hide-colLA .colLA { display: none !important; }
#emailModal.hide-colLE .colLE { display: none !important; }
#emailModal.hide-colLQ .colLQ { display: none !important; }

/* Surcharge DataTable pour la modale */
#modaleEmail .dataTables_length { font-size: 14px; }
#modaleEmail .dataTables_length select {
    display: inline-block;
    width: auto;
    margin: 0 5px;
}