/* ================= COMERCIAL · Clientes (funil único) =================
   Um kanban para todas as origens. Cores só por tokens para valer nos dois temas. */

.cli-count{font-size:12px;color:var(--dim2);font-variant-numeric:tabular-nums}

/* Board no estilo ClickUp: colunas de largura fixa, tingidas com a cor do status (--cor),
   etiqueta do status no cabeçalho e cards sólidos e compactos. */
.cli-board-wrap{overflow-x:auto;padding-bottom:10px}
.cli-board{display:flex;gap:10px;align-items:stretch;min-width:min-content}  /* colunas da mesma altura na linha */
.cli-col{flex:0 0 336px;width:336px;border-radius:12px;padding:8px;min-height:220px;  /* altura da coluna Novo com 1 card: mínimo fixo, mesmo vazia */
  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}
.cli-col.drag-over{background:color-mix(in srgb,var(--cor) 16%,transparent);border-color:color-mix(in srgb,var(--cor) 45%,transparent)}
.cli-col-head{display:flex;align-items:center;gap:7px;padding:4px 4px 8px;position:sticky;top:0}
.cli-status{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;
  background:color-mix(in srgb,var(--cor) 22%,transparent);color:var(--txt);border:1px solid color-mix(in srgb,var(--cor) 35%,transparent)}
.cli-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cor);flex:none}
.cli-col-head .n{font-size:12px;font-weight:600;color:var(--dim2);font-variant-numeric:tabular-nums}
.cli-status{min-width:0;overflow:hidden}
.cli-status-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cli-col-acoes{margin-left:auto;display:flex;gap:2px;flex:none;opacity:.55;transition:opacity .12s}
.cli-col:hover .cli-col-acoes,.cli-col-acoes:focus-within{opacity:1}
.cli-ico-btn{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--dim);cursor:pointer;padding:0}
.cli-ico-btn:hover{background:color-mix(in srgb,var(--cor) 18%,transparent);color:var(--txt)}
.cli-ico-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* coluna recolhida: faixa estreita com o nome na vertical; clicar expande */
.cli-col.recolhida{flex:0 0 42px;width:42px;min-height:220px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.cli-col.recolhida .cli-status{writing-mode:vertical-rl;padding:9px 4px;max-height:260px}
.cli-col.recolhida .cli-status::before{margin-bottom:2px}
.cli-col.recolhida .n{font-size:12px;font-weight:600;color:var(--dim2)}
.cli-so{margin-left:auto;font-size:10.5px;color:var(--dim2);white-space:nowrap}
.cli-col-total{margin:-2px 6px 8px;font-size:11.5px;font-weight:600;color:var(--dim);font-variant-numeric:tabular-nums}
.cli-col-cards{display:flex;flex-direction:column;gap:7px;max-height:min(66vh,780px);overflow-y:auto}
.cli-col-cards:empty{min-height:56px;border-radius:9px;border:1.5px dashed color-mix(in srgb,var(--cor) 22%,transparent)}
.cli-add{width:100%;margin-top:7px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.cli-add:hover{background:color-mix(in srgb,var(--cor) 14%,transparent);color:var(--txt)}

.cli-card{background:var(--sf2);border:1px solid var(--line);border-radius:10px;padding:10px 11px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:border-color .12s,box-shadow .12s}
:root[data-theme="light"] .cli-card{background:#fff}
.cli-card:hover{border-color:color-mix(in srgb,var(--cor,var(--acc)) 50%,var(--line));box-shadow:0 4px 14px rgba(0,0,0,.14)}
.cli-card:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cli-card.drag{opacity:.45}
.cli-card.static{cursor:default}
.cli-card .cli-nome{font-size:13.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.cli-card .cli-meta{font-size:11.5px;color:var(--dim2);margin-top:2px;overflow-wrap:anywhere}
.cli-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.cli-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:550;color:var(--dim);background:var(--sf3);border:1px solid var(--line)}
.cli-linha{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11.5px;color:var(--dim2)}
.cli-ico{font-size:12px;line-height:1;opacity:.8}
.cli-card-foot{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}
.cli-card-foot .cli-passos{flex:1;margin:0}
.cli-passo-n{font-size:11px;color:var(--dim2);font-variant-numeric:tabular-nums;flex:none}
.cli-val{margin-left:auto;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.cli-passos{display:flex;gap:2px}
.cli-passos i{flex:1;height:4px;border-radius:2px;background:var(--sf4)}
.cli-passos i.ok{background:var(--acc)}
.cli-passos i.atual{background:var(--acc-fg)}

/* etiquetas de origem */
.cli-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:750;letter-spacing:.35px;text-transform:uppercase;border:1px solid;white-space:nowrap}
.cli-tag-direct{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-fg)}
.cli-tag-sebrae{background:var(--acc-bg);border-color:var(--acc-bd);color:var(--acc-fg)}
.cli-tag-funcern{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn-fg)}

/* modal "de onde vem este cliente?" */
.cli-novo-dialog{width:min(620px,calc(100vw - 32px))}
.cli-origens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 24px 24px}
.cli-origem{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px;border:1px solid var(--line2,var(--line));border-radius:14px;background:var(--sf2);color:var(--txt);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.cli-origem:hover,.cli-origem:focus-visible{border-color:var(--acc-bd);background:var(--acc-bg);transform:translateY(-2px);outline:none}
.cli-origem b{font-size:15px;line-height:1.3}
.cli-origens .cli-origem{justify-content:center;min-height:84px}
.cli-origem small{font-size:12px;line-height:1.45;color:var(--dim)}

@media(max-width:760px){
  .cli-origens{grid-template-columns:1fr;padding:16px}
  .cli-col:not(.recolhida){flex-basis:78vw;width:78vw}
}

/* contratação direta em pop-up: recebe #pg-novo (assistente) e #colside (resumo) */
.cli-fech-overlay{padding:24px 16px}
.cli-fech-dialog{width:min(1280px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--mdl1),var(--mdl2));border:1px solid var(--line2,var(--line));border-radius:18px;box-shadow:0 28px 80px rgba(10,10,25,.30)}
.cli-fech-body{display:flex;gap:18px;align-items:flex-start;padding:18px 20px 22px;overflow:auto}
.cli-fech-body>#pg-novo{flex:1;min-width:0}
/* a coluna de resumo saiu: as etapas já aparecem no topo do assistente.
   O markup fica porque o asideRender() do comercial.js continua escrevendo nele. */
