:root {
  --brun: #7a3e12;
  --orange: #e07b1f;
  --creme: #fbf6ef;
}
body { background: var(--creme); }
.barre { background: linear-gradient(90deg, var(--brun), var(--orange)); }
.barre .nav-link.active { font-weight: 600; text-decoration: underline; text-underline-offset: 6px; }

.carte-stat { border: 0; border-left: 5px solid var(--orange); box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.carte-stat .valeur { font-size: 1.45rem; font-weight: 700; }
.carte-stat.vert { border-left-color: #198754; }
.carte-stat.rouge { border-left-color: #dc3545; }
.carte-stat.bleu { border-left-color: #0d6efd; }
.carte-stat.gris { border-left-color: #6c757d; }

.card { box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.table thead th { background: #f3e9dc; white-space: nowrap; }
.table td { vertical-align: middle; }
.text-end-num { text-align: right; white-space: nowrap; }

.btn-orange { background: var(--orange); color: #fff; border: 0; }
.btn-orange:hover { background: var(--brun); color: #fff; }

.login-box { max-width: 380px; margin: 8vh auto; }

.lignes .form-control, .lignes .form-select { min-width: 90px; }

@media print {
  .no-print, .btn, form.no-print { display: none !important; }
  body { background: #fff; }
  .card { box-shadow: none; border: 0; }
  main { padding: 0 !important; }
}