/* pagos.css — estilos específicos del módulo de pagos */

.totales-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}

@media (max-width: 768px) { .totales-grid { grid-template-columns: 1fr; } }

.badge-activo  { background: var(--exito-bg);  color: var(--exito); }
.badge-anulado { background: var(--error-bg);   color: var(--error); }