#colside{display:none!important}
@media(max-width:900px){
  .cli-fech-body{flex-direction:column}
}

/* dados cadastrais (vindos do cnpj.biz / cartão CNPJ) no passo 1 do contrato */
.cli-dados{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--sf1)}
.cli-dados-head{display:flex;align-items:center;gap:10px;padding:12px 14px 4px}
.cli-dados-tit{font-size:13px;font-weight:650}
.cli-dados-head small{margin-left:auto;font-size:12px;color:var(--warn-fg);text-align:right}
.cli-dados-head small.ok{color:var(--ok-fg)}
.cli-dados>.grid{padding:4px 14px 14px}

/* seções do contrato recolhíveis pelo título (clique no h3).
   Seta à esquerda: → recolhido, ↓ aberto. */
#pg-novo .card > h3{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
#pg-novo .card > h3::before{content:"";width:7px;height:7px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .15s;flex:none;margin:0 2px}
#pg-novo .card.cli-recolhido > h3::before{transform:rotate(-45deg)}
#pg-novo .card > h3 ~ .hint{padding-left:21px}
#pg-novo .card.cli-recolhido > h3{margin-bottom:0}
#pg-novo .card.cli-recolhido > :not(h3){display:none}

/* faixa de passos do contrato com barra de progresso animada */
#closingSteps{position:relative;padding-bottom:12px}
#closingSteps::before,#closingSteps::after{content:"";position:absolute;left:12px;bottom:5px;height:4px;border-radius:2px;pointer-events:none}
#closingSteps::before{right:12px;background:var(--sf4)}
#closingSteps::after{width:calc((100% - 24px) * var(--prog,0));background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .45s cubic-bezier(.4,0,.2,1)}
#closingSteps .step.done b::before{content:"✓ "}

/* endereço da empresa em subcampos */
.cli-end-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr 1fr;gap:8px}
.cli-end-grid .f{margin:0}
.cli-end-grid small{display:block;font-size:11px;color:var(--dim2);margin:0 0 4px 2px}
@media(max-width:900px){.cli-end-grid{grid-template-columns:1fr 1fr}.cli-end-rua{grid-column:1/-1}}

