/* Gestiontrak · Cuentas por pagar (usa también los estilos base de cxc.css) */
.cxp .cp-filtros { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; margin-bottom: 12px; background: var(--surface-2); border-radius: var(--r); }
.cxp .cp-filtros button { border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 6px; padding: 7px 12px; font-weight: 600; font-size: 13px; cursor: pointer; }
.cxp .cp-filtros button:hover { border-color: var(--accent); color: var(--accent); }
.cxp .cp-filtros button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); }
.cxp .cp-filtros .limpiar { background: transparent; border-color: transparent; color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.cxp .cp-tabla td { vertical-align: top; }
.cxp td.cp-desc { min-width: 200px; max-width: 320px; }
.cxp .cp-pagar { border-color: var(--accent); color: var(--accent); }
.cxp .cp-pp { min-width: 38px; }
.cxp tr.cp-abierta td { background: var(--accent-soft); }
.cxp tr.cp-form td { background: var(--accent-soft); padding: 12px; }
.cxp input[readonly].num { background: var(--surface-2); }