.sep {
    margin-top: 20px;
}
.email-badge {
    display: inline-block;
    padding: 6px 12px;
    margin-right: 8px;
    margin-bottom: 6px;
    background-color: #f1f1f1;
    border-radius: 20px;
    color: #888;
}

.remove-email {
    cursor: pointer;
    color: #f00;
    margin-left: 4px;
}
.customer-icon:hover{
    cursor: pointer;
    border: 5px solid #ffae00;
}
.invalid {
    background-color: ivory;
    border: none;
    outline: 2px solid red;
    border-radius: 5px;
}
.msginvalid{
    color :red;
}
.bg-spe-green{
    background-color:rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-yellow-200{
    background-color:rgb(254 252 191 / var(--tw-bg-opacity));
}
.children {
    background: #fff;
}

.border-danger {
  border: 2px solid red !important;
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
  background-color: rgba(255, 0, 0, 0.05); /* léger fond rouge transparent */
}
.cursor-pointer {
    cursor: pointer;
}
/* Champs déjà préremplis (gris) */
.form-control.prefilled,
.form-select.prefilled {
    border-left: 4px solid #adb5bd; /* gris Bootstrap */
    padding-left: calc(0.75rem - 4px); /* ajuste le padding pour compenser la bordure */
}

/* Champs à remplir (bleu) */
.form-control.to-fill,
.form-select.to-fill {
    border-left: 4px solid #0d6efd; /* bleu Bootstrap */
    padding-left: calc(0.75rem - 4px);
}

/* Effet subtil au focus */
.form-control.prefilled:focus,
.form-select.prefilled:focus {
    border-color: #adb5bd;
    box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.25);
}

.form-control.to-fill:focus,
.form-select.to-fill:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.body-no-scroll {
    overflow: hidden !important;
}