/* assinantes (G-Inove): nome, cargo, CPF, e-mail, papel e remover */
.witness-row.cli-assinante{grid-template-columns:1.3fr 1fr .8fr 1.3fr .85fr auto}
@media(max-width:1100px){.witness-row.cli-assinante{grid-template-columns:1fr 1fr}}
.witness-row.cli-fixo input[readonly]{background:var(--sf1);color:var(--dim);cursor:default;box-shadow:none}
.witness-row.cli-fixo input[readonly]:focus{outline:none;border-color:var(--line)}

/* cabeçalho do pop-up do contrato centralizado; o "Fechar" fica fixo à direita */
.cli-fech-dialog .seb-quick-head{position:relative;justify-content:center;text-align:center}
.cli-fech-dialog .seb-quick-head>div{flex:1;padding:0 96px}
.cli-fech-dialog .seb-quick-head .hint{margin-inline:auto}
.cli-fech-dialog .seb-quick-head .seb-modal-close{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.cli-fech-dialog .seb-quick-head>div{padding:0 0 0 0;text-align:left}.cli-fech-dialog .seb-quick-head .seb-modal-close{position:static;transform:none}}

/* rascunho de contrato (rascunhos.js): card tracejado com etiqueta e botão de excluir */
.cli-card-rascunho{border-style:dashed}
.cli-rasc-topo{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.cli-tag-rascunho{background:var(--sf3);border-color:var(--line2,var(--line));color:var(--dim)}
.cli-card-rascunho .cli-ico-btn{opacity:0;transition:opacity .12s}
.cli-card-rascunho:hover .cli-ico-btn,.cli-card-rascunho:focus-within .cli-ico-btn{opacity:1}

/* tipo de serviço: centros de custo lado a lado; link da proposta (2 col.) + responsável */
#fCCList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#fCCList .cc-opt{margin:0}
.grid3>.cli-span2{grid-column:span 2}
@media(max-width:760px){#fCCList{grid-template-columns:1fr}.grid3>.cli-span2{grid-column:auto}}

/* plano de pagamento: Forma de pagamento à direita do Nº de parcelas (5 colunas) */
.plano-grid{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr));max-width:1240px}
@media(max-width:900px){.plano-grid{grid-template-columns:1fr 1fr}}

/* seções que não recolhem (ex.: Caminho de assinatura): sem seta, sem clique */
#pg-novo .card.cli-sec-fixa > h3{cursor:default}
#pg-novo .card.cli-sec-fixa > h3::before{display:none}
#pg-novo .card.cli-sec-fixa > h3 ~ .hint{padding-left:0}

/* kanban de captações (Marketing) com o layout do comercial */
.cli-col.over{background:color-mix(in srgb,var(--cor) 16%,transparent);border-color:color-mix(in srgb,var(--cor) 45%,transparent)}
.cap-card .cli-card-foot{justify-content:space-between}
.cap-card .cap-av{display:flex;gap:4px}
.cap-card.drag{opacity:.45}
/* Captações usa a mesma largura e altura das colunas de Clientes (padrão dos kanbans) */
/* nomes longos ("Captação em andamento") cabem sem alargar a coluna */
#mkKb .cli-status{letter-spacing:.1px;padding:4px 8px;gap:5px}

