/* ============================================================
   Recette V9 — lisibilité de la fiche client (formulaire et fiche).
   Chaque partie (Identité, Adresse client, Adresse de facturation,
   Contacts, Coordonnées & gestion, Identifiants de commande, Dossiers
   de rattachement) est encadrée d'un trait gris PLUS ÉPAIS et plus
   soutenu que le contour des champs (1,5 px #e6e5f2), et son titre est
   séparé du contenu par un trait de même force : on distingue les
   parties d'un coup d'œil. Aurora : coins arrondis, pastille dégradée.
   ============================================================ */
.fiche-client .card,
.fiche-client-infos .card {
    border: 2px solid #d3d2e4;
    box-shadow: 0 4px 14px rgba(23,20,54,.06);
}
.fiche-client .card-header,
.fiche-client-infos .card-header {
    border-bottom: 2px solid #d3d2e4;
    background: linear-gradient(135deg, rgba(124,92,255,.07), rgba(34,211,238,.05));
    display: flex; align-items: center; gap: .5rem;
}
/* Pastille dégradée devant le titre de chaque partie. */
.fiche-client .card-header::before,
.fiche-client-infos .card-header::before {
    content: ""; flex: 0 0 auto; width: 4px; height: 1.1em; border-radius: 4px; background: var(--grad);
}
/* Les en-têtes avec bouton (Contacts, Adresses de livraison) gardent leur bouton à droite. */
.fiche-client .card-header.justify-content-between,
.fiche-client-infos .card-header.justify-content-between { justify-content: flex-start !important; }
.fiche-client .card-header.justify-content-between > .btn,
.fiche-client-infos .card-header.justify-content-between > .btn { margin-left: auto; }
/* Une entrée de collection (contact, adresse) reste un cadre fin, sous celui de la partie. */
.fiche-client .collection-entry { border-color: #e6e5f2 !important; }

/* N° client verrouillé (modification) : cadenas accolé au champ. */
.champ-verrouille .form-control[readonly] { background-color: #f1f0f8; color: var(--ink-soft); cursor: not-allowed; }
.champ-verrouille .btn { border-width: 1.5px; border-color: #e6e5f2; border-radius: 0 12px 12px 0; color: var(--v1); }
.champ-verrouille .btn:hover, .champ-verrouille .btn:focus-visible { background: var(--grad-soft); color: var(--v1); }
.est-deverrouille .champ-verrouille .btn { color: #b45309; }

/* Complément d'intitulé, sous le nom du client en tête de fiche. */
.client-complement-intitule { font-size: 1rem; color: var(--ink-soft); font-weight: 500; margin-top: -.15rem; }