/* TomSelect en mode autocomplete : champ de saisie pur (pas de chevron, pas d'espace réservé, pas de dégradé) */
.ts-autocomplete.ts-wrapper .ts-control::after,
.ts-autocomplete.ts-wrapper.dropdown-active .ts-control::after {
    display: none !important;
    border: 0 !important;
    content: none !important;
}

.ts-autocomplete.ts-wrapper .ts-control {
    --ts-pr-caret: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: text !important;
    padding-right: 0 !important;
    margin: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
}

.ts-autocomplete.ts-wrapper {
    margin: 0 !important;
    padding-left: 0px !important;
}

.ts-autocomplete.ts-wrapper .ts-control,
.ts-autocomplete.ts-wrapper .ts-control input {
    cursor: text !important;
}

/* État disabled (édition d'une société déjà liée) : fond gris, texte gris foncé */
.ts-autocomplete.ts-wrapper.disabled .ts-control,
.ts-autocomplete.ts-wrapper.disabled .ts-control * {
    background: #f9fafb !important;
    color: #6b7280 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.ts-autocomplete.ts-wrapper.disabled .ts-control .item {
    color: #6b7280 !important;
}

/* Multi-select autocomplete : tags discrets (gris clair) au lieu du bleu dégradé par défaut */
.ts-autocomplete.ts-wrapper.multi .ts-control > div,
.ts-autocomplete.ts-wrapper.multi .ts-control [data-value] {
    background: #f3f4f6 !important;
    background-image: none !important;
    border: 1px solid #d1d5db !important;
    color: #1f2937 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0.375rem !important;
    padding: 2px 6px !important;
    font-size: 0.85rem !important;
    margin: 2px 4px 2px 0 !important;
}

.ts-autocomplete.ts-wrapper.multi .ts-control > div.active,
.ts-autocomplete.ts-wrapper.multi .ts-control [data-value].active {
    background: #e5e7eb !important;
    border-color: #9ca3af !important;
}

/* Dropdown : même largeur que le wrapper, options tronquées si trop longues */
.ts-autocomplete.ts-wrapper .ts-dropdown {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    left: 0 !important;
    right: 0 !important;
}

.ts-autocomplete .ts-dropdown .option,
.ts-autocomplete .ts-dropdown .no-results {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0.5rem !important;
    padding-right: 0 !important;
    padding-bottom: 0.5rem !important;
    padding-left: 10px !important;
}

.ts-autocomplete .ts-dropdown {
    padding-left: 0px !important;
}

.ts-autocomplete .ts-control > input {
    padding-left: 0px !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

/* Placeholder de l'input flush à gauche aussi */
.ts-autocomplete .ts-control > input::placeholder {
    padding-left: 0 !important;
    text-indent: 0 !important;
    opacity: 1;
    color: #9ca3af;
}

/* Quand un item est sélectionné, le texte affiché s'aligne à gauche aussi */
.ts-autocomplete.ts-wrapper.single .ts-control .item {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* En multi-select, le premier tag s'aligne aussi à gauche (flush avec le label) */
.ts-autocomplete.ts-wrapper.multi .ts-control > div:first-child,
.ts-autocomplete.ts-wrapper.multi .ts-control [data-value]:first-child {
    margin-left: 0 !important;
}

/* Selects statiques (Bloc 2 etc.) : dropdown calé sur la largeur du wrapper/select */
#block2 .ts-wrapper .ts-dropdown,
#block3 .ts-wrapper .ts-dropdown,
#block4 .ts-wrapper .ts-dropdown,
#block4-add-conseil .ts-wrapper .ts-dropdown,
#block5 .ts-wrapper .ts-dropdown {
    width: 100% !important;
    box-sizing: border-box !important;
    left: 0 !important;
    right: 0 !important;
}

/* Selects alignés à gauche (avec leur label) */
#block1 .ts-wrapper,
#block2 .ts-wrapper,
#block3 .ts-wrapper,
#block4 .ts-wrapper,
#block4-add-conseil .ts-wrapper,
#block5 .ts-wrapper {
    padding: 0 !important;
}

/* Centrer verticalement le contenu du control (placeholder, valeur sélectionnée) */
#block1 .ts-control,
#block2 .ts-control,
#block3 .ts-control,
#block4 .ts-control,
#block4-add-conseil .ts-control,
#block5 .ts-control {
    align-items: center !important;
}

#block1 .ts-control .item,
#block2 .ts-control .item,
#block3 .ts-control .item,
#block4 .ts-control .item,
#block4-add-conseil .ts-control .item,
#block5 .ts-control .item {
    line-height: 1.4 !important;
}

/* Date d'opération : même hauteur/style que les TomSelect du bloc, sans ring bleu */
#block2 input.datepicker {
    min-height: 36px !important;
    height: 36px !important;
    padding: 8px 0.75rem !important;
    font-size: 13px !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Pas de ring/outline/border coloré sur le datepicker, même au focus */
#block2 input.datepicker,
#block2 input.datepicker:focus,
#block2 input.datepicker:focus-visible,
#block2 input.datepicker:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
}

/* CA société cible : même hauteur que les TomSelect, pas de ring */
#block3 #deals_league_ca {
    min-height: 36px !important;
    height: 36px !important;
    padding: 8px 0.75rem !important;
    font-size: 13px !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#block3 #deals_league_ca,
