/* Demo "kanban": colunas, cartões arrastáveis, vaga tracejada, contadores e barra de concluídos. */
.kb-topo{display:flex;align-items:center;gap:18px;margin-bottom:18px;font-size:20px;font-weight:600;color:var(--muted)}
.kb-topo b{color:var(--ink);font-size:24px;font-weight:800}
.kb-topo em{flex:1;height:8px;border-radius:4px;background:#EEF1F4;overflow:hidden}
.kb-topo .kb-fb{display:block;height:100%;width:0;background:var(--cor);border-radius:4px}
.kb-quad{position:relative;display:grid;column-gap:18px}
.kb-col{background:#F5F7F9;border:1px solid var(--line);border-radius:10px}
.kb-col.alvo{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 6%,#F5F7F9)}
.kb-ch{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.kb-ch b{font-size:21px;font-weight:700;color:var(--ink)}
.kb-n{min-width:32px;height:28px;border-radius:14px;background:#E3E8EE;color:var(--ink);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 8px}
.kb-n.mud{background:var(--cor);color:#fff}
.kb-card{position:absolute;left:0;top:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;box-shadow:0 2px 4px rgba(20,32,42,.05);display:flex;flex-direction:column;justify-content:space-between;z-index:2;opacity:0}
.kb-card.pego{z-index:4;box-shadow:0 22px 40px rgba(20,32,42,.18);border-color:color-mix(in srgb,var(--cor) 40%,var(--line))}
.kb-t{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kb-t b{font-size:21px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-ok{display:none;width:26px;height:26px;flex-shrink:0}
.kb-ok svg{width:26px;height:26px}
.kb-card.feito .kb-ok{display:block}
.kb-card.feito .kb-t b{color:var(--muted)}
.kb-s{font-size:18px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-p{display:flex;align-items:center;justify-content:space-between}
.kb-e{font-size:18px;font-weight:600;color:#9A5B00;background:#FFF4E0;border-radius:6px;padding:2px 8px}
.kb-card.feito .kb-e{color:#1E7B3A;background:#E6F4EA}
.kb-av{font-style:normal;width:32px;height:32px;border-radius:16px;background:var(--cor);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}
.kb-vaga{position:absolute;left:0;top:0;border:2px dashed color-mix(in srgb,var(--cor) 55%,transparent);border-radius:8px;background:color-mix(in srgb,var(--cor) 5%,#fff);opacity:0;z-index:1}