/* ================================================================
   app-pagos.css — Módulo Pagos (historial agregado)
   ================================================================ */

.pag-filtro-codigo input {
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-main);
  font-size: 0.85rem;
  min-width: 160px;
}

.pag-row { cursor: pointer; }

.pag-estado {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--radius-full);
  border: 1px solid;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: capitalize;
}

.pag-total {
  margin-top: 14px;
  padding: 10px 16px;
  font-size: 0.85rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 8px;
}

.pag-total strong { color: var(--text-main); font-size: 0.95rem; }

@media (max-width: 480px) {
  .pag-filtro-codigo input { min-width: 0; width: 100%; }
}