/* Bordures des champs de formulaire (inputs, select, select2, nice-select, textarea).
   Le thème les dessinait en gris très pâle (#ccc7c7 en 0.8px, #f5f5f5 sur les listes
   à sélection multiple) : quasi invisibles sur les écrans des guichets. */
:root {
    --field-border: #94a3b8;
    --field-border-hover: #64748b;
    --field-focus-ring: rgba(5, 34, 72, 0.14);
}

.form-control,
.form-select,
.input-group-text,
.nice-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--field-border);
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0.75rem;
}

.select2-dropdown,
.nice-select .list {
    border: 1px solid var(--field-border);
}

.form-control:hover:not(:focus):not(:disabled),
.form-select:hover:not(:focus):not(:disabled),
.nice-select:hover,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
    border-color: var(--field-border-hover);
}

.form-control:focus,
.form-select:focus,
.nice-select:focus,
.nice-select.open,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--primary, #052248);
    box-shadow: 0 0 0 3px var(--field-focus-ring);
}

/* Champs désactivés / en lecture seule : bordure visible mais fond grisé pour les distinguer. */
.form-control:disabled,
.form-control[readonly],
.form-select:disabled {
    border-color: #cbd5e1;
}

[data-theme-version="dark"] .form-control,
[data-theme-version="dark"] .form-select,
[data-theme-version="dark"] .nice-select,
[data-theme-version="dark"] .select2-container--default .select2-selection--single,
[data-theme-version="dark"] .select2-container--default .select2-selection--multiple {
    border-color: #3D3D3D;
}