/* ---------- contas a pagar ---------- */
.pc .cc{font-weight:600}
.pc .rec{background:rgba(61,123,255,.16)!important;border-color:rgba(61,123,255,.35)!important;color:var(--acc2-fg)!important}
.pc .desc{font-size:11.5px;color:var(--dim2);margin-top:5px;line-height:1.4}
.mdl.wide{max-width:600px}
.mdl .sec{font-size:10.5px;text-transform:uppercase;letter-spacing:.9px;color:var(--dim2);font-weight:700;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
.mdl .sec:first-of-type{margin-top:0;padding-top:0;border-top:none}
.mdl .body{max-height:min(64vh,560px);overflow-y:auto;padding-right:6px;margin-right:-6px}
.radios{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.radio{border:1px solid var(--line);border-radius:11px;padding:11px 12px;cursor:pointer;transition:.15s;background:var(--sf1)}
.radio:hover{border-color:var(--line2)}
.radio.on{border-color:rgba(125,92,255,.6);background:linear-gradient(150deg,rgba(125,92,255,.2),var(--sf1));box-shadow:0 0 0 1px rgba(125,92,255,.25)}
.radio b{display:block;font-size:12.5px;font-weight:600}
.radio small{color:var(--dim2);font-size:11px;line-height:1.35;display:block;margin-top:2px}

/* Identificação do projeto nos recebíveis Sebrae */
.pc .projref{font-size:10px;color:var(--dim2);margin:4px 0 7px;line-height:1.35}

/* v1.0.2 - contexto Sebrae nos recebíveis */
.fin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.fin-card-head .cli{min-width:0}
.fin-card-actions{display:flex;align-items:center;gap:8px;flex:none}
.fin-context{display:flex;flex-wrap:wrap;gap:4px 10px;margin:5px 0 2px;font-size:10px;color:var(--dim2);line-height:1.35}
.fin-context b{color:var(--dim);font-weight:600}
.fin-payable-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.fin-payable-head>div{min-width:0}.fin-payable-head .cli{overflow-wrap:anywhere}
.fin-delete{flex:none;border:0;background:transparent;color:var(--dim2);font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.2;padding:3px 0;cursor:pointer}
.fin-delete:hover{color:var(--dang-fg)}
.confirm-code{margin:16px 0}.confirm-code label{display:block;margin-bottom:7px;color:var(--dim);font-size:12px}.confirm-code input{text-transform:uppercase;width:100%}

/* ---- Contas a receber / a pagar no padrão dos kanbans de Clientes e Captações (clientes.css) ----
   Só CSS: a marcação e a lógica (arrastar, totais, filtros) continuam as mesmas.
   Coluna de 300px tingida pela cor do status (--cor), etiqueta do status, total abaixo
   do cabeçalho e cards sólidos e compactos. */
#pg-fin .kb{display:flex;gap:10px;align-items:flex-start;overflow-x:auto;padding-bottom:10px;grid-template-columns:none}
#pg-fin .kcol{flex:0 0 300px;width:300px;min-height:220px;padding:8px;border-radius:12px;
  background:color-mix(in srgb,var(--cor) 7%,transparent);border:1px solid color-mix(in srgb,var(--cor) 14%,transparent);transition:background .15s,border-color .15s}
/* cor pela coluna (não pela posição): Pendente · Atrasado · Pago */
#pg-fin .kcol:has(#lPend,#slPend){--cor:var(--warn)}
#pg-fin .kcol:has(#lAtr,#slAtr){--cor:var(--dang)}
#pg-fin .kcol:has(#lPago,#slPago){--cor:var(--ok)}
#pg-fin .kcol.over{background:color-mix(in srgb,var(--cor) 16%,transparent);border-color:color-mix(in srgb,var(--cor) 45%,transparent)}
#pg-fin .kh{flex-wrap:wrap;gap:7px;margin:0;padding:4px 4px 8px}
#pg-fin .kh i{display:none}
#pg-fin .kh b{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;white-space:nowrap;color:var(--txt);background:color-mix(in srgb,var(--cor) 22%,transparent);border:1px solid color-mix(in srgb,var(--cor) 35%,transparent)}
#pg-fin .kh b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cor);flex:none}
#pg-fin .kh .n{margin-left:0;font-size:12px;font-weight:600;color:var(--dim2)}
#pg-fin .kh .tot{order:3;flex-basis:100%;margin:-2px 2px 0;font-size:11.5px;font-weight:600;color:var(--dim);font-variant-numeric:tabular-nums}
#pg-fin .kcol>div[id^=l],#pg-fin .kcol>div[id^=sl]{display:flex;flex-direction:column;gap:7px;max-height:min(66vh,780px);overflow-y:auto}
#pg-fin .kcol .kempty{min-height:56px;padding:0;font-size:0;border-radius:9px;border:1.5px dashed color-mix(in srgb,var(--cor) 22%,transparent)}
#pg-fin .pc{margin:0;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);box-shadow:0 1px 2px rgba(0,0,0,.12);transition:border-color .12s,box-shadow .12s}
:root[data-theme="light"] #pg-fin .pc{background:#fff}
#pg-fin .pc:hover{background:var(--sf2);border-color:color-mix(in srgb,var(--cor,var(--acc)) 50%,var(--line));box-shadow:0 4px 14px rgba(0,0,0,.14)}
#pg-fin .pc .cli{font-size:13.5px;line-height:1.35}
#pg-fin .pc .cli span{font-size:12px}
#pg-fin .pc .projref,#pg-fin .pc .fin-context{font-size:11.5px;margin:2px 0 0}
#pg-fin .pc .val{font-size:15px;font-weight:700;letter-spacing:-.2px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line)}
#pg-fin .pc .dtlin{margin-top:4px}
#pg-fin .fin-delete{opacity:0;transition:opacity .12s}
#pg-fin .pc:hover .fin-delete,#pg-fin .fin-delete:focus-visible{opacity:1}
@media(max-width:720px){#pg-fin .kcol{flex-basis:78vw;width:78vw}}