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

/* ---------- Société émettrice : le nom complet se lit ----------
   « CADETEL VENTE DIRECTE », « PETIOT VENTE DIRECTE » étaient abrégés dans la
   cellule : elle prend deux cases de la grille serrée du bon de commande
   (col-xl-3 ailleurs, cf. _form.html.twig). */
.doc-form[data-doc-type="BON_COMMANDE"] .doc-bandeau .card-body > .row > .doc-societe-col { grid-column: span 2; }
.doc-form .doc-societe-col .ts-control > .item { white-space: nowrap; overflow: visible; text-overflow: clip; }

/* ---------- Proforma (bon de commande) : case alignée sur les champs voisins ---------- */
.doc-champ-proforma .form-check { margin-top: 1.25rem; margin-bottom: 0; white-space: nowrap; }
.doc-champ-proforma .form-check-label { font-size: .85rem; font-weight: 600; }
.doc-champ-proforma .form-text { display: none; }
/* Vérification V9 : « Afficher la mention de validation » (devis), même gabarit
   que la case Proforma — son libellé sortait au corps du texte, bien plus gros
   que les étiquettes des champs voisins. */
.doc-champ-mention-validation .form-check { margin-top: 1.1rem; margin-bottom: 0; min-height: 0; }
.doc-champ-mention-validation .form-check-label { font-size: .72rem; font-weight: 600; line-height: 1.25; }
.doc-champ-mention-validation .form-text { font-size: .68rem; margin-top: .1rem; line-height: 1.2; }
/* Même resserrement que les étiquettes du bandeau sur les écrans bas (app.css). */
@media (min-width: 992px) and (max-height: 900px) {
    .doc-champ-mention-validation .form-check-label { font-size: .68rem; }
}

/* ---------- Adresse de livraison du client et fenêtre « Nouvelle adresse » ---------- */
.doc-form[data-doc-type="BON_COMMANDE"] .doc-bandeau .card-body > .row > .doc-champ-adresse { grid-column: span 3; }
.doc-adresse-entete { display: flex; align-items: baseline; justify-content: space-between; gap: .4rem; min-width: 0; }
.doc-adresse-entete .form-label { display: block; margin-bottom: .1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.doc-adresse-fenetre {
    width: min(34rem, calc(100vw - 2rem)); padding: 1rem 1.1rem; border: 1px solid var(--line); overflow: visible;
    border-radius: var(--r-md, 14px); background: var(--surface, #fff); color: var(--ink);
    box-shadow: 0 24px 60px rgba(17, 12, 46, .28);
}
.doc-adresse-fenetre::backdrop { background: rgba(17, 12, 46, .35); }
.doc-adresse-fenetre .form-label { font-size: .78rem; margin-bottom: .15rem; }
.doc-adresse-fenetre__tete { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; margin-bottom: .75rem; color: var(--v1); }
.doc-adresse-fenetre__erreur { margin-top: .6rem; padding: .4rem .6rem; border-radius: 8px; background: rgba(225,29,72,.08); color: #9f1239; font-size: .85rem; }
.doc-adresse-fenetre__actions { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .9rem; }

/* ---------- Vente directe : case « Adresse de livraison différente » à droite de l'Email ---------- */
.doc-livraison-case .form-check { margin-top: 1.25rem; margin-bottom: 0; }
.doc-livraison-case .form-check-label { font-size: .8rem; }

/* ---------- Tarif public TTC : P.U. affiché TTC ----------
   Le champ posté reste le P.U. HT (calcul serveur inchangé) ; au tarif public,
   il est masqué et remplacé à l'écran par sa valeur TTC, éco-contribution
   comprise — le prix imprimé sur le PDF (lignes_controller.js). */
.doc-form .lg-pu-ttc { display: none; }
.doc-form.is-tarif-ttc input.lg-pu-ttc { display: block; }
.doc-form.is-tarif-ttc span.lg-pu-ttc { display: inline; }
.doc-form.is-tarif-ttc .lg-pu-ht { display: none; }

/* ---------- Recette V11 : « Mode de commande » et « Interlocuteur interne » ----------
   Le nom court (« Romain B. ») se lit en entier, dans la cellule comme dans la
   liste ouverte, qui ne coupe plus les noms sur deux lignes ; les deux champs
   restent l'un sous l'autre, alignés. */
.doc-form .doc-champ-mode-commande .ts-control > .item { overflow: visible; text-overflow: clip; }
.doc-form .doc-champ-mode-commande .ts-dropdown { min-width: max(100%, 11rem); width: max-content; }
.doc-form .doc-champ-mode-commande .ts-dropdown .option { white-space: nowrap; }