/* Banca (2026-11-03): el estado de cuenta de Mercado Pago con las piezas del General (tarjetas blancas, tinta carbón,
   naranja sólo para lo elegido o lo que pide atención, verde/rojo sólo para entradas y salidas). Letra de lectura de
   14–15 px y nada en versalitas: lo leen directores. */
#app-shell .bk { display:flex; flex-direction:column; gap:18px; }
#app-shell .bk > .in-tablero, #app-shell .bk > .section { margin:0 !important; }

/* Vistas (Resumen · Disponible · Por cobrar · Dinero retenido) y sub-vistas: el segmentado del portal, más grande. */
#app-shell .bk-vistas .seg-filtros { background:#dde1e7 !important; }
#app-shell .bk-vistas .seg-filtros .chip, #app-shell .bk-sub .seg-filtros .chip { min-height:40px; padding:0 18px; font-size:15px !important; font-weight:600; }
#app-shell .bk-sub { margin-top:-4px; }

/* Tablas: encabezado claro, números alineados, filas que filtran por tienda con su estado. */
/* Las tablas viejas del portal ponen los th en versalitas de 11 px: aquí no. */
#app-shell .bk th { text-transform:none !important; letter-spacing:0 !important; }
#app-shell .bk .gen-barra > i { background:#3f3f46; }
#app-shell .bk-tabla { margin:0; font-size:14.5px; font-variant-numeric:tabular-nums; }
#app-shell .bk-tabla thead th { font-size:13px !important; font-weight:600; letter-spacing:0; text-transform:none; color:#5f6b7a; border-bottom:1px solid #e9ebed !important; padding:10px 12px; white-space:nowrap; background:transparent; }
#app-shell .bk-tabla tbody td, #app-shell .bk-tabla tbody th, #app-shell .bk-tabla tfoot td, #app-shell .bk-tabla tfoot th { padding:11px 12px; border-bottom:1px solid #f0f1f4; vertical-align:middle; background:transparent; }
#app-shell .bk-tabla tbody th, #app-shell .bk-tabla tfoot th { font-size:14.5px !important; font-weight:600; color:#16191f; }
#app-shell .bk-tabla .num { text-align:right; white-space:nowrap; }
#app-shell .bk-tabla tfoot th, #app-shell .bk-tabla tfoot td { font-weight:700; border-top:1px solid #d6dae1; border-bottom:0; }
#app-shell .bk-tabla td em, #app-shell .bk-ecuacion em { display:block; font-style:normal; font-size:13px; color:#5f6b7a; font-weight:400; }
#app-shell .bk-tabla tr.bk-fila { cursor:pointer; }
#app-shell .bk-tabla tr.bk-fila:hover { background:#f7f8fa; }
#app-shell .bk-tabla tr.bk-fila[aria-pressed="true"] { background:#fff4ec; }
#app-shell .bk-tabla tr.bk-fila[aria-pressed="true"] th { box-shadow:inset 3px 0 0 #e0661a; }
#app-shell .bk-tabla tr.bk-fila:focus-visible { outline:2px solid #c2410c; outline-offset:-2px; }
#app-shell .bk .rojo, #app-shell .bk .gen-baja { color:#b42318 !important; }
#app-shell .bk .gen-sube { color:#1f7a4d !important; }
#app-shell .bk-op { font-variant-numeric:tabular-nums; color:#414d5c; }
#app-shell .bk-viejo { color:#c2410c !important; font-weight:600; }

/* Movimientos día por día: cada día y tienda abre con su fila de saldo y cierra con su saldo. */
#app-shell .bk-tabla tr.bk-dia th, #app-shell .bk-tabla tr.bk-dia td { background:#f7f8fa; border-top:1px solid #e3e6eb; }
#app-shell .bk-tabla tr.bk-cierre td { border-bottom:1px solid #d6dae1; }

