/* Fransou · Le solde bancaire : la bande de Banque, la Comptabilité et le fil (19/10/2026). Encre et nuances, Fransou Texte. */
.bs-alerte { color: var(--danger, #a3471f) !important; }
.bs-lecture { margin: 0; font-size: 13px; color: var(--sec, #5d6b69); }
.bs-bande .bs-btn, .bs-chat .bs-btn, .bs-btn { font: inherit; font-size: 14px; font-weight: 600; min-height: 40px; border-radius: 10px; border: 1px solid var(--contour, rgba(18, 32, 31, .2)); background: transparent; color: inherit; padding: 0 16px; cursor: pointer; transition: transform .12s ease, background-color .15s ease; }
.bs-btn:hover { background: rgba(127, 127, 127, .08); }
.bs-btn:active { transform: scale(.97); }
.bs-btn:disabled { opacity: .6; cursor: progress; }
.bs-bande .bs-btn.bs-plein, .bs-chat .bs-btn.bs-plein, .bs-btn.bs-plein { background: var(--plein-fond, #12201f); color: var(--plein-texte, #fff); border-color: transparent; }
.bs-btn.bs-discret { border-color: transparent; }
@media (prefers-reduced-motion: reduce) { .bs-btn { transition: none; } .bs-btn:active { transform: none; } }

/* Comptabilité : sous la trésorerie des écritures, distincte. */
.bs-compta { margin-top: 12px; padding-top: 12px; border-top: 1px dashed rgba(127, 127, 127, .35); display: grid; gap: 2px; }
.bs-compta-l { margin: 0; font-size: 12px; letter-spacing: .03em; opacity: .75; }
.bs-compta-v { margin: 0; font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bs-compta-v.bs-inconnu { font-size: 15px; font-weight: 400; opacity: .75; }
.bs-compta-q { margin: 0; font-size: 13px; opacity: .8; }
.bs-compta-q.bs-compta-alerte { opacity: 1; font-weight: 600; } /* couleur héritée : lisible en clair comme en sombre */
.bs-compta-lien { font-size: 13px; color: inherit; }

/* Le fil de Fransou : une seule carte, avec un seul bouton plein. */
.bs-chat { margin: 14px 0; padding: 14px 16px; border-radius: 16px; background: rgba(163, 71, 31, .07); display: grid; gap: 8px; max-width: 560px; }
.bs-chat p { margin: 0; }
.bs-chat-qui { font-size: 12px; font-weight: 600; opacity: .7; }
.bs-chat-boutons { display: flex; gap: 8px; flex-wrap: wrap; }
.bs-chat-dit { font-size: 13px; opacity: .8; min-height: 0; }

/* La bande de solde : fixe sous l'en-tête de Banque, sur tous ses écrans ; sobre. */
.bs-bande { position: sticky; top: 76px; z-index: 4; margin: -24px 0 28px; padding: 14px 0 14px; background: var(--page, #fff); border-bottom: 1px solid var(--filet, rgba(18, 32, 31, .12));
  display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; font-family: "Fransou Texte", system-ui, sans-serif; color: var(--texte, #12201f); }
.bs-bande-g { display: flex; align-items: baseline; gap: 6px 16px; flex-wrap: wrap; min-width: 0; }
.bs-bande-d { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.bs-bande-montant { margin: 0; font-size: 26px; line-height: 1.1; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.bs-bande-montant.bs-inconnu { font-size: 18px; color: var(--sec, #5d6b69); }
.bs-bande-quand { margin: 0; font-size: 13px; color: var(--sec, #5d6b69); }
.bs-bande-note { margin: 0; flex-basis: 100%; font-size: 12px; color: var(--sec, #5d6b69); }
.bs-bande-alerte-t { margin: 0; font-size: 14px; font-weight: 600; color: var(--danger, #a3471f); }
.bs-bande .bs-alerte { color: var(--danger, #a3471f); }
.bs-bande .bs-lecture { margin: 0; min-height: 0; font-size: 13px; color: var(--sec, #5d6b69); }
.bs-bande .bs-lecture:empty { display: none; }
.bs-choix select, .bs-choix-seul { font: inherit; font-size: 13px; font-weight: 500; color: inherit; background: transparent; border: 1px solid var(--contour, rgba(18, 32, 31, .2)); border-radius: 9px; min-height: 34px; padding: 0 28px 0 10px; max-width: 320px; text-overflow: ellipsis; }
.bs-choix-seul { display: inline-flex; align-items: center; border-color: transparent; padding: 0; color: var(--sec, #5d6b69); }
.bs-choix select option { color: #12201f; }
.bs-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bs-bande .bs-btn { min-height: 36px; padding: 0 14px; }
@media (max-width: 759px) {
  .bs-bande { top: 64px; margin: -12px 0 20px; padding: 10px 0; gap: 8px; }
  .bs-bande-d { justify-content: flex-start; width: 100%; }
  .bs-bande-g { gap: 2px 10px; align-items: center; }
  .bs-choix select { max-width: 60vw; min-height: 30px; font-size: 12px; }
  .bs-bande-montant { font-size: 20px; }
  .bs-bande-quand { flex-basis: 100%; font-size: 12px; }
  .bs-bande .bs-btn { min-height: 32px; padding: 0 12px; font-size: 13px; }
}

/* Lot E (20/10, sceptique P2) : navigation commune allumée, l'en-tête de Banque est caché ; la bande se colle en haut de la zone qui défile. */
body.nv2-on .bq2 .bs-bande { top: 0; }