#block3 #deals_league_ca:focus,
#block3 #deals_league_ca:focus-visible,
#block3 #deals_league_ca:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: none !important;
    background-image: none !important;
}

/* Montant et Valorisation : mêmes propriétés que CA */
#block5 #deals_league_amount,
#block5 #deals_league_valuation {
    min-height: 36px !important;
    height: 36px !important;
    padding: 8px 0.75rem !important;
    font-size: 13px !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#block5 #deals_league_amount,
#block5 #deals_league_amount:focus,
#block5 #deals_league_amount:focus-visible,
#block5 #deals_league_amount:active,
#block5 #deals_league_valuation,
#block5 #deals_league_valuation:focus,
#block5 #deals_league_valuation:focus-visible,
#block5 #deals_league_valuation:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: none !important;
    background-image: none !important;
}

#block5 #deals_league_amount::-webkit-credentials-auto-fill-button,
#block5 #deals_league_amount::-webkit-contacts-auto-fill-button,
#block5 #deals_league_amount::-webkit-strong-password-auto-fill-button,
#block5 #deals_league_amount::-webkit-caps-lock-indicator,
#block5 #deals_league_amount::-webkit-list-button,
#block5 #deals_league_valuation::-webkit-credentials-auto-fill-button,
#block5 #deals_league_valuation::-webkit-contacts-auto-fill-button,
#block5 #deals_league_valuation::-webkit-strong-password-auto-fill-button,
#block5 #deals_league_valuation::-webkit-caps-lock-indicator,
#block5 #deals_league_valuation::-webkit-list-button {
    display: none !important;
    visibility: hidden !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

#block5 #deals_league_amount::-webkit-outer-spin-button,
#block5 #deals_league_amount::-webkit-inner-spin-button,
#block5 #deals_league_valuation::-webkit-outer-spin-button,
#block5 #deals_league_valuation::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* SIRET (add + edit abonne + edit admin) — pas de focus ring */
#deals_league_siret,
#deals_league_siret:focus,
#deals_league_siret:focus-visible,
#deals_league_siret:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
}

/* Bloc 6 (Autres) : URL + Commentaire — pas de focus ring */
#block6 #deals_league_url,
#block6 #deals_league_url:focus,
#block6 #deals_league_url:focus-visible,
#block6 #deals_league_url:active,
#block6 #deals_league_comment,
#block6 #deals_league_comment:focus,
#block6 #deals_league_comment:focus-visible,
#block6 #deals_league_comment:active {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
    background-image: none !important;
}

#block6 #deals_league_url {
    min-height: 36px !important;
    height: 36px !important;
    padding: 8px 0.75rem !important;
    font-size: 13px !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Masque les boutons natifs Chrome/Safari (autofill, contacts, password, etc.) */
#block3 #deals_league_ca::-webkit-credentials-auto-fill-button,
#block3 #deals_league_ca::-webkit-contacts-auto-fill-button,
#block3 #deals_league_ca::-webkit-strong-password-auto-fill-button,
#block3 #deals_league_ca::-webkit-caps-lock-indicator,
#block3 #deals_league_ca::-webkit-list-button,
#block3 #deals_league_ca::-webkit-search-cancel-button,
#block3 #deals_league_ca::-webkit-search-decoration,
#block3 #deals_league_ca::-webkit-search-results-button,
#block3 #deals_league_ca::-webkit-search-results-decoration {
    display: none !important;
    visibility: hidden !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Supprime spinner number si type="number" */
#block3 #deals_league_ca::-webkit-outer-spin-button,
#block3 #deals_league_ca::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Placeholder "Choisir une option" affiché dans le champ : plus petit et gris clair */
#block2 .ts-control .item[data-value=""],
#block3 .ts-control .item[data-value=""],
#block4 .ts-control .item[data-value=""],
#block4-add-conseil .ts-control .item[data-value=""],
#block5 .ts-control .item[data-value=""] {
    font-size: 0.8rem !important;
    color: #9ca3af !important;
}

/* Option vide ("Choisir une option") masquée du dropdown — elle ne sert que de placeholder */
#block2 .ts-dropdown .option[data-value=""],
#block3 .ts-dropdown .option[data-value=""],
#block4 .ts-dropdown .option[data-value=""],
#block4-add-conseil .ts-dropdown .option[data-value=""],
#block5 .ts-dropdown .option[data-value=""] {
    display: none !important;
}

/* Option sélectionnée : pas de bold, mais un check cyan à droite */
#block1 .ts-dropdown .option.selected,
#block2 .ts-dropdown .option.selected,
#block3 .ts-dropdown .option.selected,
#block4 .ts-dropdown .option.selected,
#block4-add-conseil .ts-dropdown .option.selected,
#block5 .ts-dropdown .option.selected {
    font-weight: normal !important;
    position: relative;
    padding-right: 1.75rem !important;
}

#block1 .ts-dropdown .option.selected::after,
#block2 .ts-dropdown .option.selected::after,
#block3 .ts-dropdown .option.selected::after,
#block4 .ts-dropdown .option.selected::after,
#block4-add-conseil .ts-dropdown .option.selected::after,
#block5 .ts-dropdown .option.selected::after {
    content: "";
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234fbbd2'><path fill-rule='evenodd' d='M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z' clip-rule='evenodd' /></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Statut (dateOperationStatus) : valeur par défaut affichée en gris clair */
.ts-muted .ts-control .item {
    font-size: 0.8rem !important;
    color: #9ca3af !important;
}