/* =============================================================================
   LE MODULE JOURNAL — la mise en page du Z, à l'écran et sur le papier.
   Mission `Z`, 24/08/2026.

   ⚠️  LA SORTIE EST L'IMPRESSION DU NAVIGATEUR. « Imprimer / Enregistrer en
       PDF » produit le fichier que David envoie lui-même. Aucune bibliothèque,
       aucun serveur de rendu, aucun envoi : le format est libre (David, 24/08)
       et le navigateur sait déjà faire un PDF propre.
   ============================================================================= */

.onglets { display: flex; gap: 10px; margin-bottom: 20px; }
.onglet { opacity: 0.55; }
.onglet.actif { opacity: 1; }

.z-entete {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 20px; flex-wrap: wrap; margin-bottom: 18px;
}
.z-salon { font-size: 1.05rem; font-weight: 600; }
.z-salon span { display: block; font-weight: 400; font-size: 0.85rem; opacity: 0.75; }
.z-titre { text-align: right; }
.z-titre strong { font-size: 1.3rem; display: block; }

.z-bloc { margin-bottom: 22px; }
.z-bloc h3 { margin: 0 0 8px; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.8; }

.z-lignes { width: 100%; border-collapse: collapse; }
.z-lignes td, .z-lignes th { padding: 6px 8px; border-bottom: 1px solid rgba(128,128,128,0.25); }
.z-lignes td.nombre, .z-lignes th.nombre { text-align: right; font-variant-numeric: tabular-nums; }
.z-lignes tr.total td { font-weight: 700; border-top: 2px solid currentColor; }

/* Les deux comptes, et l'écart. C'est le cœur du Z : il se voit d'abord. */
.z-controles { border: 2px solid currentColor; padding: 14px 16px; border-radius: 8px; }
.z-controles.juste { border-color: rgba(46,158,91,0.7); }
.z-controles.ecart { border-color: rgba(196,69,58,0.85); }

.z-anomalie {
  margin: 8px 0 0; padding: 10px 12px; border-radius: 6px;
  background: rgba(196,69,58,0.15); font-size: 0.9rem;
}

.z-ouvert { font-size: 0.85rem; opacity: 0.75; }

@media print {
  /* Sur le papier, seul le Z reste : ni bandeau, ni boutons, ni navigation. */
  #bandeau-etat, .bouton-hub, .onglets, .sous-titre, .liens,
  .sans-impression, #message { display: none !important; }
  .page { max-width: none; padding: 0; }
  body { background: #fff; color: #000; }
  .carte, .z-controles { border-color: #000; }
  .z-anomalie { background: none; border: 1.5px solid #000; }
}