/* ch.623 (A.6 ⊕ avenant A.8) — DÉPENSES : tuiles fines, le composant des factures et des devis (fc588 · fc620), colonne « Rattaché à » comme la Banque.
   Charte claire, ⛔ aucune variable CSS. Les adaptations d'écran vivent ICI, en @media uniquement. */
.fc588-carte.dp623-carte { grid-template-columns: 240px minmax(0, 1fr) 250px 200px 120px 44px; max-height: none; min-height: 64px; }
.dp623-entetes { display: grid; grid-template-columns: 240px minmax(0, 1fr) 250px 200px 120px 44px; column-gap: 14px; padding: 4px 14px 0 16px;
  font-size: 10px; font-weight: 700; color: #94A3B8; text-transform: uppercase; letter-spacing: .03em; }
.dp623-sous { display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; }
.dp623-cadre { padding: 2px 8px; border-radius: 999px; background: #FFF7ED; color: #9A3412; border: 1px solid #FDBA74; font-size: 10px; font-weight: 600; white-space: nowrap; }
.dp623-objet { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; row-gap: 3px; white-space: normal; }
.dp623-etat .fc620-l1, .dp623-etat .fc620-l2 { flex-wrap: wrap; row-gap: 3px; }
.dp623-pastille { max-width: 100%; white-space: normal; text-align: left; line-height: 1.3; overflow-wrap: anywhere; }   /* ⛔ jamais coupée : elle passe à la ligne (mesuré ch.623) */
.dp623-rattache { min-width: 0; }
.dp623-ratt { display: flex; align-items: center; gap: 6px; min-width: 0; }
.dp623-logo { width: 20px; height: 20px; flex: 0 0 20px; border-radius: 4px; object-fit: contain; display: inline-flex; align-items: center; justify-content: center; }
.dp623-ratt-txt { font-size: 12px; color: #334155; white-space: normal; overflow-wrap: anywhere; line-height: 1.3; }
.dp623-tva { font-size: 11px; color: #64748B; white-space: nowrap; }
.dp623-ouvrir { width: 36px; height: 36px; border-radius: 9px; border: 1px solid #E2E8F0; background: #FFFFFF; color: #475569; font-size: 18px; cursor: pointer; }
.dp623-ouvrir:hover { background: #F1F5F9; }

/* ── ~768 px : deux lignes ── */
@media (max-width: 1100px) {
  .dp623-entetes { display: none; }
  .fc588-carte.dp623-carte { grid-template-columns: 200px minmax(0, 1fr) 190px 110px; grid-template-areas: "ident objet etat montants" "ident ratt etat actions"; row-gap: 4px; }
  .dp623-carte .fc588-ident { grid-area: ident; } .dp623-carte .fc588-objet { grid-area: objet; } .dp623-carte .fc588-etat { grid-area: etat; }
  .dp623-carte .dp623-rattache { grid-area: ratt; } .dp623-carte .fc588-montants { grid-area: montants; } .dp623-carte .fc588-actions { grid-area: actions; }
}
/* ── ~375 px : tuile sur 4 lignes, cibles ≥ 44 px ── */
@media (max-width: 600px) {
  .fc588-carte.dp623-carte { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ident actions" "objet montants" "etat etat" "ratt ratt"; column-gap: 8px; }
  .dp623-ouvrir { width: 44px; height: 44px; }
}

/* ch.624 (A.8) — mention commune d'une pièce à plusieurs factures (« Commande 171-… · 1/3 ») : une ligne, coupée proprement, ⛔ jamais hors de la colonne */
.dp624-piece { font-size: 11px; font-weight: 600; color: #1E40AF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 100%; margin-top: 2px; }