/* Ecuaciones (cómo se integra el disponible, último día). */
#app-shell .bk-ecuacion { margin:0; font-size:15px; font-variant-numeric:tabular-nums; }
#app-shell .bk-ecuacion th { font-size:15px !important; font-weight:600; color:#16191f; padding:10px 8px; border-bottom:1px solid #f0f1f4; }
#app-shell .bk-ecuacion td { padding:10px 8px; border-bottom:1px solid #f0f1f4; }
#app-shell .bk-ecuacion .num { text-align:right; white-space:nowrap; font-weight:600; }
#app-shell .bk-ecuacion .bk-signo { width:22px; color:#5f6b7a; font-size:17px; text-align:center; }
#app-shell .bk-ecuacion tfoot th, #app-shell .bk-ecuacion tfoot td { border-top:2px solid #16191f; border-bottom:0; font-size:16px !important; font-weight:700; padding-top:12px; }
#app-shell .in-rejilla.bk-dos { grid-template-columns:minmax(0, 1fr) minmax(0, 1.4fr); align-items:start; gap:28px; }

/* Listas con barra (de dónde entra, en qué sale, calendario, motivos, tramos). */
#app-shell .bk-filas li { display:block !important; width:100%; }
#app-shell .bk-filas .bk-li { display:grid; width:100%; box-sizing:border-box; grid-template-columns:minmax(0, 1.25fr) minmax(80px, 1.4fr) 132px 52px; align-items:center; gap:14px; padding:10px 6px; font-size:15px; }
#app-shell .bk-filas .bk-li > span:first-child { min-width:0; color:#16191f; }
#app-shell .bk-filas .bk-li b { font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
#app-shell .bk-filas .bk-li > em { font-style:normal; text-align:right; font-size:13px; color:#5f6b7a; font-variant-numeric:tabular-nums; }
#app-shell .bk-filas .gen-sub-izq { display:block; font-style:normal; }
#app-shell .bk-filas li + li .bk-li { border-top:1px solid #f0f1f4; }

/* Requiere atención: etiqueta de prioridad, qué pasa y cuánto, y el enlace a la sección exacta. */
#app-shell .bk-hallazgos { list-style:none; margin:0; padding:0; }
#app-shell .bk-hallazgos li { display:grid; grid-template-columns:86px minmax(0, 1fr) auto; gap:14px; align-items:start; padding:14px 4px; border-bottom:1px solid #f0f1f4; }
#app-shell .bk-hallazgos li:last-child { border-bottom:0; }
#app-shell .bk-hallazgos b { display:block; font-size:15px; color:#16191f; line-height:1.4; }
#app-shell .bk-hallazgos p { margin:4px 0 0; font-size:14px; line-height:1.5; color:#414d5c; }
#app-shell .bk-etq { display:inline-block; padding:3px 9px; border-radius:999px; font-size:13px; font-weight:600; border:1px solid currentColor; text-align:center; }
#app-shell .bk-critico .bk-etq { color:#b42318; background:#fef3f2; }
#app-shell .bk-atencion .bk-etq { color:#b54708; background:#fffaeb; }
#app-shell .bk-info .bk-etq { color:#414d5c; background:#f3f4f6; }
#app-shell .bk-h-der { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
#app-shell .bk-h-der strong { font-size:15px; font-variant-numeric:tabular-nums; white-space:nowrap; }
#app-shell .bk-critico .bk-h-der strong { color:#b42318; }
#app-shell .bk-ver { min-height:32px; border:0; background:none; padding:0 2px; color:#c2410c; font-size:14px; font-weight:600; white-space:nowrap; }
#app-shell .bk-ver:hover { text-decoration:underline; }
#app-shell .bk-ver:focus-visible { outline:2px solid #c2410c; outline-offset:2px; border-radius:4px; }

/* Cómo terminan las retenciones: hallazgo abierto, por confirmar con Mercado Pago. */
#app-shell .bk-etq-abierto { margin-left:auto; padding:4px 10px; border-radius:999px; background:#fffaeb; color:#b54708; font-size:13px; font-weight:600; white-space:nowrap; }
#app-shell .bk-frase { margin:0 0 12px; font-size:15px; line-height:1.5; color:#16191f; }
#app-shell .bk-der { margin-left:auto; font-size:14px; }

