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

.badge-pendiente { background: var(--advertencia-bg); color: var(--advertencia); }
.badge-pagado    { background: var(--exito-bg);        color: var(--exito); }
.badge-vencido   { background: var(--error-bg);         color: var(--error); }
.badge-anulado   { background: var(--gris-claro);       color: var(--gris-texto); }

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

@media (max-width: 900px) { .totales-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .totales-grid { grid-template-columns: 1fr; } }

/* Tabla agrupada */
.tabla-cobros tr.fila-separador td {
  height: 8px;
  background: var(--fondo);
  border: none;
  padding: 0;
}

.tabla-cobros tbody tr:not(.fila-separador):hover td {
  background: var(--fondo);
}

.tabla-cobros td[rowspan] {
  border-right: 2px solid var(--borde);
  background: var(--blanco);
}