/* finanzas-libro.css -- La pestana «Movimientos» (el libro del mes), la hoja de un gasto y «Me pagaron» (plan PLAN-finanzas-inteligentes-2026-10, F2).
   Solo tokens de Cuarto Oscuro. Las filas, las pildoras, el segmentado y los renglones vienen de finanzas-simple.css (.fs-*) y finanzas-fijos.css
   (.ff-*): aqui solo lo que es de esta pestana. Filas sin cajas ni rayas; 16 px = flota; pildora = se toca. */
.flb-barra{ display:flex; align-items:center; gap:var(--e-3); flex-wrap:wrap; margin:0 0 var(--e-4); }
.flb-mes{ display:flex; align-items:center; gap:var(--e-1); min-width:0; color:var(--tinta); font-weight:600; }
.flb-mes span{ min-width:9ch; text-align:center; }
.flb-revisar{ display:flex; align-items:center; justify-content:space-between; gap:var(--e-3); flex-wrap:wrap; margin:0 0 var(--e-4); padding:var(--e-3) var(--e-4); border-radius:var(--r-flota); background:var(--piedra-on); color:var(--tinta); }
.flb-dia .fs-gt{ text-transform:none; }
.flb-entra{ color:var(--tinta); }
.flb-falta{ color:var(--apagado); }
.flb-clip{ flex:none; display:flex; color:var(--medio); }
/* «Tomale foto al ticket» y «Sube la captura»: el camino rapido arriba de la hoja (lienzo v2, tablero 5). */
.flb-foto{ display:flex; align-items:center; gap:var(--e-3); width:100%; min-height:56px; padding:var(--e-3) var(--e-4); border:0; border-radius:var(--r-flota); background:var(--piedra); color:var(--tinta); font:inherit; text-align:left; cursor:pointer; }
.flb-foto .fs-txt{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
@media (hover:hover){ .flb-foto:hover{ background:var(--piedra-on); } }
.flb-chips{ display:flex; flex-wrap:wrap; gap:var(--e-2); }
.flb-chip{ min-height:36px; padding:0 var(--e-3); border:0; border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); font:inherit; font-size:var(--t-texto); cursor:pointer; }
.flb-chip.on{ background:var(--boton); color:var(--boton-t); }
.flb-chip.sugerida:not(.on){ box-shadow:inset 0 0 0 1px var(--medio); }
#fl-cat-otra{ margin-top:var(--e-2); }
.flb-adj{ font-size:var(--t-texto); }
/* La factura XML (F6b): la entrada es un enlace callado bajo la foto del ticket; la etiqueta dice que se leyo (4 px: no se toca), el proveedor va de solo lectura. */
.flb-xml{ align-self:flex-start; padding:0; border:0; background:none; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.flb-cfdi{ display:flex; flex-direction:column; gap:var(--e-2); }
.flb-cfdi-chip{ display:inline-flex; align-items:center; gap:var(--e-2); align-self:flex-start; min-height:32px; padding:0 var(--e-3); border-radius:var(--r); background:var(--piedra); color:var(--tinta); font-size:var(--t-texto); }
.flb-prov{ display:flex; flex-direction:column; gap:2px; }
.flb-desglose{ margin:var(--e-1) 0 0; }
.flb-archivo{ max-width:100%; font:inherit; font-size:var(--t-texto); color:var(--medio); }
@media (max-width:560px){ .flb-barra{ gap:var(--e-2); } .flb-mes span{ min-width:0; } }
/* F6a: la hoja del paquete para tu contador. */
.pc-acc{ flex-wrap:wrap; align-items:center; margin:var(--e-3) 0; }
.pc-otro{ display:inline-flex; align-items:center; gap:var(--e-2); }
/* El mes lo pinta el navegador en su idioma («septiembre de 2026»): el ancho fijo de .ff-medio lo cortaba. */
.pc-otro .inp{ width:auto; }
/* «Tu estado de cuenta» (F6c, public/finanzas-banco.js): un renglon por movimiento con su Si/No; el que se deja en No se apaga. Filas sin cajas ni rayas. */
.ec-lista{ display:flex; flex-direction:column; margin:var(--e-2) 0; }
.ec-fila{ display:flex; align-items:flex-start; gap:var(--e-3); padding:var(--e-3) 0; cursor:pointer; }
.ec-fila .fs-txt{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.ec-monto{ flex:none; font-variant-numeric:tabular-nums; color:var(--tinta); font-weight:600; }
.ec-fila.ec-no .fs-q, .ec-fila.ec-no .ec-monto, .ec-fila.ec-no .fs-s{ color:var(--apagado); }
.ec-top{ display:flex; flex-direction:column; margin-top:var(--e-2); }
.ec-fila-top{ cursor:default; padding:var(--e-2) 0; }