/* ---------- chat de elaboração do contrato ---------- */
.cli-chat{display:flex;flex-direction:column;gap:10px;max-height:min(56vh,560px);overflow-y:auto;padding:4px 2px 8px;scroll-behavior:smooth}
.cli-msg{display:flex}
.cli-msg.user{justify-content:flex-end}
.cli-bolha{max-width:min(78%,620px);padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;animation:gi9-materializa 240ms var(--ease-out,ease)}
.cli-msg.bot .cli-bolha{background:var(--sf2);border:1px solid var(--line);border-bottom-left-radius:6px}
.cli-msg.user .cli-bolha{background:linear-gradient(120deg,var(--acc),var(--acc2));color:#fff;border-bottom-right-radius:6px}
.cli-bolha blockquote{margin:8px 0;padding:8px 10px;border-left:3px solid var(--acc-bd);background:var(--sf1);border-radius:6px;color:var(--dim);font-size:12.5px}
.cli-bolha ul{margin:8px 0 2px;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}
.cli-tem li{color:var(--dim);font-size:12.5px}
.cli-tem li b{color:var(--txt);font-weight:600}
.cli-resumo li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:4px;font-size:12.5px}
.cli-resumo li span{color:var(--dim)}
.cli-digitando .cli-bolha{display:flex;gap:4px;padding:12px 14px}
.cli-digitando i{width:6px;height:6px;border-radius:50%;background:var(--dim2);animation:cli-pisca 1s infinite ease-in-out}
.cli-digitando i:nth-child(2){animation-delay:.15s}.cli-digitando i:nth-child(3){animation-delay:.3s}
@keyframes cli-pisca{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.cli-chat-resp{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.cli-chat-resp:empty{display:none}
.cli-ops{display:flex;flex-wrap:wrap;gap:8px}
.cli-op{padding:8px 14px;border-radius:999px;border:1px solid var(--acc-bd);background:var(--acc-bg);color:var(--txt);font:inherit;font-size:13px;font-weight:550;cursor:pointer;transition:background-color var(--t-fast,150ms) var(--ease-out,ease),transform var(--t-fast,150ms) var(--ease-out,ease)}
.cli-op:hover{background:color-mix(in srgb,var(--acc) 26%,transparent)}
.cli-op:active{transform:scale(.97)}
.cli-op-outro{border-color:var(--line2);background:transparent;color:var(--dim)}
.cli-livre{display:flex;gap:8px;align-items:flex-end}
.cli-livre input,.cli-livre textarea{flex:1}
.cli-livre textarea{min-height:96px}
@media (prefers-reduced-motion: reduce){.cli-bolha,.cli-digitando i{animation:none}}
.cli-chat-resp>.btn{align-self:flex-start}
.cli-teste-tag{margin:4px auto 0;display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;color:var(--warn-fg);background:var(--warn-bg);border:1px solid var(--warn-bd)}

/* ---------- Traction CRM: itens do plano ---------- */
.cli-tr-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--mdl1),var(--mdl2));border:1px solid var(--line2,var(--line));border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.cli-tr-body{padding:18px 24px;overflow:auto;display:flex;flex-direction:column;gap:18px}
.cli-tr-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cli-tr-chip{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2,var(--line));background:var(--sf2);color:var(--dim);font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer;
  transition:background-color var(--t-fast,150ms) var(--ease-out,ease),border-color var(--t-fast,150ms) var(--ease-out,ease),color var(--t-fast,150ms) var(--ease-out,ease),transform var(--t-fast,150ms) var(--ease-out,ease)}
