/* Energia que Cuida — white-label Drogaria Cristina. Verde-energia + limpo. */
:root{
  --verde:#0f9d58; --verde-esc:#0b7a44; --amarelo:#f4b400; --tinta:#1f2933;
  --cinza:#f4f6f8; --borda:#e2e8f0; --texto-suave:#556; --erro:#c0392b; --ok:#0f9d58;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--tinta);background:var(--cinza);line-height:1.5}
.topo{display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(90deg,var(--verde),var(--verde-esc));color:var(--cor-texto-primaria,#fff);
  padding:.7rem 1.2rem;box-shadow:0 2px 6px rgba(0,0,0,.12);flex-wrap:wrap;gap:.6rem}
.marca{display:flex;align-items:center;gap:.6rem}
.marca .logo{font-size:1.6rem}
.marca small{display:block;opacity:.85;font-size:.72rem}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;flex:1}
.nav a{color:var(--cor-texto-primaria,#fff);text-decoration:none;font-weight:600}
.nav .quem{opacity:.9;font-size:.8rem}
.nav .sair{background:rgba(255,255,255,.2);padding:.25rem .6rem;border-radius:6px}

/* ---- Menu agrupado com submenus (Cadastros / Relatorios) ---- */
.nav-links{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.nav-user{display:flex;align-items:center;gap:.8rem}
.nav-item{display:inline-flex;align-items:center;gap:.3rem;color:var(--cor-texto-primaria,#fff);font-weight:600;
  padding:.35rem .7rem;border-radius:8px;cursor:pointer;white-space:nowrap;
  background:transparent;border:0;font-size:.95rem;line-height:1.3}
.nav-item:hover{background:rgba(255,255,255,.16)}
a.nav-item.ativo,.nav-grupo.ativo>.nav-item{background:rgba(255,255,255,.28)}
/* Dropdown via <details>: summary vira o botao do grupo. */
.nav-grupo{position:relative}
summary.nav-item{list-style:none}
summary.nav-item::-webkit-details-marker{display:none}
summary.nav-item::marker{content:""}
summary.nav-item::after{content:"▾";font-size:.7rem;opacity:.85}
.nav-grupo[open]>summary.nav-item::after{transform:rotate(180deg)}
.nav-menu{position:absolute;top:calc(100% + .35rem);left:0;min-width:180px;z-index:50;
  background:#fff;border:1px solid var(--borda);border-radius:10px;padding:.35rem;
  box-shadow:0 8px 24px rgba(0,0,0,.16);display:flex;flex-direction:column;gap:.1rem}
.nav-menu a{color:var(--tinta);font-weight:600;padding:.5rem .7rem;border-radius:7px;
  font-size:.9rem;white-space:nowrap}
.nav-menu a:hover{background:var(--cinza)}
.nav-menu a.ativo{background:var(--verde);color:var(--cor-texto-primaria,#fff)}
/* Hamburger: escondido no desktop. */
.nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:.4rem;
  width:42px;height:38px;margin:0}
.hamburguer,.hamburguer::before,.hamburguer::after{display:block;height:2px;width:22px;
  background:#fff;border-radius:2px;position:relative;transition:.2s}
.hamburguer::before,.hamburguer::after{content:"";position:absolute;left:0}
.hamburguer::before{top:-6px}.hamburguer::after{top:6px}
.conteudo{max-width:1100px;margin:1.4rem auto;padding:0 1rem}
h1{font-size:1.5rem;margin:.2rem 0 1rem}
h2{font-size:1.15rem;margin:.2rem 0 .8rem}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:1.2rem;
  margin-bottom:1.2rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.card.estreito{max-width:440px;margin:2rem auto}
label{display:block;margin:.6rem 0;font-weight:600;font-size:.9rem}
input,select{width:100%;padding:.55rem .7rem;border:1px solid var(--borda);border-radius:8px;
  font-size:1rem;margin-top:.25rem}
button,.botao{background:var(--verde);color:var(--cor-texto-primaria,#fff);border:0;padding:.6rem 1.1rem;border-radius:8px;
  font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;margin-top:.4rem}
button:hover,.botao:hover{background:var(--verde-esc)}
.botao.secundario{background:#fff;color:var(--verde);border:1px solid var(--verde)}
button.ok{background:var(--ok)} button.perigo{background:var(--erro)}
.alerta{padding:.6rem .8rem;border-radius:8px;font-size:.9rem}
.alerta.erro{background:#fdecea;color:var(--erro)}
.alerta.ok{background:#e6f4ea;color:var(--verde-esc)}
.ajuda,. variantes{color:var(--texto-suave);font-size:.9rem}
.rodape-card{margin-top:1rem;font-size:.85rem}
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.2rem}
.cartao{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:1rem;text-align:center}
.cartao span{display:block;font-size:.8rem;color:var(--texto-suave)}
.cartao strong{display:block;font-size:1.5rem;margin:.2rem 0;color:var(--verde-esc)}
.cartao small{color:var(--texto-suave);font-size:.72rem}
.cartao.destaque{background:var(--verde);color:var(--cor-texto-primaria,#fff)}
.cartao.destaque strong,.cartao.destaque span,.cartao.destaque small{color:var(--cor-texto-primaria,#fff)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--borda)}
th{color:var(--texto-suave);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.pill{background:#eef2f5;border-radius:20px;padding:.15rem .6rem;font-size:.78rem;white-space:nowrap}
.tag{background:#fef3cd;color:#8a6d00;border-radius:6px;padding:.05rem .4rem;font-size:.72rem}
.vazio{color:var(--texto-suave);font-style:italic}
.qr-box{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.qr-img{width:180px;height:180px;border:1px solid var(--borda);border-radius:8px;background:#fff}
.qr-texto{background:var(--cinza);padding:.6rem;border-radius:8px;font-style:italic;font-size:.88rem;max-width:420px}
.kanban{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.6rem}
.coluna{min-width:180px;background:var(--cinza);border-radius:10px;padding:.6rem;flex:0 0 auto}
.coluna h3{font-size:.85rem;text-transform:capitalize;margin:.2rem 0 .6rem;display:flex;justify-content:space-between}
.coluna .cont{background:#fff;border-radius:20px;padding:0 .5rem;font-size:.75rem}
.ficha{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:.5rem;margin-bottom:.5rem;font-size:.82rem}
.ficha strong{display:block} .ficha small{color:var(--texto-suave);display:block}
.ficha .vend{margin-top:.2rem;font-style:italic}
.ficha select{margin-top:.3rem;font-size:.78rem;padding:.25rem}
.acoes{display:flex;gap:.4rem} .acoes form{margin:0}
.linha-entre{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}
.inline{display:flex;gap:.5rem;align-items:center;margin:0} .inline input{width:auto;margin:0}
.rodape{text-align:center;color:var(--texto-suave);font-size:.8rem;padding:1.5rem}
.e-ganho{background:#e6f4ea;color:var(--verde-esc)} .e-perdido{background:#fdecea;color:var(--erro)}
/* Resumo e filtro dos indicados (painel do vendedor) */
.resumo-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem}
.chip-info{border-radius:20px;padding:.2rem .7rem;font-size:.8rem;font-weight:600}
.chip-info.neutro{background:#eef2f5;color:var(--texto-suave)}
.chip-info.ok{background:#e6f4ea;color:var(--verde-esc)}
.chip-info.erro{background:#fdecea;color:var(--erro)}
.filtros-grupo{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.chip-filtro{background:#fff;color:var(--tinta);border:1px solid var(--borda);border-radius:20px;
  padding:.35rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;margin:0}
.chip-filtro:hover{background:var(--cinza)}
.chip-filtro.ativo{background:var(--verde);color:var(--cor-texto-primaria,#fff);border-color:var(--verde)}
.chip-filtro.ativo:hover{background:var(--verde-esc)}
.abas-empresa{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 1rem}
.abas-empresa a{padding:.3rem .7rem;border-radius:20px;background:#fff;border:1px solid var(--borda);
  text-decoration:none;color:var(--tinta);font-size:.85rem}
.abas-empresa a.ativa{background:var(--verde);color:var(--cor-texto-primaria,#fff);border-color:var(--verde)}
textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--borda);border-radius:8px;
  font-size:1rem;margin-top:.25rem;font-family:inherit}

/* ---- Landing pública de adesão (mobile-first) ---- */
.adesao-page{background:var(--cinza)}
.adesao-hero{background:linear-gradient(135deg,var(--verde),var(--verde-esc));color:var(--cor-texto-primaria,#fff);
  padding:1.6rem 1.1rem;text-align:center}
.adesao-hero h1{font-size:1.35rem;margin:.3rem 0 .8rem}
.hero-eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;opacity:.9;margin:0}
.destaques{display:flex;flex-direction:column;gap:.5rem;align-items:center}
.destaque{background:rgba(255,255,255,.18);border-radius:10px;padding:.5rem .8rem;font-weight:600;
  font-size:.95rem;width:100%;max-width:360px}
.adesao-main{max-width:560px;margin:1.1rem auto;padding:0 1rem}
.criterios ul{margin:.4rem 0 0;padding-left:1.2rem}
.criterios li{margin:.35rem 0}
.toggle-tipo{display:flex;gap:.6rem;margin:.6rem 0 1rem}
.toggle-tipo .op{flex:1;border:1px solid var(--borda);border-radius:8px;padding:.55rem;text-align:center;
  font-weight:600;margin:0;cursor:pointer}
.bloco{border:0;padding:0;margin:0}
.bloco[hidden]{display:none}
.aceites{margin:1rem 0;display:flex;flex-direction:column;gap:.6rem}
.aceites .chk{font-weight:400;font-size:.9rem;display:flex;gap:.5rem;align-items:flex-start;margin:0}
.aceites .chk input{width:auto;margin:.2rem 0 0}
@media(min-width:520px){.destaques{flex-direction:row;justify-content:center}}

/* ============================================================
   RELATÓRIOS — navegação por prospector (painel) + cartões
   Só visual. Reutiliza os tokens da marca. Reversível.
   ============================================================ */
.arvore-prospector{background:#fff;border:1px solid var(--borda);border-radius:12px;
  padding:1rem 1.1rem;margin-bottom:1.4rem;box-shadow:0 1px 3px rgba(0,0,0,.04);
  display:flex;flex-direction:column;gap:.9rem}
.rel-nav-secao{display:flex;flex-direction:column;gap:.5rem}
/* Cada grupo de prospector ganha um separador e um título claro. */
.arvore-prospector .grupo-prospector{display:flex;flex-direction:column;gap:.5rem;
  padding-top:.9rem;border-top:1px solid var(--borda)}
.rel-nav-titulo,.arvore-prospector .prospector-nome{font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);display:block}
.rel-nav-titulo small,.arvore-prospector .prospector-nome small{font-weight:600;
  text-transform:none;letter-spacing:0;opacity:.75}
.rel-nav-pills{display:flex;flex-wrap:wrap;gap:.5rem}
/* Botões/abas (pill) das empresas — área de toque confortável no mobile. */
.arvore-prospector .empresa-link{display:inline-flex;align-items:center;min-height:42px;
  padding:.5rem 1rem;border-radius:22px;background:var(--cinza);border:1px solid var(--borda);
  text-decoration:none;color:var(--tinta);font-size:.9rem;font-weight:600;line-height:1.15;
  transition:background .12s,border-color .12s}
.arvore-prospector .empresa-link:hover{background:#eef2f5;border-color:#cfd8e0}
.arvore-prospector .empresa-link.ativa{background:var(--verde);color:var(--cor-texto-primaria,#fff);border-color:var(--verde);
  box-shadow:0 1px 4px rgba(15,157,88,.35)}
/* "Todas" em destaque: contorno verde quando inativa, preenchida quando ativa. */
.arvore-prospector .rel-todas{background:#fff;color:var(--verde-esc);border-color:var(--verde);font-weight:700}
.arvore-prospector .rel-todas:hover{background:#eef7f1}
.arvore-prospector .rel-todas.ativa{background:var(--verde);color:var(--cor-texto-primaria,#fff);border-color:var(--verde)}

/* Cartões de relatório: cabeçalho com hierarquia e tabelas mais legíveis. */
.card h2{padding-bottom:.55rem;border-bottom:2px solid var(--borda)}
.card thead th{background:var(--cinza)}
.card tbody tr:hover{background:#fafbfc}

/* ============================================================
   RESPONSIVIDADE MOBILE (adicionado sem alterar layout desktop)
   Centralizado aqui: vale para todas as paginas que usam crm.css.
   Reversivel: basta remover este bloco.
   ============================================================ */

/* Robustez global: imagens nunca estouram a largura. */
img{max-width:100%;height:auto}

/* Container opcional de rolagem horizontal para tabelas.
   (nao usado hoje via HTML, disponivel caso se queira envolver
   uma tabela manualmente sem depender da media query abaixo) */
.tabela-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media (max-width:640px){
  /* Nada deve empurrar a pagina alem do viewport no mobile. */
  html,body{max-width:100%;overflow-x:hidden}

  /* Header/menu mais compacto para ocupar menos altura no topo. */
  .topo{padding:.5rem .8rem;gap:.4rem}
  .marca .logo{font-size:1.35rem}
  .marca strong{font-size:.95rem}
  /* Mobile: hamburger visivel; a navegacao vira coluna que abre/fecha. */
  .topo{align-items:center}
  .nav-toggle{display:block;order:3}
  .nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:.4rem}
  .nav.aberto{display:flex}
  .nav-links{flex-direction:column;align-items:stretch;gap:.2rem;width:100%}
  .nav-item{width:100%;justify-content:space-between;padding:.6rem .7rem;
    background:rgba(255,255,255,.08)}
  .nav-grupo{width:100%}
  /* No mobile o submenu expande no fluxo (nao flutua). */
  .nav-menu{position:static;box-shadow:none;border:0;background:rgba(255,255,255,.12);
    margin:.15rem 0 .3rem;padding:.2rem}
  .nav-menu a{color:var(--cor-texto-primaria,#fff)}
  .nav-menu a:hover{background:rgba(255,255,255,.16)}
  .nav-menu a.ativo{background:var(--verde-esc)}
  .nav-user{width:100%;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);
    padding-top:.5rem;margin-top:.2rem}
  .nav .quem{font-size:.75rem;opacity:.9}

  .conteudo{margin:1rem auto;padding:0 .7rem}
  h1{font-size:1.25rem}
  h2{font-size:1.05rem}
  .card{padding:.9rem}

  /* TABELAS LARGAS: viram bloco com rolagem horizontal, assim nenhuma
     coluna (ex.: Contato/email) corta e os botoes Aprovar/Reprovar
     nunca ficam fora do viewport — o usuario rola a tabela na horizontal. */
  table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }

  /* Celula de acoes: botoes podem quebrar em linha propria se precisarem. */
  td.acoes{white-space:normal}
  .acoes{flex-wrap:wrap}

  /* Kanban: mantem rolagem horizontal suave, sem cortar colunas. */
  .kanban{-webkit-overflow-scrolling:touch}
  .coluna{min-width:160px}

  /* Filtros/linhas que usam flex quebram melhor no estreito. */
  .linha-entre{align-items:stretch}
}

/* ============================================================
   EMPRESAS PARCEIRAS — redesenho visual (UX + mobile)
   Só visual. Reutiliza os tokens da marca. Reversível:
   basta remover este bloco e as classes novas do empresas.html.
   ============================================================ */

/* Rolagem horizontal contida no proprio card (nao estoura a pagina). */
.tabela-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.2rem}
.tabela-scroll table{min-width:100%}

/* Colunas: nome com peso, numeros centralizados. */
.col-nome{font-weight:600}
.col-num{text-align:center}

/* Badge de status (ativa / inativa). */
.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;
  font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.5;white-space:nowrap}
.badge.ativa{background:#e6f4ea;color:var(--verde-esc)}
.badge.inativa{background:#fdecea;color:var(--erro)}

/* Botao/summary discreto e pequeno (lapis, editar, acoes na tabela). */
.mini{padding:.32rem .6rem;font-size:.78rem;margin-top:0}
summary.mini{list-style:none;display:inline-flex;align-items:center;gap:.25rem;line-height:1}
summary.mini::-webkit-details-marker{display:none}
summary.mini::marker{content:""}

/* Gatilho de edicao DISCRETO: lapis + "editar" (link cinza, sem pill). */
summary.btn-editar{list-style:none;display:inline-flex;align-items:center;gap:.25rem;
  cursor:pointer;color:var(--texto-suave);font-size:.78rem;line-height:1;font-weight:600;
  padding:.15rem .35rem;border-radius:5px;background:transparent;border:0;white-space:nowrap}
summary.btn-editar::-webkit-details-marker{display:none}
summary.btn-editar::marker{content:""}
summary.btn-editar:hover{color:var(--verde-esc);background:var(--cinza)}
.pct-edit[open]>summary.btn-editar{color:var(--verde-esc);background:var(--cinza)}

/* Celula de percentual: valor + editar discreto ao lado. */
.pct-cell{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.pct-cell .valor{font-weight:600;white-space:nowrap}
.pct-cell small{color:var(--texto-suave)}
.pct-edit{display:inline-block}
.pct-edit[open]{display:block;margin-top:.4rem;width:100%}
.pct-edit .inline{margin-top:.4rem;flex-wrap:wrap}

/* Coluna Acoes ENXUTA: acao primaria + menu compacto "..." (details nativo). */
.acoes-empresa{display:flex;flex-direction:row;gap:.4rem;align-items:center;min-width:0}
.acoes-empresa>form{margin:0}
.acoes-empresa .mini{white-space:nowrap}
.menu-acoes{position:relative;display:inline-block}
summary.menu-trigger{list-style:none;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;min-width:34px;height:30px;padding:0 .55rem;border-radius:7px;
  background:#fff;border:1px solid var(--borda);color:var(--tinta);font-weight:700;
  font-size:1.05rem;line-height:1;margin:0}
summary.menu-trigger::-webkit-details-marker{display:none}
summary.menu-trigger::marker{content:""}
summary.menu-trigger:hover{background:var(--cinza);border-color:#cfd8e0}
.menu-acoes[open]>summary.menu-trigger{background:var(--cinza);border-color:var(--verde)}
/* Painel do menu: no fluxo (nao e clipado pelo .tabela-scroll); so aparece sob demanda. */
.menu-acoes-pop{margin-top:.35rem;min-width:200px;background:#fff;border:1px solid var(--borda);
  border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:.5rem;
  display:flex;flex-direction:column;gap:.45rem}
.menu-acoes-pop .menu-link{display:block;padding:.4rem .5rem;border-radius:7px;
  text-decoration:none;color:var(--tinta);font-weight:600;font-size:.85rem}
.menu-acoes-pop .menu-link:hover{background:var(--cinza)}
.menu-acoes-pop .menu-form{display:flex;flex-direction:column;gap:.35rem;margin:0;
  border-top:1px solid var(--borda);padding-top:.5rem}
.menu-acoes-pop .menu-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;
  color:var(--texto-suave);font-weight:700;margin:0}
.menu-acoes-pop select{width:100%;margin:0;padding:.4rem .5rem;font-size:.85rem}
.menu-acoes-pop .menu-form button{margin:0;align-self:flex-start}

/* Larguras equilibradas para a tabela CABER sem rolagem no desktop. */
.tabela-empresas{font-size:.85rem}
.tabela-empresas th,.tabela-empresas td{padding:.45rem .5rem}
.tabela-empresas .col-marca,.tabela-empresas .col-slug{max-width:130px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabela-empresas .col-prospector{white-space:normal;max-width:140px}
.tabela-empresas .acoes{white-space:nowrap}

/* Forms de cadastro lado a lado no desktop, empilhados no mobile. */
.forms-cadastro{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.2rem;align-items:start;margin-top:1.4rem}
.forms-cadastro .card.estreito{max-width:none;margin:0}

@media (max-width:640px){
  .acoes-empresa{min-width:0}
  .menu-acoes-pop{min-width:180px}
  .tabela-empresas .col-marca,.tabela-empresas .col-slug{max-width:none}
}

/* ============================================================
   CABECALHO PADRAO DE TELA (titulo + descricao opcional)
   ============================================================ */
.page-header{margin:.2rem 0 1.2rem}
.page-header h1{margin:0}
.page-header .page-desc{margin:.25rem 0 0;color:var(--texto-suave);font-size:.92rem}

/* Barra de filtros (busca/empresa) da listagem de vendedores. */
.filtros{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-bottom:1rem}
.filtros label{margin:0;font-size:.8rem}
.filtros input,.filtros select{margin-top:.2rem}
.filtros .f-busca{min-width:220px}
.filtros .f-empresa{min-width:200px}
.filtros button{margin-top:0}
.filtros .fv-contador{font-size:.8rem;color:var(--texto-suave);margin-left:auto;padding-bottom:.15rem}
.tabela-scroll.alta{max-height:65vh;overflow-y:auto}

/* VIIA: rotina comercial, navegação e componentes compartilhados. */
:root{--verde:#087544;--verde-esc:#065e36;--tinta:#192d26;--cinza:#f5f7f5;--borda:#e0e7e2;--texto-suave:#61716a;--ok:#087544;--erro:#b42332;--ui-soft:#eaf4ee;--ui-radius:16px;--ui-sidebar:248px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;background:var(--cinza);letter-spacing:-.01em}
a{color:var(--verde-esc);text-underline-offset:3px}
a:hover{color:var(--verde)}
button,input,select,textarea{font-family:inherit}
button,.botao{min-height:42px;padding:.65rem 1rem;border-radius:9px;font-size:.85rem;line-height:1.3;transition:background .15s,box-shadow .15s}
button:disabled{opacity:.55;cursor:wait}
button.secundario,.botao.secundario{background:#fff;color:var(--tinta);border:1px solid var(--borda)}
button.secundario:hover,.botao.secundario:hover{background:var(--cinza);border-color:#a4c3b1}
button.perigo{background:#fff0f1;color:var(--erro);border:1px solid #f1cbd0}
:focus-visible{outline:3px solid #38a76b;outline-offset:3px}
input,select,textarea{min-height:44px;background:#fff;border-color:#cdd8d0;color:var(--tinta);font-size:.9rem;border-radius:9px}
input[type=checkbox],input[type=radio]{width:auto;min-height:auto;accent-color:var(--verde)}
textarea{resize:vertical;min-height:110px}
label{font-size:.82rem;color:#3c5046;font-weight:650}
h1{font-size:1.85rem;line-height:1.2;letter-spacing:-.04em;font-weight:750}h2{font-size:1.08rem;letter-spacing:-.025em}h3{font-size:.95rem}
.card{border-radius:var(--ui-radius);padding:1.4rem;box-shadow:0 3px 12px #182d2404}
.card h2{border-bottom:0;padding-bottom:0}
.ui-skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:var(--verde-esc);padding:12px 18px;z-index:1000;border-radius:8px}.ui-skip-link:focus{top:12px}
.topo.ui-topbar{height:82px;background:#fff;color:var(--tinta);border-bottom:1px solid var(--borda);box-shadow:none;padding:1rem 2rem;flex-wrap:nowrap;position:relative;z-index:30}
.marca{text-decoration:none;color:inherit;gap:.7rem}.marca .logo{width:42px;height:42px;border-radius:12px;background:var(--verde);color:white;display:grid;place-items:center}.marca strong{font-size:1.08rem;letter-spacing:-.04em}.marca small{font-size:.67rem;color:var(--texto-suave);opacity:1}.ui-brand-light{font-weight:450}.ui-topbar-context{display:flex;flex-direction:column;margin-right:auto}.ui-context-label{color:var(--texto-suave);font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}.ui-topbar-context strong{font-size:.86rem}
.ui-authenticated .ui-topbar{margin-left:var(--ui-sidebar)}.ui-authenticated .ui-topbar>.marca{display:none}
.nav.ui-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ui-sidebar);z-index:50;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;background:#fff;border-right:1px solid var(--borda);padding:1.6rem 1.1rem;flex-wrap:nowrap}
.ui-sidebar .marca{padding:0 .3rem 1.8rem}.ui-nav-label{margin:0 .8rem 1rem;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:#87968d;font-weight:650}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.nav a{color:var(--texto-suave);font-weight:600}.nav-item{color:var(--texto-suave);width:100%;padding:.75rem .85rem;min-height:44px;font-size:.85rem;border-radius:9px;justify-content:space-between}.nav-item:hover{background:var(--cinza)}a.nav-item.ativo,.nav-grupo.ativo>.nav-item{background:var(--ui-soft);color:var(--verde-esc)}summary.nav-item::after{content:"⌄";font-size:1rem}.nav-grupo{width:100%}.nav-menu{position:static;min-width:0;background:transparent;box-shadow:none;border:0;padding:.3rem 0 .4rem .65rem;gap:.2rem}.nav-menu a{font-size:.8rem;border-radius:8px;padding:.65rem .8rem;white-space:normal}.nav-menu a.ativo{background:var(--ui-soft);color:var(--verde-esc)}.nav-menu a:hover{background:var(--cinza)}.nav-user{margin-top:auto;padding:.9rem .5rem 0;border-top:1px solid var(--borda);align-items:flex-start;gap:.6rem}.nav .quem{font-size:.78rem;min-width:0;overflow-wrap:anywhere}.quem strong,.quem small{display:block}.quem strong{color:var(--tinta)}.quem small{font-size:.7rem;color:var(--texto-suave);margin-top:.15rem}.nav .sair{background:var(--cinza);color:var(--texto-suave);font-size:.72rem;min-height:36px;display:grid;place-items:center;padding:.4rem .6rem;margin-left:auto}
.ui-authenticated .conteudo{margin:0 0 0 var(--ui-sidebar);max-width:none;padding:2rem;min-height:calc(100vh - 140px)}.ui-authenticated .rodape{margin-left:var(--ui-sidebar)}.rodape{font-size:.72rem;padding:1rem 2rem;color:#7b8a81}.ui-nav-backdrop{display:none}.nav-toggle{display:none}.ui-public .conteudo{max-width:1150px;margin:2rem auto}
.alerta{border:1px solid transparent;padding:.8rem 1rem;font-size:.85rem}.alerta.erro{border-color:#f1cbd0;background:#fff2f3}.alerta.ok{border-color:#c7e3d2;background:#edf7f0}.vazio,.ui-empty{font-style:normal;padding:1.3rem;text-align:center;color:var(--texto-suave);font-size:.84rem;background:#f8faf8;border:1px dashed var(--borda);border-radius:11px}.pill,.tag,.badge{font-size:.7rem}.tag{background:#f3f1e7;color:#766b3d;padding:.15rem .5rem}.cartoes{gap:.85rem}.cartao{border-radius:14px;text-align:left;padding:1.25rem}.cartao strong{font-size:1.8rem}.cartao.destaque{background:var(--verde-esc);border-color:var(--verde-esc)}
table{display:table;border-collapse:collapse;width:100%;font-size:.83rem;white-space:normal}th,td{padding:.85rem .9rem}th{font-size:.65rem;letter-spacing:.06em;color:#7a887f}tbody tr:hover{background:#f8faf8}.ui-table-scroll,.ui-table-wrap,.tabela-scroll{overflow-x:auto;max-width:100%;border-radius:10px;-webkit-overflow-scrolling:touch}.ui-table-scroll table,.ui-table-wrap table{min-width:560px}.ui-table-scroll:focus-visible{outline-offset:-3px}.acoes{gap:.4rem;flex-wrap:wrap}.acoes button{font-size:.76rem;min-height:36px;margin:0}
.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ui-page-header h1{margin:.25rem 0 .45rem}.ui-page-header p{margin:.3rem 0;color:var(--texto-suave);max-width:650px;font-size:.88rem}.ui-eyebrow{display:block;color:var(--verde);text-transform:uppercase;font-size:.64rem;font-weight:750;letter-spacing:.12em}.ui-company-context{display:flex;align-items:center;gap:.5rem;background:white;border:1px solid var(--borda);border-radius:10px;padding:.6rem .9rem;font-size:.82rem}.ui-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.3rem 0 1.8rem}.ui-metric{display:block;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:1.2rem;color:var(--tinta);text-decoration:none}.ui-metric:hover{border-color:#aacfb9;box-shadow:0 4px 18px #193f2710}.ui-metric strong{display:block;font-size:2rem;line-height:1.2;letter-spacing:-.05em;margin:.5rem 0}.ui-metric span{font-size:.8rem;color:var(--texto-suave)}.ui-metric small{display:block;color:var(--texto-suave);font-size:.72rem}.ui-metric.is-overdue{background:#fff8f4;border-color:#f1dbc9}.ui-metric.is-overdue strong{color:#b05a28}.ui-workspace{background:white;border:1px solid var(--borda);border-radius:16px;padding:1.3rem;margin-bottom:1.2rem}.ui-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.ui-toolbar h2{margin:0}.ui-toolbar button{margin:0}.ui-toolbar [aria-pressed=true]{background:var(--ui-soft);color:var(--verde-esc);border-color:#bddbc8}.ui-filters{margin:1rem 0;border:1px solid var(--borda);border-radius:10px;padding:.9rem 1rem;background:#fafcfa}.ui-filters summary{cursor:pointer;font-size:.82rem;font-weight:650}.ui-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin-top:.7rem}.ui-filter-grid label{margin:0}.ui-filter-grid input,.ui-filter-grid select{min-width:0}.ui-status{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;background:var(--ui-soft);color:var(--verde-esc)}
.ui-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:.9rem;overflow-x:auto;padding-bottom:.7rem;align-items:start;scroll-snap-type:x proximity}.ui-column{background:#edf1ee;border:1px solid #e5eae6;border-radius:12px;padding:.75rem;min-width:0;scroll-snap-align:start}.ui-column-heading,.ui-column h3{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.15rem .1rem .85rem;font-size:.75rem;text-transform:none;font-weight:700;color:#55685a}.ui-column .cont,.ui-column-heading span{font-size:.7rem;border-radius:6px;padding:.1rem .45rem;background:#fff;color:var(--texto-suave)}.ui-lead-card{background:#fff;border:1px solid #dce5de;border-radius:11px;padding:1rem;margin-bottom:.7rem;box-shadow:0 2px 3px #163b2604;font-size:.8rem;overflow-wrap:anywhere}.ui-lead-card>strong,.ui-lead-card h4{display:block;font-size:.9rem;color:var(--tinta);margin:0 0 .45rem}.ui-lead-card small{font-size:.72rem;color:var(--texto-suave)}.ui-lead-meta,.ui-meta{display:flex;flex-wrap:wrap;gap:.3rem .65rem;font-size:.73rem;color:var(--texto-suave);margin:.4rem 0}.ui-next-action{border-top:1px solid #edf1ee;padding-top:.65rem;margin-top:.65rem;font-size:.75rem;color:#43594a}.ui-lead-due{display:block;font-size:.69rem;margin-top:.3rem;color:var(--texto-suave)}.is-overdue .ui-lead-due,.ui-lead-due.is-overdue{color:#ac5220;font-weight:650}.ui-lead-card.is-overdue{border-left:3px solid #d98b52}.ui-stage-form{display:flex;gap:.4rem;margin-top:.8rem;align-items:center}.ui-stage-form select{margin:0;font-size:.73rem;min-height:36px;padding:.4rem}.ui-stage-form button,.ui-lead-card .botao{min-height:34px;font-size:.73rem;padding:.45rem .65rem;margin:.2rem 0}.ui-board[data-view=list]{display:block;overflow:visible}.ui-board[data-view=list] .ui-column{margin-bottom:1rem}.ui-board[data-view=list] .ui-lead-card{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(180px,1.5fr) minmax(130px,1fr);gap:.3rem 1rem;align-items:start}.ui-financial{margin-top:1.5rem;border-top:1px solid var(--borda);padding-top:1.25rem}.ui-approval{border-left:3px solid #d99b39}
.ui-lead-summary{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:1.4rem;margin-bottom:1.25rem}.ui-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;align-items:start}.ui-detail-grid>.card{margin:0}.ui-data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.ui-data-list>div{min-width:0}.ui-data-list dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);margin-bottom:.25rem}.ui-data-list dd{margin:0;font-size:.87rem;overflow-wrap:anywhere}.ui-section-heading{display:flex;justify-content:space-between;gap:.7rem;align-items:center;margin-bottom:1rem}.ui-section-heading h2{margin:0}.ui-credit-value{font-size:2rem;letter-spacing:-.04em;color:var(--verde);font-weight:750}.ui-timeline{list-style:none;padding:0;margin:1rem 0}.ui-timeline li,.ui-timeline-item{position:relative;padding:0 0 1.25rem 1.6rem;border-left:1px solid #dce7df;margin-left:.4rem;font-size:.83rem}.ui-timeline li::before,.ui-timeline-item::before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;background:#429d68;border:2px solid #e6f3eb;border-radius:50%}.ui-timeline time,.ui-timeline small{display:block;color:var(--texto-suave);font-size:.7rem}.ui-timeline p{margin:.3rem 0;overflow-wrap:anywhere}.ui-qr-section{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.ui-submitting{opacity:.7;cursor:progress}
.ui-login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;min-height:calc(100vh - 230px);padding:2rem 1.5rem}.ui-login-story{padding:2rem .5rem}.ui-login-story h1{font-size:3.3rem;line-height:1.08;margin:1rem 0 1.3rem;letter-spacing:-.055em;color:#183e2b}.ui-login-story>p{font-size:1.02rem;color:var(--texto-suave);max-width:380px;line-height:1.75}.ui-login-note{display:flex;gap:1rem;align-items:center;margin-top:2.2rem;font-size:.8rem;line-height:1.7;color:var(--texto-suave)}.ui-login-note>span:first-child{font-size:1.6rem;width:48px;height:48px;border-radius:14px;background:#e1eee5;color:var(--verde);display:grid;place-items:center}.ui-login-card{padding:2.4rem;max-width:450px;margin:0;width:100%;box-shadow:0 12px 45px #143c2610}.ui-login-card h2{font-size:1.5rem;margin:.7rem 0}.ui-login-card .ajuda{margin-bottom:1.6rem;font-size:.84rem}.ui-login-card label{margin-top:1.15rem}.ui-login-card input{margin:0}.ui-password-field{position:relative}.ui-password-field input{padding-right:85px}.ui-password-field button{position:absolute;right:6px;top:4px;background:transparent;color:var(--verde);margin:0;min-height:36px;padding:.35rem .65rem;font-size:.72rem}.ui-login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;min-height:48px}.ui-login-card .rodape-card{text-align:center;margin-top:1.6rem}.ui-login-help{font-size:.73rem;color:var(--texto-suave);padding-top:1rem;margin-top:1rem;border-top:1px solid var(--borda);text-align:center}
@media(max-width:1200px){.ui-authenticated .conteudo{padding:1.5rem}.ui-metrics{gap:.7rem}.ui-board{grid-auto-columns:250px}.ui-login-layout{gap:2rem}.ui-login-story h1{font-size:2.8rem}}
@media(max-width:960px){.ui-authenticated .ui-topbar{margin-left:0;padding:.8rem 1.1rem;height:74px}.ui-authenticated .ui-topbar>.marca{display:flex}.ui-topbar-context{margin-left:auto;margin-right:1rem;max-width:220px}.ui-topbar-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-toggle{display:grid;place-items:center;border:1px solid var(--borda);background:#fff;width:42px;height:42px;margin:0;order:0;flex-shrink:0}.nav-toggle:hover{background:var(--ui-soft)}.hamburguer,.hamburguer::before,.hamburguer::after{background:var(--verde);width:18px}.nav.ui-sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;width:min(300px,85vw)}.ui-nav-open .ui-sidebar{transform:translateX(0);visibility:visible}.ui-nav-open .ui-nav-backdrop{display:block;position:fixed;inset:0;background:#10271980;border-radius:0;margin:0;z-index:40}.ui-nav-open{overflow:hidden}.ui-authenticated .conteudo{margin-left:0}.ui-authenticated .rodape{margin-left:0}.ui-detail-grid{grid-template-columns:1fr}.ui-login-layout{gap:1rem;padding:1rem .5rem}.ui-login-story h1{font-size:2.3rem}.ui-login-card{padding:1.8rem}}
@media(max-width:640px){html,body{max-width:100%;overflow-x:clip}.topo.ui-topbar{padding:.8rem 1rem;height:72px}.marca strong{font-size:.96rem}.marca .logo{width:36px;height:36px;border-radius:10px}.ui-topbar-context{display:none}.nav-toggle{margin-left:auto}.ui-authenticated .conteudo{padding:1.2rem .9rem}.ui-public .conteudo{margin:.8rem auto;padding:0 1rem}h1{font-size:1.55rem}.card,.ui-workspace,.ui-lead-summary{padding:1rem;border-radius:12px}.ui-page-header{margin-bottom:1rem}.ui-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ui-metric{padding:.9rem}.ui-metric strong{font-size:1.6rem}.ui-metric span{font-size:.73rem}.ui-board{grid-auto-columns:86%;gap:.6rem}.ui-board[data-view=list] .ui-lead-card{display:block}.ui-filter-grid{grid-template-columns:1fr}.ui-toolbar{align-items:flex-start}.ui-data-list{gap:.8rem}.ui-login-layout{display:block;padding:.3rem 0}.ui-login-story{padding:.8rem .3rem 1.4rem}.ui-login-story h1{font-size:1.8rem;margin:.65rem 0}.ui-login-story>p{font-size:.85rem;margin:.5rem 0}.ui-login-note{display:none}.ui-login-card{max-width:none;padding:1.4rem}.ui-login-card h2{font-size:1.3rem}.ui-login-card .ajuda{margin-bottom:1rem}.ui-login-card label{margin-top:.9rem}.ui-login-help{font-size:.7rem}.rodape{font-size:.65rem;padding:1rem}.table,table{display:table;white-space:normal}.ui-table-scroll table,.ui-table-wrap table{min-width:540px}.ui-sidebar .nav-menu{background:transparent}.ui-sidebar .nav-item{background:transparent}.ui-sidebar .nav-menu a{color:var(--texto-suave)}.ui-sidebar a.nav-item.ativo,.ui-sidebar .nav-menu a.ativo{background:var(--ui-soft);color:var(--verde-esc)}}
.ui-view-toggle{display:flex;gap:.3rem;background:#f4f7f4;border:1px solid var(--borda);padding:.25rem;border-radius:10px}.ui-view-toggle button{min-height:34px;font-size:.75rem;padding:.4rem .8rem;border-color:transparent;background:transparent}.ui-search{flex:1;min-width:180px;margin:0}.ui-search input{max-width:420px}.ui-lead-top{margin-bottom:.7rem}.ui-lead-top h4 a{text-decoration:none}.ui-lead-top h4 a:hover{text-decoration:underline}.ui-lead-top .ui-status{display:inline-block;margin-top:.15rem}.ui-next-action p{margin:.35rem 0}.ui-stage-control{margin-top:.5rem;font-size:.72rem}.ui-stage-control summary{color:var(--texto-suave);cursor:pointer;padding:.35rem 0}.ui-stage-form{display:grid;grid-template-columns:1fr}.ui-stage-form label{font-size:.68rem;margin:0}.ui-stage-form button{justify-self:start}.ui-approval>summary,.ui-financial>summary{cursor:pointer;font-weight:650;font-size:.86rem}.ui-approval .cont{display:inline-block;background:#f5eee3;border-radius:6px;padding:.15rem .5rem;margin-left:.5rem;font-size:.72rem}.ui-board[data-view=list] .ui-lead-card{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-board[data-view=list] .ui-lead-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0}.ui-board[data-view=list] .ui-next-action{border:0;margin:0;padding:0;grid-row:2/5;grid-column:2}.ui-board[data-view=list] .ui-stage-control{grid-column:2}.ui-board[data-view=list] .ui-lead-card>.botao{justify-self:start}.cartao.destaque.ui-metric strong,.cartao.destaque.ui-metric span,.cartao.destaque.ui-metric small{color:var(--cor-texto-primaria,#fff)}.ui-credit-value.alerta{font-size:.86rem;font-weight:500}.ui-timeline-text{white-space:pre-line}.ui-table-wrap{margin-top:.75rem}
.ui-column[aria-labelledby=stage-perdido] .ui-status{background:#fbecee;color:var(--erro)}.ui-column[aria-labelledby=stage-qualificado] .ui-status{background:#edf2fc;color:#395f96}.ui-column[aria-labelledby=stage-conversando] .ui-status{background:#fff3dd;color:#8b6423}.forms-cadastro{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ui-table-hint{display:none;color:var(--texto-suave);font-size:.7rem;margin:.55rem 0 0}.ui-table-hint[hidden]{display:none!important}
@media(max-width:640px){.ui-table-hint:not([hidden]){display:block}}
@media(max-width:640px){.ui-toolbar .ui-search{width:100%}.ui-board[data-view=list] .ui-lead-top{display:block}.ui-board[data-view=list] .ui-next-action{border-top:1px solid #edf1ee;margin-top:.65rem;padding-top:.65rem}.ui-view-toggle{width:auto}.ui-topbar .marca{min-width:0}.ui-page-header .ui-company-context{display:block;padding:0;border:0;background:transparent}.ui-board[data-view=list] .ui-lead-card{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Contraste dos textos auxiliares sobre branco e fundo claro. */
.ui-nav-label,.rodape,th{color:#52675b}
.ui-sidebar .quem small{color:#52675b}
.ui-sidebar .nav-user .quem{opacity:1}
.rel-nav-titulo small{color:#52675b;opacity:1}

.ui-filial-content{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:1rem}
.ui-filial-links{min-width:0;margin-top:.8rem}
.ui-filial-qr{width:180px;height:180px;border:1px solid var(--borda);border-radius:12px;background:#fff}
.ui-filial-url{font-size:.85rem;background:#f8faf8;min-width:0}
.ui-filial-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}
.ui-filial-actions button.secundario{background:#fff;color:var(--verde);border:1px solid var(--verde)}
.ui-copy-feedback{display:block;color:var(--verde-esc);font-size:.85rem;min-height:1.3em;margin-top:.5rem}
@media(max-width:640px){.ui-filial-content{grid-template-columns:minmax(0,1fr);gap:.6rem}.ui-filial-qr{justify-self:center}.ui-filial-actions>.botao,.ui-filial-actions>button{flex:1;text-align:center;white-space:nowrap}.ui-filial-card .ui-toolbar{display:block}.ui-filial-card .badge{display:inline-block;margin-top:.4rem}}
.ui-adesao-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.ui-adesao-cards .ui-lead-card{margin:0}.ui-adesao-cards h3{font-size:1rem;margin:0 0 .5rem}.ui-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.ui-client-type,.ui-client-consents{border:0;padding:0;margin:0 0 1.25rem;min-width:0}.ui-client-form legend{font-weight:650;margin:1rem 0 .6rem}.ui-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.25rem;min-width:0}.ui-form-grid legend{grid-column:1/-1}.ui-form-grid label{min-width:0}.ui-form-grid input{width:100%;min-width:0}.ui-adesao-board[hidden],.ui-table-wrap[hidden]{display:none}.ui-view-toggle a[aria-current=page]{background:var(--verde);color:var(--cor-texto-primaria,#fff)}.ui-adesao-status.s-analise_credito{background:#fff1d7;color:#734c0e}.ui-adesao-status.s-aprovada,.ui-adesao-status.s-ativa{background:#e2f4e7;color:#205c35}.ui-adesao-status.s-reprovada{background:#fbe8e8;color:#852e2e}.ui-adesao-status.s-termo_enviado{background:#e7eefc;color:#294975}.ui-adesao-board{max-width:100%;min-width:0}.ui-adesao-board .ui-lead-card h4{overflow-wrap:anywhere}@media(max-width:640px){.ui-form-grid{grid-template-columns:minmax(0,1fr)}.ui-client-form .toggle-tipo{flex-wrap:wrap}.ui-actions{width:100%}.ui-client-form .ui-actions>*{flex:1}.ui-adesao-cards{grid-template-columns:minmax(0,1fr)}}
.ui-filial-assign{min-width:180px}.ui-filial-assign label{font-size:.75rem}.ui-filial-assign select{min-height:40px}.ui-filial-assign button{font-size:.75rem;min-height:38px}.ui-client-form>.ui-actions{margin-top:1.25rem}.ui-client-form small{display:block;font-size:.76rem;font-weight:400;color:var(--texto-suave)}

/* P2: propriedades/tags/timeline */
.ui-form-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.35rem 0}
.ui-form-inline label{margin:0}
.botao-sec{padding:.3rem .7rem;font-size:.9em}
.botao-link{background:none;border:0;color:inherit;padding:0 .2rem;cursor:pointer}
.ui-tags .tag{display:inline-flex;align-items:center;margin:0 .3rem .3rem 0}

/* Componentes incrementais da jornada comercial e da operação. */
:root{--ui-danger:#a52632;--ui-warning-bg:#fff5e2;--ui-warning-text:#704b13;--ui-focus:#126a46;--ui-radius:12px;--ui-space:1rem}
[hidden]{display:none!important}
.ui-account-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem}
.ui-account-actions form{margin:0}.ui-sidebar .ui-account-actions button.sair{border:1px solid var(--borda);color:var(--texto-suave);background:var(--cinza);margin:0;font:inherit}
.ui-sidebar .nav-user{flex-wrap:wrap}.ui-sidebar .nav-user .quem{flex:1 1 120px}
.ui-local-nav{display:flex;flex-wrap:wrap;gap:.45rem;padding:.65rem 0 1.2rem}
.ui-local-nav a{display:inline-flex;align-items:center;min-height:42px;padding:.45rem .8rem;border:1px solid var(--borda);background:#fff;border-radius:8px;text-decoration:none;color:var(--verde-esc);font-weight:600;font-size:.85rem}
.card[id],h2[id]{scroll-margin-top:1.3rem}
.ui-operation-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;border-top:3px solid var(--verde)}
.ui-operation-summary h2{font-size:1.2rem;border:0;padding-bottom:0}
.ui-checklist{list-style:none;margin:0;padding:0;display:grid;gap:.65rem;font-size:.9rem}
.ui-checklist li{display:flex;gap:.65rem;align-items:center}
.ui-check-indicator{display:inline-grid;place-items:center;width:26px;min-width:26px;height:26px;border-radius:50%;background:var(--ui-warning-bg);color:var(--ui-warning-text);font-weight:700}
.ui-check-indicator.is-complete{background:#e2f4e7;color:#205c35}
.ui-next-step{border-left:4px solid var(--verde)}.ui-next-step>p:not(.ui-eyebrow){max-width:75ch}
.ui-draft-note{padding:.7rem 1rem;background:#eef7f0;border:1px solid #bedac7;border-radius:8px;color:#254e36;font-size:.9rem}
.ui-client-step{border:0;min-width:0;margin:1.2rem 0;padding:0}
.ui-client-step>legend{font-size:1.15rem;font-weight:700;margin-bottom:.7rem}
.ui-client-step .ui-client-type legend{font-size:.92rem}
.ui-form-progress{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 0}
.ui-form-progress button{background:#f0f4f1;border:1px solid var(--borda);color:#365442;min-height:44px;font-size:.85rem;margin:0;padding:.55rem .85rem}
.ui-form-progress button[aria-current=step]{background:var(--verde-esc);color:var(--cor-texto-primaria,#fff);border-color:var(--verde-esc)}
.ui-form-progress button:disabled{opacity:1;background:#f6f7f6;color:#59675d;cursor:default}
.ui-step-status{font-size:.88rem;color:#3f5a49;margin:.7rem 0}
.ui-step-actions{display:flex;gap:.75rem;justify-content:space-between;border-top:1px solid var(--borda);padding-top:1rem;margin-top:1.25rem}
.ui-client-form .ui-step-actions button{min-height:46px;min-width:120px;margin:0}
.ui-client-form input[aria-invalid=true],.ui-client-form select[aria-invalid=true]{border-color:var(--ui-danger);outline-color:var(--ui-danger)}
.ui-field-error,.ui-client-form small.ui-field-error{color:var(--ui-danger);display:block;font-size:.85rem;font-weight:600;margin-top:.4rem}
.ui-submit-status{font-size:.88rem;color:#355440;background:#edf7f0;border-radius:8px;padding:.7rem;margin:.75rem 0 0}
.ui-submitting[aria-disabled=true]{cursor:progress;opacity:.75}
.is-stale .ui-metrics,.is-stale .ui-data-list{opacity:.6}
[data-quote-stale]{background:var(--ui-warning-bg);color:var(--ui-warning-text);border:1px solid #ddc58f}
a[aria-disabled=true]{opacity:.65;cursor:not-allowed}
.ui-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--borda);padding-top:1rem;margin-top:1rem}
.ui-pagination p{font-size:.86rem;margin:.3rem 0}
.ui-filter-grid>button{align-self:end;margin-bottom:.6rem;min-height:42px}
.ui-chart-table{margin-top:1rem;border-top:1px solid var(--borda);padding-top:.75rem}
.ui-chart-table summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--verde-esc);min-height:32px}
.ui-chart-table caption{text-align:left;font-weight:650;padding:.8rem 0;color:var(--tinta)}
.ui-tags .botao-link{min-width:32px;min-height:32px}
.ui-task-list{list-style:none;padding:0;margin:1rem 0}.ui-task-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:1.5rem;align-items:start}.ui-task-item h2{font-size:1.12rem}.ui-task-action{font-size:1rem;overflow-wrap:anywhere}.ui-task-item.is-overdue{border-left:4px solid #b75b25}.ui-task-controls details{margin-top:.8rem}.ui-task-controls summary{cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 0}.ui-local-nav a[aria-current=page]{background:var(--verde-esc);color:var(--cor-texto-primaria,#fff);border-color:var(--verde-esc)}
.ui-hash{overflow-wrap:anywhere}.ui-json-record{overflow:auto;max-height:480px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f4;padding:1rem;border-radius:8px;font-size:.82rem}.ui-client-form .chk,.card>form>.chk{display:flex;align-items:flex-start;gap:.6rem;font-weight:400}.card>form>.chk input{width:auto;min-width:20px;min-height:20px;flex-shrink:0}
.ui-job-counts{list-style:none;padding:0;margin:0;font-size:.85rem}.ui-job-counts li{margin:.2rem 0}
.ui-draft-list{list-style:none;padding:0;margin:0}.ui-draft-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid var(--borda)}.ui-draft-list li:last-child{border-bottom:0}.ui-draft-list li>div{min-width:0}.ui-draft-list strong{overflow-wrap:anywhere}.ui-draft-list form{margin:0}
.ui-import-diff{padding:.8rem 0;border-top:1px solid var(--borda)}.ui-import-diff>summary{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;cursor:pointer;padding:.4rem 0;min-height:44px;font-size:.9rem}.ui-import-diff>summary>span{min-width:0;overflow-wrap:anywhere}.ui-import-diff td{overflow-wrap:anywhere;max-width:350px}.ui-import-diff .ui-meta{margin:.3rem 0 0}.ui-import-diff summary:focus-visible{outline-offset:3px}
.ui-import-diff>summary::after{content:"⌄";font-size:1.1rem;color:var(--verde-esc)}.ui-import-diff[open]>summary::after{content:"⌃"}.alerta{overflow-wrap:anywhere}
.ui-import-errors table{min-width:0;table-layout:fixed}.ui-import-errors th:first-child{width:4rem}.ui-import-errors td{overflow-wrap:anywhere}
.alerta:not(.ok):not(.erro){background:var(--ui-warning-bg);border-color:#dfcda8;color:var(--ui-warning-text)}
.ui-mfa-setup{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;align-items:start}.ui-mfa-setup img{max-width:100%;height:auto}.ui-secret-key{display:block;background:#f2f6f3;border:1px solid var(--borda);padding:.8rem;font-size:1rem;overflow-wrap:anywhere;user-select:all}.ui-recovery-codes{border-left:4px solid #a17b14}.ui-recovery-codes ul{columns:2;padding-left:1.2rem}.ui-recovery-codes li{padding:.4rem 0;font-size:1rem}
.ui-bi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.3rem}
.ui-bi-card{margin:0;grid-column:span var(--w,1);min-width:0}
.ui-bi-card .ui-toolbar h2{font-size:1rem}.ui-bi-counter{margin:.4rem 0}.ui-bi-counter strong{font-size:2.4rem}
.ui-bi-canvas{position:relative;height:240px}.ui-bi-erro{color:#52675b;font-size:.85rem}.ui-bi-erro.is-error{color:var(--ui-danger)}
.ui-bi-form .ui-bi-wide{grid-column:1/-1}#bi-economia{margin-bottom:1.3rem}
@media(max-width:960px){.ui-operation-summary,.ui-task-item{grid-template-columns:minmax(0,1fr);gap:1rem}.ui-bi-grid{grid-template-columns:minmax(0,1fr)}.ui-bi-card{grid-column:1/-1}}
@media(max-width:640px){
  .ui-local-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:.75rem;margin-bottom:.5rem}.ui-local-nav a{flex-shrink:0}
  .ui-client-form input,.ui-client-form select,.ui-client-form textarea{font-size:1rem;min-height:46px}
  .ui-client-form input[type=checkbox],.ui-client-form input[type=radio]{min-height:22px;min-width:22px;flex-shrink:0}
  .ui-client-form .chk{padding:.45rem 0;min-height:44px}.ui-client-form label small{line-height:1.5}
  .ui-form-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ui-form-progress button{text-align:left;padding:.65rem;font-size:.85rem}
  .ui-step-actions button{flex:1}.ui-client-form [data-client-final-actions]>*{flex:1 1 100%;text-align:center}
  .ui-filter-grid{margin-bottom:1rem}.ui-filter-grid>button{margin-bottom:0}
  .acoes button,.acoes .botao,.ui-view-toggle a,.ui-lead-card .botao,.ui-lead-card button,.menu-trigger,.chip-filtro{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .ui-pagination .ui-actions{width:auto}.ui-checklist{font-size:.88rem}.ui-data-list{grid-template-columns:minmax(0,1fr)}
  .ui-mfa-setup{grid-template-columns:minmax(0,1fr)}.ui-mfa-setup img{display:block;margin:auto}.ui-recovery-codes ul{columns:1}
  .pill,.badge,.tag,.ui-meta{font-size:.78rem}.ui-lead-card p.ui-next-action{font-size:.84rem}
  .ui-metric span{font-size:.82rem}.ui-metric small{font-size:.78rem;line-height:1.5}
  .ui-tags .botao-link{min-width:44px;min-height:44px}
  .ui-import-diff .ui-table-scroll table{min-width:0;table-layout:fixed}.ui-import-diff th,.ui-import-diff td{padding:.7rem .45rem;overflow-wrap:anywhere}.ui-import-diff thead th:first-child{width:30%}.ui-import-diff thead th:not(:first-child){width:35%}.ui-import-diff td .ui-meta{font-size:.78rem;display:block}
}
/* Dossiê/documentos/indicadores (QA visual): legendas de tabela com rolagem e tabela→cards no celular. */
.ui-table-scroll caption,.ui-table-wrap caption{text-align:left;white-space:normal;overflow-wrap:anywhere;position:sticky;left:0;max-width:calc(100vw - 3rem);padding:.6rem .9rem}
@media (max-width:640px){
  .ui-table-scroll table.ui-table-cards{min-width:0;width:100%}
  .ui-table-cards,.ui-table-cards tbody,.ui-table-cards tr,.ui-table-cards td{display:block;width:100%}
  .ui-table-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ui-table-cards tr{border:1px solid var(--borda);border-radius:10px;padding:.6rem .75rem;margin:0 0 .75rem}
  .ui-table-cards td{padding:.35rem 0;border:0;overflow-wrap:anywhere}
  .ui-table-cards td[data-label]::before{content:attr(data-label);display:block;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#7a887f;margin-bottom:.15rem}
  .ui-table-cards .acoes{display:flex;flex-direction:column;align-items:stretch}
  .ui-table-cards .acoes button,.ui-table-cards .acoes input{width:100%}
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* campo/retorno: notificações do vendedor e visão de campo */
.ui-lista-simples{list-style:none;margin:0 0 1rem;padding:0}
.ui-lista-simples li{padding:.6rem 0;border-bottom:1px solid #e3e8ec;overflow-wrap:anywhere}
.ui-lista-simples li.nao-lida{border-left:4px solid var(--verde-esc,#087544);padding-left:.6rem}
.ui-lista-simples form{display:inline}
.leitura-foto{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin:.4rem 0 1rem}.leitura-foto label{flex:1 1 240px;margin:0}.leitura-foto [data-leitura-status]{flex-basis:100%;margin:0}.leitura-foto [data-leitura-status].erro{color:var(--erro)}
.leitura-incerta{background:var(--ui-warning-bg,#fff5e2)!important;border-color:var(--amarelo,#f4b400)!important;outline:2px solid var(--amarelo,#f4b400);outline-offset:0}.leitura-nota{display:block;color:var(--ui-warning-text,#704b13);font-size:.75rem;margin-top:.2rem}

/* Jornada em campo (PWA do vendedor) */
.campo-topo{position:sticky;top:0;z-index:5}
.campo-fila,.campo-rede{margin:0 0 8px;padding:8px 12px;border-radius:8px;background:#fff7e0;border:1px solid #e8c56a;font-size:.95rem}
.campo-rede{background:#eef3f7;border-color:#b7c7d4}
.campo-fila-erro{display:block;margin-top:4px;color:#8a1c1c}
.campo-passos{display:flex;gap:4px;list-style:none;padding:0;margin:0 0 12px;counter-reset:passo;overflow-x:auto}
.campo-passos li{flex:1 1 0;min-width:64px;padding:6px 4px;text-align:center;font-size:.85rem;border-bottom:3px solid #d6dde3;color:#5b6670;cursor:default}
.campo-passos li.feito{border-color:#7fbf9f;color:#2c5f45;cursor:pointer}
.campo-passos li.atual{border-color:#087544;color:#087544;font-weight:600}
.campo-tipo{display:flex;gap:16px;flex-wrap:wrap;border:0;padding:0;margin:0 0 8px}
.campo-geo{margin:12px 0}
.campo-arquivos label.botao{cursor:pointer}
.campo-docs{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.campo-docs li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e5e9ec}
.campo-docs li>span{flex:1 1 100%;font-weight:600}
.campo-docs label.botao{cursor:pointer}
.campo-leitura{margin:8px 0}
.campo-selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.85rem;background:#eef3f7}
.campo-selo-aprovada{background:#e3f4ea;color:#1d6b43}.campo-selo-reprovada{background:#fbe7e7;color:#8a1c1c}
.campo-selo-documento_pendente{background:#fff3d6;color:#7a5200}.campo-selo-em_analise{background:#e8eefb;color:#2b4a8a}
.campo-final h1{margin-top:0}
@media (max-width:600px){.campo-passos li{font-size:.75rem;min-width:56px}.campo-docs label.botao{flex:1 1 45%;text-align:center}}

/* Onda 3 / contas bancárias (dado cadastral conferido) */
.ui-dl{display:grid;grid-template-columns:minmax(7rem,max-content) 1fr;gap:.35rem .9rem;margin:.75rem 0}
.ui-dl dt{font-weight:600;color:var(--texto-suave,#555)}.ui-dl dd{margin:0;overflow-wrap:anywhere}
.lista-simples{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.selo-conta{display:inline-block;margin-top:.2rem;white-space:normal;font-size:.8rem}
.conta-bancaria-form input,.conta-bancaria-form select{max-width:100%}
@media (max-width:480px){.ui-dl{grid-template-columns:1fr}.ui-dl dt{margin-top:.4rem}}
/* Notas internas (onda 3) */
.notas-lista{list-style:none;margin:0 0 1rem;padding:0}
.nota-item{border-left:3px solid var(--texto-suave);padding:.4rem .75rem;margin:.5rem 0}
.nota-texto{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0}
.nota-acoes form{margin:.5rem 0}
.nota-nova textarea,.nota-acoes textarea{width:100%;max-width:100%;box-sizing:border-box}
.badge.nota{background:#fff4d6;color:#7a5200}
/* onda3/metas */
.ui-meta-input{width:7.5rem;max-width:100%}.ui-meta-excluir{display:none}.ui-metas-lista progress,.ui-table progress{width:100%;max-width:12rem;height:.6rem;vertical-align:middle;accent-color:var(--verde)}
/* Tickets (onda 3) */
.ui-texto-livre{white-space:pre-wrap;overflow-wrap:anywhere}
.ui-inline-form{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-end;margin:0 0 .8rem}
.ui-inline-form label{width:100%;margin:0}
.ui-inline-form select,.ui-inline-form input{max-width:100%;min-width:0}

/* App do cliente (cliente/acesso) — 360 px primeiro */
.cliente-topo .cliente-quem{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.9rem}
.cliente-topo .cliente-quem a{color:var(--cor-texto-primaria,#fff);text-decoration:underline}
.cliente-menu{display:flex;gap:.25rem;overflow-x:auto;background:#fff;border-bottom:1px solid var(--borda);
  padding:.4rem .6rem;-webkit-overflow-scrolling:touch}
.cliente-menu a{white-space:nowrap;padding:.45rem .7rem;border-radius:8px;color:var(--tinta);text-decoration:none;min-height:44px;
  display:inline-flex;align-items:center}
.cliente-menu a[aria-current="page"]{background:var(--verde);color:var(--cor-texto-primaria,#fff)}
.cliente-menu a:focus-visible,.cliente-topo a:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}
.cliente-menu .cliente-sair{margin-left:auto}
.cliente-conteudo{max-width:760px;margin:0 auto;padding:1rem}
.cliente-conteudo .card{margin-bottom:1rem}
.cliente-form{display:flex;flex-direction:column;gap:.5rem}
.cliente-form input{font-size:1rem;padding:.6rem;border:1px solid var(--borda);border-radius:8px;width:100%;max-width:100%}
.cliente-form button,.cliente-form-inline button{min-height:44px}
.cliente-form-inline{margin:.4rem 0 0}
.cliente-lista{list-style:none;padding:0;margin:0}
.cliente-lista li{padding:.7rem 0;border-bottom:1px solid var(--borda);overflow-wrap:anywhere}
.cliente-lista li:last-child{border-bottom:0}
.cliente-dl div{display:flex;flex-wrap:wrap;gap:.4rem}
.cliente-dl dt{font-weight:600}
.cliente-dl dd{margin:0}
.cliente-atalhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;list-style:none;padding:0;margin:0}
.cliente-atalhos a{display:flex;min-height:44px;align-items:center;padding:.6rem;border:1px solid var(--borda);border-radius:8px;background:#fff}
.cliente-resumo:empty{display:none}
.cliente-rodape{text-align:center;padding:1rem;color:var(--texto-suave)}
/* ---- Area do cliente: adesao + economia (frente status_economia) ---- */
.cli-corpo{background:var(--cinza)}
.cli-topo{background:var(--verde-esc);color:var(--cor-texto-primaria,#fff);padding:.7rem 16px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}
.cli-menu{display:flex;flex-wrap:wrap;gap:.2rem .7rem}
.cli-menu a{color:var(--cor-texto-primaria,#fff);text-decoration:none;padding:.2rem 0}
.cli-menu a[aria-current=page]{text-decoration:underline;font-weight:700}
.cli-main{max-width:760px;margin:0 auto;padding:1rem 16px 3rem}
.cli-h1{font-size:1.35rem;margin:.4rem 0 1rem}
.cli-h2{font-size:1.05rem;margin:0 0 .7rem}
.cli-h2 small{font-weight:400;color:var(--texto-suave)}
.cli-card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:1rem;margin:0 0 1rem;overflow-wrap:anywhere}
.cli-vazio{color:var(--texto-suave)}
.cli-trilha{list-style:none;margin:0 0 .8rem;padding:0}
.cli-etapa{display:flex;gap:.7rem;padding:.45rem 0;border-left:2px solid var(--borda);margin-left:.6rem;padding-left:.8rem;position:relative}
.cli-etapa-marca{position:absolute;left:-.7rem;top:.4rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;border:2px solid var(--borda);display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1}
.cli-etapa-texto{display:flex;flex-direction:column;padding-left:.4rem}
.cli-etapa-estado,.cli-etapa-desc{font-size:.85rem;color:var(--texto-suave)}
.cli-etapa--concluida{border-left-color:var(--verde)}
.cli-etapa--concluida .cli-etapa-marca{background:var(--verde);border-color:var(--verde);color:var(--cor-texto-primaria,#fff)}
.cli-etapa--atual .cli-etapa-marca{border-color:var(--verde);color:var(--verde)}
.cli-etapa--pendente strong{color:var(--texto-suave);font-weight:500}
.cli-previsao{font-size:.9rem;margin:.2rem 0 .6rem}
.cli-alerta{background:#fff7e0;border:1px solid #f4d27a;border-radius:8px;padding:.6rem .8rem;margin:0 0 .6rem}
.cli-acao{margin:.3rem 0 0}
.cli-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:.4rem}
.cli-kpi{margin:0}
.cli-kpi-rot{font-size:.85rem;font-weight:500;color:var(--texto-suave);margin:0}
.cli-kpi-val{font-size:1.4rem;font-weight:700;margin:.2rem 0 0;color:var(--verde-esc)}
.cli-nota{font-size:.82rem;color:var(--texto-suave)}
.cli-grafico{width:100%;height:auto;display:block}
.cli-graf-barra{fill:var(--verde)}
.cli-graf-eixo{stroke:var(--borda);stroke-width:1}
.cli-graf-rot{font-size:10px;fill:var(--texto-suave)}
.cli-tabela-rolagem{overflow-x:auto}
.cli-tabela{width:100%;border-collapse:collapse;font-size:.88rem}
.cli-tabela caption{text-align:left;font-size:.8rem;color:var(--texto-suave);padding-bottom:.3rem}
.cli-tabela th,.cli-tabela td{padding:.4rem .35rem;border-bottom:1px solid var(--borda);text-align:right;white-space:nowrap}
.cli-tabela th[scope=row],.cli-tabela thead th:first-child{text-align:left}
.cli-selo{background:var(--ui-soft,#eaf4ee)}
.cli-texto li{margin-bottom:.5rem}
.cli-main a:focus-visible,.cli-menu a:focus-visible{outline:3px solid var(--amarelo,#f4b400);outline-offset:2px}
/* area do cliente: faturas e documentos */
.cli-topo{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between;padding:.8rem 16px}
.cli-nome{font-size:.85rem;color:var(--texto-suave)}
.cli-menu{display:flex;gap:.3rem;overflow-x:auto;padding:.4rem 16px;border-bottom:1px solid var(--borda)}
.cli-menu a{white-space:nowrap;padding:.5rem .7rem;border-radius:8px;text-decoration:none;min-height:42px;display:inline-flex;align-items:center}
.cli-menu a[aria-current=page]{background:var(--cinza);font-weight:600}
.cli-conteudo{max-width:760px;margin:0 auto;padding:1rem 16px}
.cli-lista{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.cli-item p{margin:.3rem 0}.cli-item-topo{display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.cli-nota{font-size:.85rem;color:var(--texto-suave)}
.cli-hash code,.cli-codigo{word-break:break-all;overflow-wrap:anywhere;font-size:.8rem}
.cli-codigo{width:100%;box-sizing:border-box}
.cli-dl{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:.35rem .8rem;margin:.6rem 0}.cli-dl dt{color:var(--texto-suave)}.cli-dl dd{margin:0}
.cli-estado-paga{background:#e6f4ea;color:var(--verde-esc)}.cli-estado-vencida{background:#fdecea;color:var(--erro)}
.cli-estado-em_aberto{background:#fff4e0;color:#7a4b00}.cli-estado-cancelada,.cli-estado-em_processamento{background:var(--cinza);color:var(--tinta)}
.cli-conteudo form{display:grid;gap:.5rem;margin-top:.5rem}
/* Portal do cliente: Ajuda e Avisos (360 px primeiro) */
.cliente-portal .cliente-nome { font-weight: 600; margin-left: auto; overflow-wrap: anywhere; }
.cliente-menu { display: flex; flex-wrap: wrap; gap: .25rem .75rem; padding: .5rem 1rem; }
.cliente-menu a { padding: .5rem .25rem; min-height: 44px; display: inline-flex; align-items: center; }
.cliente-conteudo { max-width: 46rem; margin: 0 auto; padding: 1rem; }
.cliente-form { display: grid; gap: .5rem; }
.cliente-form input, .cliente-form select, .cliente-form textarea { width: 100%; box-sizing: border-box; }
.cliente-ticket { border-top: 1px solid #d9e2dc; padding-top: .75rem; margin-top: .75rem; }
.cliente-avisos { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; gap: .75rem; }
.cliente-aviso-novo { border-left: 4px solid #087544; }
.cliente-avisos h2 { font-size: 1.05rem; margin: .25rem 0; }
/* Integração do app do cliente: contador de avisos no menu */
.cliente-badge{display:inline-block;min-width:1.3rem;padding:0 .35rem;margin-left:.3rem;border-radius:999px;background:var(--amarelo,#f4b400);color:#000;font-size:.75rem;font-weight:700;text-align:center;line-height:1.3rem}

/* Onda 4: visoes salvas da lista de adesoes (360 px: quebra em linhas) */
.ui-visoes{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ui-visoes li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;max-width:100%}
.ui-visoes li form{display:inline;margin:0}
.ui-visoes .botao{max-width:100%;overflow-wrap:anywhere}

/* Onda 4 / white-label: logo da empresa (cores vêm dos tokens inline no <head>) */
.wl-logo{display:block;max-height:48px;max-width:160px;width:auto;height:auto;margin:0 auto .6rem;object-fit:contain}
.topo .wl-logo,.cliente-topo .wl-logo{margin:0;max-height:36px;max-width:120px}
.wl-amostra{display:inline-block;width:1.4rem;height:1.4rem;border-radius:6px;border:1px solid var(--borda);vertical-align:middle}
.wl-form-grid{display:grid;grid-template-columns:1fr;gap:.2rem .9rem}
@media(min-width:640px){.wl-form-grid{grid-template-columns:1fr 1fr}}

/* senha: esqueci/redefinir/trocar e redefinição pelo gestor (360 px) */
.ui-senha-card{max-width:440px;margin:1.5rem auto}.ui-senha-card form{display:grid;gap:.35rem}.ui-senha-card button{margin-top:.6rem}.ui-check{display:flex;align-items:center;gap:.45rem;font-weight:500}.ui-check input{width:auto;margin:0}.ui-acoes-senha{display:flex;flex-wrap:wrap;gap:.5rem}[data-senha-temporaria]{font-size:1.1rem;letter-spacing:.06em;word-break:break-all}@media(max-width:400px){.ui-senha-card{margin:.75rem 0}.ui-acoes-senha button{flex:1 1 100%}}
/* pop-up Detalhes do vendedor (/admin/vendedores) */
.ui-vend-acoes{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.ui-vend-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--borda);border-radius:14px;padding:1rem}.ui-vend-dialog::backdrop{background:rgba(0,0,0,.45)}.ui-vend-dialog-topo{display:flex;justify-content:flex-end;margin:0}.ui-vend-detalhes h2{margin:.2rem 0 .8rem;font-size:1.1rem;overflow-wrap:anywhere}.ui-vend-detalhes dl{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:.35rem .8rem;margin:0}.ui-vend-detalhes dt{font-weight:600;color:var(--texto-suave)}.ui-vend-detalhes dd{margin:0;overflow-wrap:anywhere}@media(max-width:420px){.ui-vend-detalhes dl{grid-template-columns:1fr}.ui-vend-detalhes dd{margin-bottom:.4rem}}

/* Onda 5 / dashboard_negocio: cards por negócio e visão por loja (360 px). */
.ng-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.ng-card{margin:0;display:flex;flex-direction:column;gap:.6rem}
.ng-numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}
.ng-numeros div{background:#fafcfa;border:1px solid var(--borda);border-radius:10px;padding:.55rem .7rem}
.ng-numeros dt{font-size:.72rem;color:var(--texto-suave)}
.ng-numeros dd{margin:.15rem 0 0;font-size:1.3rem;font-weight:700}
.ng-numeros dd small{display:block;font-size:.68rem;font-weight:400;color:var(--texto-suave)}
.ng-numeros progress{width:100%;height:.5rem}
.ng-grafico{width:100%;max-width:420px;height:auto;display:block}
.ng-barra{fill:var(--verde)}
.ng-eixo{stroke:var(--borda);stroke-width:1}
.ng-valor,.ng-rotulo{font-size:11px;fill:var(--tinta)}
.ng-rotulo{fill:var(--texto-suave)}
.ng-lista{margin:0;padding-left:1.1rem;columns:2 240px}
@media(max-width:640px){.ng-cards{grid-template-columns:1fr}.ng-numeros dd{font-size:1.1rem}}
/* Ícones SVG do menu lateral (templates/_icones.html): à esquerda do texto, cor herdada do item. */
.nav-ico{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle}
.ui-sidebar .nav-item{justify-content:flex-start;gap:.6rem}
.ui-sidebar summary.nav-item::after{margin-left:auto}
.ui-sidebar .nav-item .badge{margin-left:auto}
.ui-sidebar .nav-menu a{display:flex;align-items:center;gap:.55rem}
.ui-sidebar .nav-menu .nav-ico,.ui-account-actions .nav-ico{width:16px;height:16px}
.ui-account-actions a,.ui-sidebar .ui-account-actions button.sair{display:inline-flex;align-items:center;gap:.35rem}
.ui-adesao-status.s-perdida{background:#ece3e3;color:#6b3a3a}