/* Estado de pago visible en tarjetas · Gastos · Por pagar · Por cobrar · Incentivos */
:root{--cp-ok:#0A6E96;--cp-ok-s:rgba(10,110,150,.07);--cp-bad:#B4233A;--cp-bad-s:rgba(180,35,58,.06);--cp-navy:#244F78;--cp-mut:#8A97A8}
.ct-stamp{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;white-space:nowrap;height:24px;padding:0 10px 0 6px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1;margin-bottom:6px;border:1.5px solid currentColor;background:#fff;color:var(--cp-navy)}
.ct-stamp::before{content:"";flex:none;width:13px;height:13px;border-radius:50%;box-sizing:border-box;border:2px solid currentColor}
.ct-stamp[data-s=pagado]{background:var(--cp-ok);border-color:var(--cp-ok);color:#fff;box-shadow:0 2px 8px rgba(10,110,150,.28)}
.ct-stamp[data-s=pagado]::before{border:0;background:#fff center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%230A6E96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ct-stamp[data-s=parcial]{color:var(--cp-ok);background:var(--cp-ok-s)}
.ct-stamp[data-s=parcial]::before{border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.ct-stamp[data-s=vencido]{background:var(--cp-bad);border-color:var(--cp-bad);color:#fff}
.ct-stamp[data-s=vencido]::before{border:0;background:#fff;-webkit-mask:none;content:"!";display:inline-flex;align-items:center;justify-content:center;color:var(--cp-bad);font-size:11px;font-weight:900}
.ct-stamp[data-s=archivado],.ct-stamp[data-s=omitido]{color:var(--cp-mut)}
.ct-stamp[data-s=cerrado]{color:var(--cp-ok);background:#fff}
.ct-stamp[data-s=cerrado]::before{border:0;background:var(--cp-ok) center/9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* el rótulo pequeño "Pagado/Cobrado" sobra con el sello */
.ops-doc-money>.ct-stamp+small{display:none}
.ops-doc-money{display:flex;flex-direction:column;align-items:flex-end}
/* Tarjeta pagada */
body .patr-operations tr[data-pay=pagado],body .patr-operations div[data-pay=pagado].patr-account-row{background:#F1F7FA!important;background-image:none!important}
body .patr-operations tr[data-pay=pagado]>td{background:transparent!important;background-image:none!important}
body .patr-operations div[data-pay=pagado].patr-account-row{border-color:rgba(10,110,150,.25)!important}
body .patr-operations [data-pay=pagado] .ops-doc-avatar{background:var(--cp-ok)!important;border-color:var(--cp-ok)!important;color:transparent!important;position:relative;box-shadow:0 0 0 3px rgba(10,110,150,.15)}
body .patr-operations [data-pay=pagado] .ops-doc-avatar::before{content:"";position:absolute;inset:0;border-radius:50%;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body .patr-operations [data-pay=pagado] .ops-doc-money strong,body .patr-operations [data-pay=pagado] .ops-doc-money [data-testid^=text-amount]{color:var(--cp-ok)!important}
body .patr-operations [data-pay=pagado] .ops-doc-progress progress::-webkit-progress-value{background:var(--cp-ok)!important}
body .patr-operations [data-pay=pagado] .ops-doc-progress progress::-moz-progress-bar{background:var(--cp-ok)!important}
body .patr-operations [data-pay=parcial] .ops-doc-progress progress::-webkit-progress-value{background:var(--cp-ok)!important}
body .patr-operations [data-pay=parcial] .ops-doc-progress progress::-moz-progress-bar{background:var(--cp-ok)!important}
/* Sin pago */

body .patr-operations tr[data-group=overdue] .ops-doc-avatar,div[data-due=vencido]body .patr-operations [data-pay=sin-pago] .ops-doc-avatar,body .patr-operations div[data-due=vencido][data-pay=parcial] .ops-doc-avatar{border:1.5px solid var(--cp-bad)!important;color:var(--cp-bad)!important}
body .patr-operations tr[data-group=overdue] .ops-doc-money strong,body .patr-operations div[data-due=vencido]:not([data-pay=pagado]) .ops-doc-money [data-testid^=text-amount]{color:var(--cp-bad)!important}
/* Encabezado del grupo Pagados */
body .patr-operations .ops-doc-group[data-tone=paid] h3{color:var(--cp-ok)!important}
/* Incentivos · lista de pagos */
.ct-inc tr[data-pay=pagado]>td,.ct-inc tr[data-pay=cerrado]>td{background:#F1F7FA!important;background-image:none!important}
.ct-inc tr[data-pay=pagado]>td:first-child,.ct-inc tr[data-pay=cerrado]>td:first-child{box-shadow:inset 4px 0 0 var(--cp-ok)}
.ct-inc td .ct-stamp{margin:0;align-self:auto}
@media (max-width:760px){.ct-stamp{height:22px;font-size:10px;padding:0 8px 0 5px}}
/* mayor especificidad que el tinte por empresa (ct-co) */
body .patr-operations .patr-account-row[data-pay=pagado]:has(.ops-owner-label) > .patr-account-layout{background:#F1F7FA!important;border-radius:inherit}
body .patr-operations .patr-account-row[data-pay=pagado]:has(.ops-owner-label) .ops-doc-avatar,body .patr-operations tr[data-owner][data-pay=pagado] .ops-doc-avatar{background:var(--cp-ok)!important;border:1px solid var(--cp-ok)!important;color:transparent!important;box-shadow:0 0 0 3px rgba(10,110,150,.15)}
body .patr-operations .patr-account-row[data-due=vencido]:not([data-pay=pagado]):has(.ops-owner-label) .ops-doc-avatar,body .patr-operations tr[data-owner][data-group=overdue] .ops-doc-avatar{border:1.5px solid var(--cp-bad)!important}
