/* Pagos con tarjeta (vista #/pagos). Neutro, consistente con styles.css. */
.pg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.pg-kpi{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.pg-kpi b{display:block;font-size:24px;color:var(--green)}.pg-kpi span{font-size:12px;color:var(--muted)}
.pg-filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}
.pg-filtros .seg{max-width:100%;overflow-x:auto}.pg-filtros .seg button{white-space:nowrap}
.pg-prov{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.pg-prov select{min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:#fff}
.pg-tbl{min-width:860px}.pg-tbl td{vertical-align:top}.pg-tbl small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.pg-tbl .r,.pg-tbl th.r{text-align:right}
.pg-ref{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}
.pg-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--line);background:#EEF0EE;color:#4B514C}
.pg-ok{background:#E3F4EC;color:#166534;border-color:#9ADBCF}.pg-warn{background:#FFF4D6;color:#7A4B00;border-color:#E8C67A}
.pg-bad{background:var(--red-soft);color:var(--red);border-color:var(--red-line)}.pg-info{background:#E8EEFB;color:#1E40AF;border-color:#B7C7F0}
.pg-error{margin:8px 0;padding:10px 12px;border-radius:10px;background:var(--red-soft);border:1px solid var(--red-line);color:var(--red);font-size:13px}
.pg-nota{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#E3F4EC;border:1px solid #9ADBCF;color:#166534;font-size:13px}