/* ===== Estilo único dos kanbans (modelo: kanban do projeto, estilo ClickUp) =====
   coluna tingida pela cor do status, selo sólido com ícone de status, contagem na cor
   da coluna e colunas altas. Vale para .cli-col (Clientes, Captações, Pós-venda) e
   .kcol/.kh (Projetos, Financeiro); a cor das .kcol vem de js/kanban-cu.js (--cu). */
:root{--kb-alto:max(440px,calc(100vh - 300px));
  --kb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='M8 5v3h2.5'/%3E%3C/svg%3E")}

/* ---- .cli-col ---- */
.cli-col{border:none;background:color-mix(in srgb,var(--sf1) 88%,var(--cor) 12%);min-height:var(--kb-alto)}
.cli-col.recolhida{min-height:var(--kb-alto)}
.cli-col.drag-over,.cli-col.over{background:color-mix(in srgb,var(--sf1) 74%,var(--cor) 26%);outline:1px dashed var(--cor);border:none}
.cli-col .cli-status{background:var(--cor);color:#fff;border:none;padding:3px 8px;gap:5px;letter-spacing:.03em}
.cli-col .cli-status::before{width:12px;height:12px;border-radius:0;background:currentColor;
  -webkit-mask:var(--kb-ico) center/contain no-repeat;mask:var(--kb-ico) center/contain no-repeat}
.cli-col-head .n,.cli-col.recolhida .n{color:var(--cor);filter:brightness(1.25);font-size:12.5px}
.cli-col-cards{max-height:calc(var(--kb-alto) - 70px)}
.cli-col-cards:empty{border:none;min-height:0}
.cli-add{color:var(--cor)}

/* ---- .kcol / .kh ---- */
.kcol{border:none;border-radius:12px;padding:8px 8px 6px;min-height:var(--kb-alto);
  background:color-mix(in srgb,var(--sf1) 88%,var(--cu,#71717a) 12%)}
.kcol.over{background:color-mix(in srgb,var(--sf1) 74%,var(--cu,#71717a) 26%);outline:1px dashed var(--cu,#71717a)}
.kcol .kh{margin:2px 4px 12px;gap:8px}
.kcol .kh i{display:none}
.kcol .kh b{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:var(--cu,#71717a);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.kcol .kh b::before{content:"";width:12px;height:12px;flex:none;background:currentColor;
  -webkit-mask:var(--kb-ico) center/contain no-repeat;mask:var(--kb-ico) center/contain no-repeat}
.kcol .kh .n{margin-left:0;font-size:12.5px;font-weight:600;color:var(--cu,var(--dim2));filter:brightness(1.25)}
.kcol .kh .tot{margin-left:auto}
.kcol .kempty{border:none;background:transparent}
/* kanban do projeto: só a altura (o resto já é o modelo) */
#prjKb .kbx-col{min-height:var(--kb-alto)}
#prjKb .kbx-list{max-height:calc(var(--kb-alto) - 90px)}

/* Financeiro (Contas a receber/pagar) e tema claro tinham regras próprias mais fortes */
#pg-fin .kcol,:root[data-theme] .kcol{border:none;min-height:var(--kb-alto);
  background:color-mix(in srgb,var(--sf1) 88%,var(--cu,var(--cor,#71717a)) 12%)}
#pg-fin .kcol.over{background:color-mix(in srgb,var(--sf1) 74%,var(--cu,var(--cor)) 26%);outline:1px dashed var(--cu,var(--cor))}
#pg-fin .kh b{background:var(--cu,var(--cor));color:#fff;border:none;padding:3px 8px;gap:5px;letter-spacing:.03em}
#pg-fin .kh b::before{width:12px;height:12px;border-radius:0;background:currentColor;
  -webkit-mask:var(--kb-ico) center/contain no-repeat;mask:var(--kb-ico) center/contain no-repeat}
#pg-fin .kh .n,:root[data-theme] .kcol .kh .n{background:none;border:none;color:var(--cu,var(--cor));filter:brightness(1.25);font-size:12.5px}
#pg-fin .kcol>div[id^=l],#pg-fin .kcol>div[id^=sl]{max-height:calc(var(--kb-alto) - 90px)}
#pg-fin .kcol .kempty{border:none;min-height:0}

/* ---- paleta única: todas as colunas em tons de roxo (tema escuro e claro) ----
   a ordem da coluna escolhe o tom; !important vence a cor de status que cada tela
   escreve inline (--cor/--cu) */
:root{--kb-roxo-1:#a48bfa;--kb-roxo-2:#8b5cf6;--kb-roxo-3:#7c4dff;--kb-roxo-4:#6d3ee0;--kb-roxo-5:#5b2fc4;--kb-roxo-6:#9a7cf0}
:is(.cli-col,.kcol):nth-child(6n+1){--cor:var(--kb-roxo-1)!important;--cu:var(--kb-roxo-1)!important}
:is(.cli-col,.kcol):nth-child(6n+2){--cor:var(--kb-roxo-2)!important;--cu:var(--kb-roxo-2)!important}
:is(.cli-col,.kcol):nth-child(6n+3){--cor:var(--kb-roxo-3)!important;--cu:var(--kb-roxo-3)!important}
:is(.cli-col,.kcol):nth-child(6n+4){--cor:var(--kb-roxo-4)!important;--cu:var(--kb-roxo-4)!important}
:is(.cli-col,.kcol):nth-child(6n+5){--cor:var(--kb-roxo-5)!important;--cu:var(--kb-roxo-5)!important}
:is(.cli-col,.kcol):nth-child(6n){--cor:var(--kb-roxo-6)!important;--cu:var(--kb-roxo-6)!important}
/* contagem: no claro o roxo escurece em vez de clarear */
:root[data-theme="light"] :is(.cli-col-head .n,.cli-col.recolhida .n,.kcol .kh .n,.kbx-head .n){filter:brightness(.8)}