:root {
  /* #DAB30A = couleur exacte extraite du classeur original (remplissage des
     cellules d'en-tête Facture/Devis/BL), à conserver identique entre
     l'application et les PDF. */
  --mi-gold: #dab30a;
  --mi-gold-dark: #a8841c;
  --mi-black: #1c1a14;
  --mi-cream: #fdfaf2;
}

body {
  background-color: var(--mi-cream);
  color: var(--mi-black);
}

.navbar-mi {
  background-color: var(--mi-black);
}

.navbar-mi .navbar-brand,
.navbar-mi .nav-link {
  color: var(--mi-gold) !important;
}

.navbar-mi .nav-link.active {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.btn-mi-gold {
  background-color: var(--mi-gold);
  border-color: var(--mi-gold-dark);
  color: var(--mi-black);
  font-weight: 600;
}

.btn-mi-gold:hover {
  background-color: var(--mi-gold-dark);
  color: var(--mi-black);
}

.mi-auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, var(--mi-black) 0%, #33301f 100%);
}

.mi-auth-card {
  background: var(--mi-cream);
  border-top: 4px solid var(--mi-gold);
  border-radius: 0.5rem;
  padding: 2rem;
  max-width: 420px;
  width: 100%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
}

.mi-brand {
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--mi-gold);
}

table.mi-table thead {
  background-color: var(--mi-gold);
  color: var(--mi-black);
}

.badge-mi-active {
  background-color: #2e7d32;
}

.badge-mi-inactive {
  background-color: #6c757d;
}

/* Retour visuel pendant une requête HTMX (ajout/suppression de ligne, prix,
   matrice de tarifs...) : sans ça un clic ne donne aucun signe de vie tant
   que la réponse n'est pas revenue (violation du principe de visibilité de
   l'état du système). HTMX ajoute automatiquement cette classe à l'élément
   déclencheur pendant la requête. */
.htmx-request {
  opacity: 0.6;
  transition: opacity 0.15s ease-in-out;
  cursor: progress;
}
.htmx-request * {
  pointer-events: none;
}