:root {
  --fm-primary: #1f3a5f;
  --fm-accent: #2e7d6b;
}
body { background: #f4f6f9; color: #1c2733; }
.fm-nav { background: var(--fm-primary); }
.fm-nav .nav-link { color: #cdd9e8 !important; }
.fm-nav .nav-link:hover { color: #fff !important; }
.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,.08); border-radius: 10px; }
.card-header { background: #fff; font-weight: 600; border-bottom: 1px solid #eef1f5; }
.stat-card { border-left: 4px solid var(--fm-primary); }
.stat-card .num { font-size: 1.9rem; font-weight: 700; color: var(--fm-primary); }
.badge-orig { background: var(--fm-primary); }
.badge-der  { background: var(--fm-accent); }
.table thead th { background: var(--fm-primary); color: #fff; font-size: .82rem; }
.table-sm td, .table-sm th { padding: .4rem .5rem; }
.code-secret { font-family: monospace; letter-spacing: 1px; color: #b5651d; font-weight: 600; }
.totaux td { font-size: .95rem; }
.totaux .ttc { background: var(--fm-primary); color: #fff; font-weight: 700; }
h1.page-title { font-size: 1.5rem; font-weight: 700; color: var(--fm-primary); }
.section-step { border-left: 4px solid var(--fm-accent); padding-left: .6rem; font-weight: 700;
  color: var(--fm-accent); margin: 1.2rem 0 .6rem; }
/* Lignes envoyees en avoir : fond rouge clair (override variables Bootstrap) */
tr.ligne-avoir {
  --bs-table-bg: #fcdada;
  --bs-table-accent-bg: #fcdada;
  --bs-table-hover-bg: #f8c9c9;
}
tr.ligne-avoir > td { background-color: #fcdada !important; }
/* Lignes verifiees : fond vert clair */
tr.ligne-verifiee > td { background-color: #e7f6ec; }