/* Calendario de pagos (pagos.js). Reutiliza las filas y botones de la bandeja de facturas (cfdi.css). */
.pg-mes{margin-top:14px}
.pg-cabeza{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-cabeza h2{margin:0;min-width:150px;text-align:center}
.pg-espacio{flex:1}
.pg-malla{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0 10px}
.pg-dsem{font-size:11px;font-weight:700;color:var(--suave);text-align:center;text-transform:uppercase}
.pg-dia,.pg-vacia{min-height:64px;border-radius:10px;padding:6px;font-size:13px}
.pg-dia{border:1px solid var(--linea);background:var(--papel);color:var(--suave);display:flex;flex-direction:column;gap:2px}
.pg-hoy{outline:2px solid var(--acento)}
.pg-pago{cursor:pointer;background:var(--fondo);color:inherit;text-align:left;font:inherit;border:1px solid var(--linea)}
.pg-pago b{font-size:15px}
.pg-pago small{font-size:11.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pg-pago .pg-falta{color:var(--mal,#b45309);font-weight:700}
.pg-proximo{border:2px solid var(--acento)}
.pg-listo{background:color-mix(in srgb,var(--ok) 14%,var(--papel))}
.pg-pago.activa{background:var(--acento);color:#fff;border-color:var(--acento)}
.pg-pago.activa .pg-falta{color:#fff}
.pg-detalle{margin-top:18px}
.pg-grupo{margin:16px 0 0;font-size:14px}
.pg-lista{display:grid;gap:10px;margin-top:10px}
.pg-totales{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--fondo);font-size:13.5px}
.pg-forma{margin-top:4px}
.pg-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.pg-campos label,.pg-mover{display:grid;gap:4px;font-size:12.5px;color:var(--suave)}
.pg-mover{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pg-mover input{width:120px}
.pg-cuentas .cf-pil{min-width:0;font-size:12.5px}
.pg-otra{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:13px;background:color-mix(in srgb,var(--mal,#b45309) 10%,var(--papel));
  padding:8px 10px;border-radius:8px}
.pg-aviso{margin-top:14px;border:1px solid var(--linea)}
@media (max-width:640px){
  .pg-malla{gap:3px}
  .pg-dia,.pg-vacia{min-height:48px;padding:4px;font-size:11px}
  .pg-pago small{font-size:10px}
  .pg-pago small:not(.pg-falta){display:none}
  .pg-cabeza h2{min-width:0;flex:1}
}
.pg-extras{display:flex;flex-wrap:wrap;gap:8px}
.pg-guia{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.45}