/* BDPI 1.5 - Devis, factures, avoirs et matrice d'information */
.panel-danger { border-color: color-mix(in srgb, var(--danger) 55%, var(--border)); }
.callout-danger { border-left-color: var(--danger); background: var(--danger-soft); }
.commercial-document-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; }
.document-matrix-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.document-matrix-score { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--primary-soft); color: var(--primary); font-size: 18px; font-weight: 850; }
.commercial-terms-editor textarea { min-height: 420px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; line-height: 1.55; }
.commercial-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.commercial-action-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.commercial-document-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.commercial-document-meta > div { padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel-soft); }
.commercial-document-meta dt { color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.commercial-document-meta dd { margin: 5px 0 0; font-weight: 700; }
@media (max-width: 1000px) {
  .commercial-document-grid { grid-template-columns: 1fr; }
  .commercial-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .commercial-kpi-grid, .commercial-document-meta { grid-template-columns: 1fr; }
}