/* Lo único que el banco pinta por su cuenta: su barra. Todo lo demás lo
   viste el CSS del ERP — si el banco se viera distinto, no serviría para
   juzgar cómo va a quedar un módulo en producción. */
.banco-barra { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: rgba(189,167,108,.10); border-bottom: 1px solid rgba(189,167,108,.35);
  padding: 8px 18px; font-size: var(--fs-xs, 11px); color: var(--txt3, #cfcfcf); }
.banco-barra b { font-family: 'JetBrains Mono', monospace; letter-spacing: .14em; color: var(--gold, #BDA76C); }
.banco-barra > span { color: var(--txt4, #8f8f8f); }
.banco-barra .grow { flex: 1; }
.banco-barra a { display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
  color: var(--txt3, #cfcfcf); border: 1px solid var(--line, #2a2a2a); border-radius: 999px; padding: 3px 11px; }
.banco-barra a:hover, .banco-barra a.on { border-color: var(--gold, #BDA76C); color: var(--gold, #BDA76C); }
.banco-barra button { background: transparent; border: 1px solid var(--line, #2a2a2a); color: var(--txt3, #cfcfcf);
  border-radius: 7px; padding: 4px 10px; cursor: pointer; font: inherit; display: inline-flex; align-items: center; gap: 5px; }
.banco-barra button:hover { border-color: var(--gold, #BDA76C); color: var(--gold, #BDA76C); }
.topbar .brand { display: flex; align-items: center; gap: 9px; }
.topbar .bm { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .16em;
  color: var(--gold, #BDA76C); border: 1px solid rgba(189,167,108,.5); border-radius: 4px; padding: 1px 6px; margin-right: 8px; }