/* ==========================================================================
   Recette V7 — lot « saisie des documents de vente »
   ========================================================================== */

/* ---------- A6 : filtres avancés repliés en bandeau une fois appliqués ---------- */
.filtres-repliables { position: relative; }
.filtres-bandeau {
    display: flex; align-items: center; gap: .75rem; width: 100%;
    padding: .5rem .9rem; border: 1.5px solid #e1dcff; border-radius: var(--r-md);
    background: var(--grad-soft), var(--surface); color: var(--ink);
    font-size: .85rem; text-align: left; cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.filtres-bandeau:hover, .filtres-bandeau:focus-visible { border-color: var(--v1); box-shadow: var(--ring); outline: none; }
.filtres-bandeau__titre { font-weight: 600; color: var(--v1); white-space: nowrap; }
.filtres-bandeau__liste { display: flex; flex-wrap: wrap; gap: .35rem; min-width: 0; flex: 1 1 auto; }
.filtres-bandeau__pastille {
    padding: .1rem .55rem; border-radius: 999px; background: var(--surface);
    border: 1px solid #e1dcff; color: var(--ink-soft); font-size: .78rem; white-space: nowrap;
}
.filtres-bandeau__modifier { margin-left: auto; white-space: nowrap; color: var(--ink-faint); font-size: .8rem; }
.filtres-bandeau__modifier .bi { display: inline-block; transition: transform .2s; }
.filtres-repliables:not(.is-replie) .filtres-bandeau { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.filtres-repliables:not(.is-replie) .filtres-bandeau__modifier .bi { transform: rotate(180deg); }
.filtres-repliables.is-replie > form { display: none; }
.filtres-repliables:not(.is-replie) > form {
    border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0;
    animation: filtres-deplier .18s ease-out;
}
@keyframes filtres-deplier { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .filtres-repliables:not(.is-replie) > form { animation: none; }
}

/* ---------- A5 : reprise d'un brouillon local ---------- */
.brouillon-reprise {
    display: flex; flex-wrap: wrap; align-items: center; gap: .6rem;
    padding: .6rem .9rem; border-radius: var(--r-md);
    border: 1.5px solid #fcd34d; background: #fffbeb; color: #78350f; font-size: .88rem;
}
.brouillon-reprise > .bi { font-size: 1.1rem; color: #d97706; }
.brouillon-reprise__actions { display: flex; gap: .4rem; margin-left: auto; }

/* ---------- A4 : recherche dans la base clients directs ---------- */
.client-direct-etat { min-height: 1.1em; font-size: .78rem; color: var(--ink-soft); }
.client-direct-recherche .ts-dropdown .option .small { font-size: .76rem; }