/* Gráfica, búsqueda, paginación. */
#app-shell .bk-graf { height:260px; }
#app-shell .bk-buscar { display:flex; align-items:center; gap:8px; max-width:420px; margin:0 0 12px; padding:0 12px; min-height:40px; border:1px solid #d6dae1; border-radius:10px; background:#fff; color:#5f6b7a; }
#app-shell .bk-buscar input { flex:1; border:0; outline:0; min-height:38px; font-size:15px; background:transparent; color:#16191f; }
#app-shell .bk-buscar:focus-within { border-color:#c2410c; box-shadow:0 0 0 3px rgba(194,65,12,.15); }
#app-shell .bk-pag { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:12px; flex-wrap:wrap; }
#app-shell .bk-pag .caso-meta { margin-right:auto; font-size:14px; }
#app-shell .bk-pag .tv-boton { min-height:40px; }
#app-shell .bk-mini { margin-bottom:12px; }

/* Pantallas angostas: una columna y tablas con su propio desplazamiento horizontal. */
@media (max-width:900px) {
  #app-shell .in-rejilla.bk-dos { grid-template-columns:1fr; gap:14px; }
  #app-shell .bk-vistas .seg-filtros { display:flex; flex-wrap:nowrap; overflow-x:auto; max-width:100%; }
  #app-shell .bk-vistas .seg-filtros .chip { white-space:nowrap; padding:0 14px; }
  #app-shell .bk-filas .bk-li { grid-template-columns:minmax(0, 1fr) auto; row-gap:6px; }
  #app-shell .bk-filas .bk-li .gen-barra { grid-column:1 / -1; grid-row:2; }
  #app-shell .bk-filas .bk-li > em { display:none; }
  #app-shell .bk-hallazgos li { grid-template-columns:minmax(0, 1fr); gap:8px; }
  #app-shell .bk-hallazgos .bk-etq { justify-self:start; }
  #app-shell .bk-h-der { flex-direction:row; align-items:center; justify-content:space-between; }
}

/* Lo que acompaña a cada renglón (operaciones, pagos, «en 3 días»): 13 px, no la letra mínima de las listas del General. */
#app-shell .bk .gen-sub-izq, #app-shell .bk-filas .gen-sub-izq { font-size:13px !important; color:#5f6b7a !important; line-height:1.4; margin-top:2px; }
#app-shell .bk .caso-meta { font-size:14px; }
/* Las ecuaciones no se desplazan: caben en el ancho de la tarjeta (el portal les pone un ancho mínimo a las tablas). */
#app-shell .bk-ecuacion { min-width:0 !important; width:100% !important; }
#app-shell .bk-ecuacion th { white-space:normal; }

/* Reglas de BI (2026-11-03): tarjeta sin pendientes, apartado en camino, salto de origen, promedio liberado. */
#app-shell .bk-al-dia { display:flex; align-items:center; gap:8px; margin:6px 0; font-size:15px; color:#1f7a4d; }
#app-shell .bk-al-dia i { font-size:18px; }
#app-shell .bk-camino { display:flex; align-items:center; gap:6px; margin-top:8px; color:#414d5c !important; font-weight:600; }
#app-shell .bk-salto { color:#b54708; font-size:14px; }
#app-shell .bk-salto i { margin-right:6px; }
#app-shell .bk-promedio { margin:8px 0 0; font-size:14px; color:#414d5c; }
#app-shell .bk-h3 { margin:20px 0 8px; font-size:16px; font-weight:600; color:#16191f; }
#app-shell .bk-ancla { scroll-margin-top:80px; }
#app-shell #bk-motivos, #app-shell #bk-llego, #app-shell #bk-retiros, #app-shell #bk-calendario, #app-shell #bk-terminan { scroll-margin-top:80px; }