/* ═══════════════════════════════════════════════════════════════════════════
 * finanzas-3b.css · Bloque 3B (grid + teclado) · LUZOcrm V2 / TRANSED
 * Detalle de Estado de Pago: tabla en grid, navegación por teclado, búsqueda,
 * zona de acción única, barra masiva violeta, edición inline.
 * Inspirado en el layout de la Bandeja P360 pero con tokens --lk-*,
 * font-family system-ui, font-weight 500 (nunca 700), borders .5px, radius 10px.
 * Sin acentos de color en filas (solo selección/cursor sobrios). SVG inline.
 * ═══════════════════════════════════════════════════════════════════════════ */

.pg-conc{padding:0 16px 20px}

/* ── Zona de acción ── */
.pg-actionbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:12px 14px;margin:0 0 12px;border:.5px solid var(--lk-border,#e2e8f0);border-radius:10px;background:var(--lk-bg-card,#fff)}
.pg-actionbar[hidden]{display:none}
.pg-actionbar-info{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}
.pg-actionbar-ic{flex:0 0 auto;color:var(--lk-amber,#b45309);margin-top:1px}
.pg-actionbar-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.pg-actionbar-title{font-size:13px;font-weight:500;color:var(--lk-text-primary,#0f172a);margin-bottom:2px}
.pg-actionbar-sub{font-size:12px;color:var(--lk-text-muted,#64748b);line-height:1.45}
.pg-actionbar-cta{flex:0 0 auto}

/* ── Barra masiva violeta (reemplaza el actionbar) ── */
.pg-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:9px 14px;margin:0 0 12px;border-radius:10px;background:var(--lk-brand,#7c3aed);color:#fff;box-shadow:0 6px 18px -10px rgba(124,58,237,.55)}
.pg-bulkbar[hidden]{display:none}
.pg-bulkbar-l{display:flex;align-items:center;gap:8px;min-width:0}
.pg-bulkbar-count{font-size:12.5px;font-weight:500;color:#fff;white-space:nowrap}
.pg-bulkbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pg-bulkbar-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:500;
  font-family:var(--lk-font-sans,system-ui);border:.5px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .12s;white-space:nowrap}
.pg-bulkbar-btn svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-bulkbar-btn:hover:not([disabled]){background:rgba(255,255,255,.26)}
.pg-bulkbar-btn[disabled]{opacity:.55;cursor:default}
.pg-bulkbar-btn--ghost{border-color:transparent;background:transparent}
.pg-bulkbar-btn--ghost:hover:not([disabled]){background:rgba(255,255,255,.16)}

/* ── Caja de la tabla ── */
.pg-conc-card{border:.5px solid var(--lk-border,#e2e8f0);border-radius:12px;overflow:hidden;background:var(--lk-bg-card,#fff)}

/* búsqueda (parte de la caja, no barra suelta) */
.pg-conc-search{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:.5px solid var(--lk-border,#e2e8f0)}
.pg-conc-search svg{width:15px;height:15px;color:var(--lk-text-faint,#94a3b8);flex:0 0 auto}
.pg-conc-search input{flex:1;border:0;background:transparent;outline:none;font:inherit;font-size:13px;color:var(--lk-text-primary,#0f172a);font-family:var(--lk-font-sans,system-ui)}
.pg-conc-search input::placeholder{color:var(--lk-text-faint,#94a3b8)}
.pg-conc-search-n{font-size:11.5px;color:var(--lk-text-muted,#64748b);white-space:nowrap;font-variant-numeric:tabular-nums}

/* grid */
.pg-grid{width:100%}
.pg-grow{display:grid;grid-template-columns:36px 92px minmax(0,1.5fr) minmax(0,1fr) 160px 104px;align-items:center;gap:10px;
  padding:9px 14px;border-top:.5px solid var(--lk-border,#e2e8f0);transition:background .12s,opacity .18s,transform .18s;
  animation:pgRowIn .26s ease both}
@keyframes pgRowIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pg-grow--head{background:var(--lk-bg-surface,#f8fafc);border-top:none;font-size:10.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--lk-text-muted,#64748b);font-weight:500;padding:9px 14px;animation:none}
.pg-grow--head .pg-gc--r{text-align:right}
.pg-grow:not(.pg-grow--head):hover{background:var(--lk-bg-surface,#fafafa)}
.pg-grow.is-sel{background:var(--lk-brand-muted,rgba(124,58,237,.08))}
.pg-grow.is-cursor{background:color-mix(in srgb,var(--lk-brand,#7c3aed) 7%,var(--lk-bg-card,#fff));
  outline:1.5px solid color-mix(in srgb,var(--lk-brand,#7c3aed) 35%,transparent);outline-offset:-1.5px}
.pg-grow.is-leaving{opacity:0;transform:translateX(8px)}

.pg-gc-chk{display:flex;align-items:center;justify-content:center}
.pg-gc-date{font-size:11.5px;color:var(--lk-text-muted,#64748b);white-space:nowrap;font-variant-numeric:tabular-nums}
.pg-gc-pac{display:flex;align-items:center;gap:9px;min-width:0}
.pg-gc-pac .pg-avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  background:var(--lk-brand,#7c3aed);color:#fff;font-size:11.5px;font-weight:500}
.pg-cell-main{font-weight:500;color:var(--lk-text-primary,#0f172a);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-cell-sub{font-size:11.5px;color:var(--lk-text-muted,#64748b);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-gc-prest{font-size:12px;color:var(--lk-text-secondary,#475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-gc-disc{text-align:right}
.pg-gc-act{text-align:right}

/* discrepancia compacta */
.pg-disc{display:inline-flex;align-items:baseline;gap:7px;justify-content:flex-end;font-variant-numeric:tabular-nums}
.pg-disc-from{color:var(--lk-text-faint,#94a3b8);text-decoration:line-through;font-size:11.5px}
.pg-disc-arrow{color:var(--lk-text-faint,#cbd5e1);font-size:11px}
.pg-disc-to{color:var(--lk-text-primary,#0f172a);font-weight:500}

/* edición inline */
.pg-monto-wrap{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.pg-monto-edit{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;
  color:var(--lk-text-faint,#cbd5e1);cursor:pointer;border-radius:6px;transition:color .12s,background .12s,opacity .12s;opacity:0}
.pg-monto-edit svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.pg-grow:hover .pg-monto-edit,.pg-grow.is-cursor .pg-monto-edit{opacity:1}
.pg-monto-edit:hover{color:var(--lk-brand,#7c3aed);background:var(--lk-brand-muted,rgba(124,58,237,.1))}
.pg-monto-edit-box{display:inline-flex;align-items:center;gap:4px}
.pg-monto-input{max-width:96px;text-align:right;height:30px;padding:0 8px;font-size:12.5px;font-variant-numeric:tabular-nums}
.pg-monto-ok,.pg-monto-cancel{display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;border-radius:7px;
  border:.5px solid var(--lk-border,#e2e8f0);background:var(--lk-bg-card,#fff);cursor:pointer;transition:filter .12s,background .12s}
.pg-monto-ok{background:var(--lk-brand,#7c3aed);border-color:var(--lk-brand,#7c3aed)}
.pg-monto-ok svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2}
.pg-monto-ok:hover{filter:brightness(.93)}
.pg-monto-ok[disabled]{opacity:.5;cursor:default;pointer-events:none}
.pg-monto-cancel svg{width:13px;height:13px;fill:none;stroke:var(--lk-text-muted,#64748b);stroke-width:2.2}
.pg-monto-cancel:hover{background:var(--lk-bg-surface,#f8fafc)}

/* botón por fila */
.pg-row-btn{display:inline-flex;align-items:center;height:26px;padding:0 11px;font-size:11.5px;font-weight:500;
  font-family:var(--lk-font-sans,system-ui);border:.5px solid var(--lk-border,#e2e8f0);border-radius:99px;background:var(--lk-bg-card,#fff);
  color:var(--lk-text-secondary,#475569);cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}
.pg-row-btn:hover{border-color:var(--lk-brand,#7c3aed);color:var(--lk-brand,#7c3aed);background:var(--lk-brand-muted,rgba(124,58,237,.08))}

/* estado vacío */
.pg-conc-empty{padding:32px 20px;text-align:center}
.pg-conc-empty-ic{width:48px;height:48px;margin:0 auto 14px;border-radius:99px;display:flex;align-items:center;justify-content:center;
  background:var(--lk-green-soft,rgba(16,185,129,.12));color:var(--lk-green,#10b981)}
.pg-conc-empty-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5}
.pg-conc-empty-t{font-size:16px;font-weight:500;color:var(--lk-text-primary,#0f172a);margin-bottom:5px}
.pg-conc-empty-s{font-size:13px;color:var(--lk-text-muted,#64748b);max-width:380px;margin:0 auto}

/* footer con atajos */
.pg-conc-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 4px 0;font-size:11px;color:var(--lk-text-muted,#64748b)}
.pg-foot-counts{display:inline-flex;align-items:center;gap:6px}
.pg-foot-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.pg-foot-sp{flex:1}
.pg-foot-hint{color:var(--lk-text-faint,#94a3b8)}
.pg-conc-foot kbd{font-family:var(--lk-font-sans,system-ui);background:var(--lk-bg-card,#fff);border:.5px solid var(--lk-border,#e2e8f0);
  border-radius:4px;padding:1px 5px;font-size:10px;margin:0 1px;color:var(--lk-text-secondary,#475569)}