/* ════════════════════════════════════════════════════════════════════════════
   LA LIGNE DE REGISTRE — composant partagé. Module DÉCIDER, bloc 2.
   Relevé sur le rendu bureau : Date · Filiale · Libellé · Montant aligné à
   droite, chiffres tabulaires, filets entre les lignes. C'est la grammaire du
   Grand Registre — elle resservira à Analyser et à chaque fiche filiale.
   ════════════════════════════════════════════════════════════════════════════ */

.bloc-registre {
  background: var(--bg-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-card);
}

.registre-chapeau {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
  padding: 11px 14px;
  border-bottom: 1px solid var(--hair);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--faint);
}
/* Le périmètre n'est pas une mention légale : quand le registre ne couvre qu'une
   filiale sur dix, c'est la première chose à savoir avant de lire un chiffre. */
.registre-perimetre { color: var(--ocre-ink); font-weight: 600 }

/* Un tableau ne rétrécit pas indéfiniment : il défile dans son propre cadre,
   jamais en poussant la page de côté. */
.registre-defile { overflow-x: auto }

table.registre {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 420px;
}
table.registre th {
  text-align: left;
  padding: 8px 14px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--faint);
  border-bottom: 1px solid var(--hair);
  background: var(--bg-sidebar);
}
table.registre td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--hair);
  vertical-align: baseline;
  color: var(--text);
}
table.registre tr:last-child td { border-bottom: none }

.ecriture .jour {
  font-variant-numeric: tabular-nums;
  color: var(--muted);
  white-space: nowrap;
}
.ecriture .filiale {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
}
.ecriture .libelle { line-height: 1.3 }
/* Le genre du mouvement se lit sous le libellé : « Vente », « Entrée »… Il ne
   prend pas une colonne, il qualifie la ligne. */
.ecriture .genre {
  display: block;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--faint);
  margin-top: 2px;
}
th.montant, .ecriture .montant {
  text-align: right;
  font-family: var(--font-display);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
th.montant { font-family: var(--font-body) }
/* Une sortie se lit à la couleur ET au signe — jamais à la couleur seule. */
.ecriture-sortie .montant { color: var(--terre) }

.registre-note {
  padding: 9px 14px;
  border-top: 1px solid var(--hair);
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--faint);
}
.registre-devises { font-style: italic }

.registre-vide {
  padding: 18px 14px;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}

/* Estompage du perime — meme grammaire que les feux : un releve qui a vieilli
   se lit encore, mais il ne se lit plus comme un etat present. */
.bloc-registre[data-perime="oui"] .ecriture td { opacity: .55 }

.hos-registre { margin: 0 0 calc(var(--bl) * 3); max-width: 720px }