.cli-tr-chip:hover{border-color:var(--sf5);color:var(--txt)}
.cli-tr-chip:active{transform:scale(.98)}
.cli-tr-chip.on{background:var(--acc-bg);border-color:var(--acc-bd);color:var(--txt)}
.cli-tr-chip svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--acc-fg);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cli-tr-qtd{cursor:default;padding:6px 8px 6px 14px}
.cli-tr-qtd-nome{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:4px 0}
.cli-tr-step{display:flex;align-items:center;gap:2px;flex:none;background:var(--sf3);border-radius:9px;padding:2px}
.cli-tr-step button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--txt);font-size:16px;cursor:pointer}
.cli-tr-step button:hover{background:var(--sf4)}
.cli-tr-step b{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.cli-tr-sup{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cli-tr-sup>span{font-size:12.5px;color:var(--dim);font-weight:600}
.cli-tr-seg{margin:0}
.cli-tr-foot{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--line)}
.cli-tr-foot .mut{font-size:12px}
.cli-tr-resumo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;border:1px dashed var(--line2,var(--line));border-radius:12px}
.cli-tr-resumo-tit{font-size:12px;color:var(--dim);font-weight:600;margin-right:4px}
.cli-tr-resumo .btn{margin-left:auto;padding:6px 12px;font-size:12px}
@media(max-width:640px){.cli-tr-grade{grid-template-columns:1fr}}
/* Traction: itens fixos (Start/Growth/Pro) e construtor do Personalizado */
.cli-tr-chip.fixo{cursor:default}
.cli-tr-chip.fixo:hover{border-color:var(--acc-bd)}
.cli-tr-chip.fixo:active{transform:none}
.cli-tr-step input{width:56px;height:28px;border:0;border-radius:7px;background:var(--sf2);color:var(--txt);font:inherit;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;padding:0 4px}
.cli-tr-step input:focus{outline:2px solid var(--acc-bd);outline-offset:0}
.cli-tr-step .cli-tr-ilim{font-size:17px;color:var(--dim)}
.cli-tr-step .cli-tr-ilim.on{background:var(--acc-bg);color:var(--acc-fg)}
.cli-tr-ilim-txt{padding:0 8px;font-size:12.5px}
.cli-tr-remover{flex:none;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--dim);font-size:17px;cursor:pointer}
.cli-tr-remover:hover{background:var(--sf4);color:var(--txt)}
.cli-tr-novo{display:flex;gap:8px}
.cli-tr-novo input{flex:1;min-width:0}
/* Traction: todos os itens com a mesma altura e largura; botões do rodapé à direita */
.cli-tr-grade{grid-auto-rows:64px}
.cli-tr-grade>.cli-tr-chip{height:64px;min-height:0;box-sizing:border-box;overflow:hidden}
.cli-tr-chip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.cli-tr-qtd-nome{height:100%}
.cli-tr-foot .mut{margin-right:auto}
.cli-tr-foot .sp{display:none}

/* ---- card padrão dos kanbans (Clientes, Pós-venda, Captações): mesma altura para o mesmo conteúdo.
   Título em até 2 linhas e uma linha de informação, cortada com "…" (o texto completo fica no title) */
.cli-card .cli-nome{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cli-card .cli-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.cli-tr-chip.fixo .cli-tr-qtd-nome{cursor:default}
.cli-tr-fixo-n{min-width:56px;height:28px;display:flex;align-items:center;justify-content:center}
.cli-tr-chip .cli-tr-qtd-nome,.cli-tr-chip .cli-tr-step{display:flex;-webkit-line-clamp:unset;overflow:visible}
.cli-tr-chip .cli-tr-fixo-n{display:inline;min-width:0;height:auto;font-weight:800}
/* menu ⋯ do card (padrão ClickUp): aparece ao passar o mouse no card */
.cli-card{position:relative}
.cli-card .cli-nome{padding-right:22px}
.cli-card-mais{position:absolute;top:7px;right:7px;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--dim);cursor:pointer;opacity:0;transition:opacity .12s,background-color .12s}
.cli-card:hover .cli-card-mais,.cli-card:focus-within .cli-card-mais,.cli-card-mais.on,.cli-card-mais:focus-visible{opacity:1}
.cli-card-mais:hover,.cli-card-mais.on{background:var(--sf4);color:var(--txt)}
.cli-card-mais svg{width:16px;height:16px;fill:currentColor}
@media (hover:none){.cli-card-mais{opacity:1}}
.cli-card-menu{position:fixed;z-index:200;width:180px;padding:5px;border-radius:10px;background:var(--sf3);border:1px solid var(--line2,var(--line));box-shadow:0 14px 40px rgba(0,0,0,.4)}
.cli-card-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--txt);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.cli-card-menu button:hover,.cli-card-menu button:focus-visible{background:var(--sf4);outline:none}
.cli-card-menu button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cli-card-menu .perigo{color:var(--dang-fg,#ff6b7d)}
/* menu ⋯ do card: fundo sólido (o --sf3 é translúcido e deixava o card aparecer por trás) */
.cli-card-menu{background:#17171c;border-color:rgba(255,255,255,.1);box-shadow:0 18px 44px -12px rgba(0,0,0,.75)}
.cli-card-menu button:hover,.cli-card-menu button:focus-visible{background:rgba(255,255,255,.06)}
:root[data-theme="light"] .cli-card-menu{background:#fff;border-color:rgba(19,22,40,.1);box-shadow:0 18px 40px -14px rgba(19,22,40,.35)}
:root[data-theme="light"] .cli-card-menu button:hover,:root[data-theme="light"] .cli-card-menu button:focus-visible{background:rgba(19,22,40,.05)}