/* Clientes (11-nov): lo propio del módulo. La grilla, los datos, el historial y el modal reutilizan las clases pp-* de pagos-portal.css. */
.badge.cl-gris{background:var(--gris-suave,#eef1f5);color:var(--texto-2,#4b5565)}
.cl-ficha{display:flex;flex-direction:column;gap:16px;max-width:1100px}
.cl-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cl-cab h2{margin:0;font-size:1.35rem}
.cl-cab p{margin:4px 0 0}
.cl-acciones{display:flex;flex-wrap:wrap;gap:8px}
.cl-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.cl-caja{background:var(--panel,#fff);border:1px solid var(--borde,#e3e7ee);border-radius:12px;padding:14px 16px;min-width:0}
.cl-caja h3{margin:0 0 10px;font-size:1rem}
.cl-sols{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cl-sols li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
@media (max-width:600px){.cl-acciones .btn{flex:1 1 100%}}
/* REG-06: el botón deshabilitado va envuelto para que el motivo se vea al pasar el ratón */
.cl-off { display: inline-flex; cursor: not-allowed; }
.cl-off .btn[disabled] { pointer-events: none; }
.cl-nota { margin: -4px 0 12px; font-size: 12.5px; }