/* app-rakkau: estilos do CRM Rakkau. Layout sidebar + topbar no padrão Teclak CRM, KPIs, gráficos, tabela de leads e login. Paleta Rakkau. */
:root{
  --oliva:#5B6D41;--oliva-900:#2E3820;--oliva-800:#384528;--oliva-700:#45542F;
  --creme:#FEF9D0;--vinho:#72232D;--vinho-700:#5C1C24;--ambar:#B7832F;
  --fundo:#F4F2EA;--branco:#FFFFFF;--texto:#23281C;--suave:#6B7160;--borda:#E3E0D2;
  --raio:14px;--sombra:0 1px 2px rgba(35,40,28,.06),0 4px 16px rgba(35,40,28,.05);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--fundo);color:var(--texto);font-size:15px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--vinho);outline-offset:2px}

/* Estrutura */
.app{display:flex;min-height:100vh}
.principal{flex:1;margin-left:264px;min-width:0;display:flex;flex-direction:column}
.conteudo{padding:28px 32px 48px}

/* Sidebar */
.sidebar{width:264px;background:var(--oliva-900);color:#E9EAD9;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:transform .2s ease}
.sidebar__marca{display:flex;align-items:center;gap:12px;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.sidebar__logo{width:46px;height:46px;border-radius:50%;background:var(--creme);display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.sidebar__logo img{width:100%;height:100%;object-fit:cover}
.sidebar__logo span{font-weight:900;color:var(--vinho);font-size:20px}
.sidebar__nome{font-weight:900;letter-spacing:.06em;font-size:17px;color:#FFFFFF;line-height:1.1}
.sidebar__sub{font-size:11px;color:#B9BEA4;font-weight:600}
.sidebar__nav{flex:1;overflow-y:auto;padding:10px 12px 16px}
.sidebar__secao{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8E9579;text-transform:uppercase;padding:16px 12px 8px}
.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-weight:700;color:#DADDC8;margin-bottom:2px;transition:background .15s,color .15s}
.nav-item svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover{background:var(--oliva-800);color:#FFFFFF}
.nav-item.ativo{background:var(--vinho);color:#FFFFFF;box-shadow:0 6px 16px rgba(114,35,45,.35)}
.nav-item.em-breve{opacity:.5;cursor:default}
.nav-item.em-breve:hover{background:none;color:#DADDC8}
.tag-breve{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(254,249,208,.12);color:var(--creme);padding:2px 7px;border-radius:999px;white-space:nowrap}
.sidebar__usuario{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.12)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--vinho);color:#FFFFFF;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}
.sidebar__usuario-nome{font-weight:800;font-size:14px;color:#FFFFFF;line-height:1.2}
.sidebar__usuario-papel{font-size:12px;color:#B9BEA4}
.sidebar__usuario form{margin-left:auto}
.btn-sair{background:none;border:0;color:#B9BEA4;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}
.btn-sair:hover{color:#FFFFFF;background:var(--oliva-800)}
.btn-sair svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Topbar */
.topbar{height:68px;background:var(--branco);border-bottom:1px solid var(--borda);display:flex;align-items:center;gap:14px;padding:0 32px;position:sticky;top:0;z-index:30}
.migalha{font-size:15px;color:var(--suave)}
.migalha strong{color:var(--texto);font-weight:800}
.migalha span{margin:0 6px;color:#C5C2B2}
.topbar__acoes{margin-left:auto;display:flex;gap:10px}
.btn-menu{display:none;background:none;border:0;cursor:pointer;padding:6px}
.btn-menu svg{width:22px;height:22px;stroke:var(--texto);fill:none;stroke-width:2;stroke-linecap:round}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s}
.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn--primario{background:var(--vinho);color:#FFFFFF}
.btn--primario:hover{background:var(--vinho-700)}
.btn--secundario{background:var(--branco);color:var(--texto);border-color:var(--borda)}
.btn--secundario:hover{border-color:var(--oliva)}
.btn--texto{background:none;color:var(--suave)}
.btn--texto:hover{color:var(--vinho)}
.desabilitado{opacity:.45;pointer-events:none}

/* Conteúdo */
.saudacao{font-size:16px;font-weight:700;color:var(--suave);margin:0 0 6px}
.secao-titulo{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--oliva);margin:26px 0 12px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.kpi{padding:24px 18px;text-align:center;border-right:1px solid var(--borda)}
.kpi:last-child{border-right:0}
.kpi__rotulo{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.kpi__valor{font-size:34px;font-weight:900;margin:8px 0 4px;line-height:1}
.kpi__legenda{font-size:13px;font-weight:600;color:var(--suave)}
.kpis--compacto .kpi{padding:16px 14px}
.kpis--compacto .kpi__valor{font-size:26px;margin-bottom:0}
.cor-vinho{color:var(--vinho)}
.cor-oliva{color:var(--oliva)}
.cor-ambar{color:var(--ambar)}
.cartao{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:22px}
.cartao__titulo{font-weight:800;font-size:15px;margin-bottom:14px}
.cartao__titulo--espaco{margin-top:24px}
.alerta{padding:12px 16px;border-radius:10px;font-weight:700;font-size:14px;margin-bottom:18px}
.alerta--erro{background:#F8E6E8;color:var(--vinho);border:1px solid #EBC5CA}
.alerta--info{background:#F1F4EA;color:var(--oliva);border:1px solid #D9E0C8}
.suave{color:var(--suave);font-size:13px}
.vazio{color:var(--suave);font-size:14px;margin:0}
.nowrap{white-space:nowrap}
.link{color:var(--oliva);font-weight:700}
.link:hover{color:var(--vinho)}

/* Gráficos */
.grade-graficos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.grafico{position:relative;height:300px}
.barras{display:flex;flex-direction:column;gap:9px}
.barra{display:grid;grid-template-columns:34px 1fr 40px;align-items:center;gap:10px;font-size:13px}
.barra--larga{grid-template-columns:110px 1fr 40px}
.barra__rotulo{font-weight:800;color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barra__trilho{height:10px;background:#EEEBDF;border-radius:999px;overflow:hidden}
.barra__valor{display:block;height:100%;background:var(--oliva);border-radius:999px}
.barra__valor--vinho{background:var(--vinho)}
.barra__numero{text-align:right;font-weight:800;color:var(--suave)}

/* Próximas entregas */
.lista-breve{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.breve{background:var(--branco);border:1px dashed #D6D2BF;border-radius:var(--raio);padding:18px;display:flex;gap:14px;align-items:flex-start}
.breve__icone{width:40px;height:40px;border-radius:10px;background:#F1F4EA;display:grid;place-items:center;flex-shrink:0}
.breve__icone svg{width:20px;height:20px;stroke:var(--oliva);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.breve__titulo{font-weight:800;margin-bottom:4px}
.breve__texto{font-size:13px;color:var(--suave);line-height:1.45}

/* Filtros e tabela de leads */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.filtros input,.filtros select{padding:10px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;font-size:14px;background:var(--branco);color:var(--texto)}
.filtros input:focus,.filtros select:focus{outline:0;border-color:var(--oliva);box-shadow:0 0 0 3px rgba(91,109,65,.18)}
.filtros__busca{flex:1;min-width:260px}
.tabela-info{font-size:13px;color:var(--suave);font-weight:700;margin-bottom:10px}
.tabela-caixa{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);overflow-x:auto}
.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);padding:12px 14px;border-bottom:1px solid var(--borda);background:#FBFAF5;white-space:nowrap}
.tabela td{padding:12px 14px;border-bottom:1px solid #EFECE2;vertical-align:top}
.tabela tbody tr:last-child td{border-bottom:0}
.tabela tbody tr:hover{background:#FCFBF6}
.detalhe summary{cursor:pointer;list-style:none}
.detalhe summary::-webkit-details-marker{display:none}
.detalhe summary strong{border-bottom:1px dashed #C9C5B2}
.detalhe__corpo{margin-top:8px;padding:10px 12px;background:#F7F5EC;border-radius:8px;font-size:13px;line-height:1.5;color:var(--texto)}
.pilula{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800}
.pilula--oliva{background:#EAEFDF;color:var(--oliva)}
.pilula--ambar{background:#F7EBD5;color:#8A5F18}
.paginacao{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.paginacao__info{font-size:14px;font-weight:700;color:var(--suave)}

/* Login */
.login-fundo{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--oliva-900);background-image:radial-gradient(circle at 15% 20%,rgba(254,249,208,.08),transparent 40%),radial-gradient(circle at 85% 85%,rgba(114,35,45,.35),transparent 45%)}
.login-cartao{width:100%;max-width:400px;background:var(--branco);border-radius:18px;padding:34px 30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.login-marca{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.login-logo{background:var(--oliva-900)}
.login-logo span{color:var(--creme)}
.login-nome{font-weight:900;font-size:20px;letter-spacing:.08em;color:var(--oliva-900)}
.login-sub{font-size:13px;color:var(--suave);font-weight:600}
.campo{display:block;margin-bottom:16px}
.campo span{display:block;font-size:13px;font-weight:800;color:var(--texto);margin-bottom:6px}
.campo input{width:100%;padding:12px 14px;border:1px solid var(--borda);border-radius:10px;font:inherit;background:#FCFBF6;transition:border-color .15s,box-shadow .15s}
.campo input:focus{outline:0;border-color:var(--oliva);box-shadow:0 0 0 3px rgba(91,109,65,.18)}
.lembrar{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--suave);margin:4px 0 20px;font-weight:600}
.btn-primario{width:100%;padding:13px;border:0;border-radius:10px;background:var(--vinho);color:#FFFFFF;font:inherit;font-weight:800;font-size:15px;cursor:pointer;transition:background .15s}
.btn-primario:hover{background:var(--vinho-700)}

/* Mobile */
.sombra-menu{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:35}
.sombra-menu.ativa{display:block}
@media (max-width:1100px){
  .grade-graficos{grid-template-columns:1fr}
}
@media (max-width:900px){
  .sidebar{transform:translateX(-100%)}
  .sidebar.aberta{transform:none}
  .principal{margin-left:0}
  .btn-menu{display:block}
  .topbar{padding:0 16px}
  .conteudo{padding:20px 16px 40px}
  .kpi{border-right:0;border-bottom:1px solid var(--borda)}
  .kpi:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}

/* Cupons: filtros com rótulo, KPIs em seis colunas, linha clicável e gaveta lateral de pedidos */
.filtros--cupons{align-items:flex-end;background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-top:0}
.filtros__campo{display:flex;flex-direction:column;gap:6px}
.filtros__campo span{font-size:12px;font-weight:800;color:var(--suave)}
.filtros__campo--busca{flex:1;min-width:240px}
.filtros__checks{display:flex;flex-wrap:wrap;gap:16px;width:100%;order:5}
.filtros__checks label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--texto)}
.filtros__botoes{display:flex;gap:8px}
.kpis--seis{margin-bottom:18px}
.kpi__valor--menor{font-size:24px}
.num{text-align:right}
.tabela th.num{text-align:right}
.codigo{font-weight:900;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.tabela tr.clicavel{cursor:pointer}
.tabela tr.clicavel:focus-visible{outline:2px solid var(--vinho);outline-offset:-2px}
.pilula--cinza{background:#EEEDE6;color:#5E6253}
.cartao.vazio{text-align:center;padding:28px}
.sombra-gaveta{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50}
.sombra-gaveta.ativa{display:block}
.gaveta{position:fixed;top:0;right:0;height:100%;width:min(760px,94vw);background:var(--fundo);box-shadow:-18px 0 50px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .2s ease;z-index:60;display:flex;flex-direction:column}
.gaveta.aberta{transform:none}
.gaveta__cabeca{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:var(--branco);border-bottom:1px solid var(--borda)}
.gaveta__titulo{font-weight:900;font-size:16px}
.gaveta__acoes{display:flex;gap:8px}
.gaveta__corpo{padding:16px 20px;overflow:auto}
.gaveta__resumo{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px;font-size:14px;color:var(--suave)}
.gaveta__resumo strong{color:var(--texto)}
.carregando{padding:16px;border:1px dashed #D6D2BF;border-radius:10px;color:var(--suave);background:var(--branco)}
@media (max-width:900px){
  .gaveta__cabeca{flex-direction:column;align-items:flex-start}
}

/* Pessoas e dashboard de cupons: abas, etiquetas de tag, triagem, ficha de edição, ordenação e período */
.abas{display:flex;gap:4px;border-bottom:1px solid var(--borda);margin-bottom:16px;overflow-x:auto}
.abas__item{padding:10px 16px;font-weight:800;color:var(--suave);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.abas__item:hover{color:var(--texto)}
.abas__item.ativa{color:var(--vinho);border-bottom-color:var(--vinho)}
.abas__n{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#EEEBDF;color:var(--suave);font-size:12px}
.abas__n--alerta{background:#F7EBD5;color:#8A5F18}
.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;margin:2px 4px 2px 0;letter-spacing:.02em}
.etiqueta--oliva{background:#EAEFDF;color:var(--oliva)}
.etiqueta--vinho{background:#F4E3E5;color:var(--vinho)}
.etiqueta--azul{background:#E3EBF3;color:#2F5574}
.etiqueta--ouro{background:#F7EBD5;color:#8A5F18}
.link-forte{font-weight:800;color:var(--texto)}
.link-forte:hover{color:var(--vinho)}
.ajuda{font-size:14px;color:var(--suave);margin:0 0 12px;max-width:780px;line-height:1.5}
.ordenar{color:inherit}
.ordenar:hover{color:var(--vinho)}
.grupo-resumo{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#F1F4EA;border:1px solid #D9E0C8;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:14px;color:var(--oliva)}
.triagem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:10px;padding:16px 18px}
.triagem__dados{display:flex;flex-direction:column;gap:3px}
.triagem__obs{margin-top:6px;font-size:13px;background:#F7F5EC;border-radius:8px;padding:8px 10px;white-space:pre-line}
.triagem__acoes{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.checks{display:flex;flex-wrap:wrap;gap:12px}
.checks label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.checks--coluna{flex-direction:column;gap:8px;margin-top:4px}
.botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ficha{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ficha__principal,.ficha__lateral{display:flex;flex-direction:column;gap:16px}
.ficha__salvar{display:flex;gap:8px}
.grade-campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.campo--2{grid-column:span 2}
.campo select,.area{width:100%;padding:11px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;background:#FCFBF6;color:var(--texto)}
.campo select:focus,.area:focus{outline:0;border-color:var(--oliva);box-shadow:0 0 0 3px rgba(91,109,65,.18)}
.area{resize:vertical;line-height:1.5}
.codigo-input{text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.meta-bloco{margin:10px 0;font-size:13px}
.meta-itens{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;color:var(--suave)}
.meta-itens em{font-style:normal;color:var(--texto);font-weight:700;margin-right:4px}
.secao-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.periodo{display:flex;gap:8px;align-items:center;margin:26px 0 12px}
.periodo select{padding:9px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;background:var(--branco)}
.tabela--compacta td,.tabela--compacta th{padding:8px 10px}
.tabela-rolagem{overflow-x:auto}
.kpi--link{display:block;transition:background .15s}
.kpi--link:hover{background:#FBFAF5}
.mais{display:inline-block;margin-top:12px}
.grade-graficos{margin-top:16px}
@media (max-width:1100px){
  .ficha{grid-template-columns:1fr}
  .grade-campos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .triagem{grid-template-columns:1fr}
  .triagem__acoes{align-items:flex-start}
  .botoes{justify-content:flex-start}
  .grade-campos{grid-template-columns:1fr}
  .campo--2{grid-column:auto}
}

/* Uso de cupons: gráfico baixo da ficha, alternância receita/pedidos e cabeçalho dentro do cartão */
.grafico--baixo{height:220px}
.secao-cabeca--cartao{align-items:center;margin-bottom:10px}
.secao-cabeca--cartao .cartao__titulo{margin-bottom:0}
.alternar{display:flex;gap:6px}
.alternar .btn{padding:7px 12px;font-size:13px}
.alternar .btn.ativo{background:var(--oliva);color:#FFFFFF;border-color:var(--oliva)}
.filtros select[name="ordem"]{font-weight:700}

/* Bloco 2: botões pequenos, cupom atual, verificação de cupom na ficha, opções e cabeçalho do lote de amostras */
.btn--mini{padding:6px 10px;font-size:12px}
.pilula--vinho{background:#F4E3E5;color:var(--vinho)}
.botoes--esquerda{justify-content:flex-start;align-items:center;margin-top:12px}
.cupom-atual{display:flex;align-items:center;gap:10px;margin-top:4px}
.verificar{border-top:1px dashed var(--borda);padding-top:12px;margin:6px 0 12px}
.verificar__linha{display:flex;gap:8px}
.verificar__linha input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;background:#FCFBF6}
.verificar__resultado{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;background:#F7F5EC;color:var(--texto)}
.verificar__resultado.ok{background:#EAEFDF;color:var(--oliva)}
.verificar__resultado.aviso{background:#F7EBD5;color:#8A5F18}
.verificar__resultado.erro{background:#F4E3E5;color:var(--vinho)}
.verificar__acoes{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.verificar__acoes [hidden]{display:none}
.opcoes-lote{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.opcoes-lote label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.lote-cabeca{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lote-cabeca [hidden]{display:none}
[hidden]{display:none!important}

/* Logo, menu recolhível (só ícones), selos de nível prata/bronze, tela de níveis e tags e correção dos checkboxes dentro de .campo */
.sidebar__marca{justify-content:center;padding:18px 16px;min-height:88px}
.sidebar__logo-img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;background:var(--creme);border-radius:12px;padding:8px 14px}
.login-marca{flex-direction:column;align-items:flex-start;gap:8px}
.login-logo-img{display:block;max-width:220px;max-height:72px;width:auto;height:auto}
.btn-menu{display:block}
.btn-menu:hover svg{stroke:var(--vinho)}
.sidebar,.principal{transition:width .2s ease,margin-left .2s ease,transform .2s ease}
@media (min-width:901px){
  .recolhido .sidebar{width:76px}
  .recolhido .principal{margin-left:76px}
  .recolhido .sidebar__marca{padding:14px 8px;min-height:72px}
  .recolhido .sidebar__logo-img{max-height:36px;padding:4px 6px;border-radius:8px}
  .recolhido .sidebar__nav{padding:10px 8px}
  .recolhido .sidebar__secao{font-size:0;padding:10px 0 6px;margin:0 10px;border-top:1px solid rgba(255,255,255,.08)}
  .recolhido .nav-item{justify-content:center;padding:11px 0}
  .recolhido .nav-item__texto,.recolhido .tag-breve,.recolhido .sidebar__usuario-dados{display:none}
  .recolhido .sidebar__usuario{flex-direction:column;padding:12px 8px;gap:8px}
  .recolhido .sidebar__usuario form{margin-left:0}
}
.etiqueta--prata{background:#ECEEF1;color:#5A616B}
.etiqueta--bronze{background:#F3E5DA;color:#8A4F24}
.checks input,.campo .checks input{width:auto;padding:0;margin:0;flex:0 0 auto}
.checks--coluna label{justify-content:flex-start}
.abas__item--fim{margin-left:auto}
.grade-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.linha-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.linha-form input,.linha-form select{padding:7px 9px;border:1px solid var(--borda);border-radius:8px;font:inherit;font-size:13px;background:#FCFBF6;min-width:0;flex:1}
.linha-form .curto{flex:0 0 72px}
.linha-form--novo{margin-top:14px;padding-top:14px;border-top:1px dashed var(--borda)}
@media (max-width:1100px){.grade-config{grid-template-columns:1fr}}

/* Tendência do cupom: setas de queda e alta, coluna de barra na tabela de vendas por ano */
.variacao{font-weight:800;font-size:13px;white-space:nowrap}
.variacao--queda{color:var(--vinho)}
.variacao--alta{color:var(--oliva)}
.barra-celula{width:28%;min-width:120px}
.tabela--anual td{vertical-align:middle}

/* Logo claro direto sobre o fundo escuro (sem caixa), logo do login sobre fundo escuro, cartão estreito e atalho de senha no rodapé do menu */
.sidebar__logo-img{background:none;padding:0;border-radius:0;max-height:40px}
.recolhido .sidebar__logo-img{max-height:22px;padding:0;background:none}
.login-logo-img{background:var(--oliva-900);padding:14px 20px;border-radius:12px;max-width:240px}
.cartao--estreito{max-width:460px}
.cartao--estreito .btn{margin-top:4px}
.sidebar__usuario form{margin-left:0}
.sidebar__usuario-dados{margin-right:auto;min-width:0}
.sidebar__usuario-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Bloco 3 e análise em lote: botão de WhatsApp, curva pequena por cupom e cabeçalhos ordenáveis */
.btn--whatsapp{background:#1F8B4C;color:#FFFFFF;margin-top:4px}
.btn--whatsapp:hover{background:#18703D}
.curva{display:block}
th.ordenavel{cursor:pointer;user-select:none}
th.ordenavel:hover{color:var(--vinho)}
th.ordenavel[data-dir="desc"]::after{content:" ▼"}
th.ordenavel[data-dir="asc"]::after{content:" ▲"}

/* Tabelas longas: área de rolagem própria com cabeçalho fixo; indicação ⇅ nas colunas ordenáveis */
.tabela-caixa--fixa{max-height:calc(100vh - 150px);overflow:auto}
.tabela-caixa--fixa thead th{position:sticky;top:0;z-index:2;background:#FBFAF5;box-shadow:inset 0 -1px 0 var(--borda)}
th.ordenavel::after{content:" ⇅";opacity:.45}
.ordenar{white-space:nowrap}

/* Abas de Pessoas: mantém a rolagem horizontal no celular sem mostrar barra de rolagem */
.abas{overflow-y:hidden;scrollbar-width:none;padding-bottom:1px}
.abas::-webkit-scrollbar{display:none}

/* Pessoas: linha de retorno do cruzamento amostras x cupom */
.retorno{font-size:13px;font-weight:800}

/* Fluxo das nutris: quadro Kanban com colunas roláveis, cartões, destaque de atraso e selo de pendências no menu */
.kanban{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:8px}
.kanban__coluna{flex:0 0 290px;background:#ECE9DD;border-radius:var(--raio);display:flex;flex-direction:column;max-height:calc(100vh - 210px)}
.kanban__cabeca{padding:12px 12px 8px;border-bottom:1px solid #DDD9C9}
.kanban__titulo{font-weight:900;font-size:14px;display:flex;align-items:center;gap:6px}
.kanban__acao{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.kanban__acao label{display:flex;align-items:center;gap:6px;font-size:12px}
.kanban__lista{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.kanban__vazio{color:var(--suave);font-size:13px;text-align:center;padding:16px 0}
.card-fluxo{background:var(--branco);border:1px solid var(--borda);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.card-fluxo--atrasado{border-left:4px solid var(--vinho)}
.card-fluxo--feito{opacity:.5}
.card-fluxo__topo{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-fluxo__topo input{width:auto;margin:0}
.card-fluxo__linha{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}
.card-fluxo__linha input{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--borda);border-radius:8px;font:inherit;font-size:13px}
.card-fluxo__form summary{list-style:none;cursor:pointer;display:inline-flex;margin-top:4px}
.card-fluxo__form summary::-webkit-details-marker{display:none}
.card-fluxo__form form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.card-fluxo__form select{padding:7px 9px;border:1px solid var(--borda);border-radius:8px;font:inherit;font-size:13px}
.card-fluxo__form .checks{gap:8px}
.card-fluxo__form .checks label{font-size:12px}
.card-fluxo__aviso{font-size:12px;font-weight:700}
.card-fluxo__dias{font-size:11px;font-weight:800;color:var(--suave);margin-top:2px}
.selo-menu{margin-left:auto;background:var(--vinho);color:#FFFFFF;border-radius:999px;font-size:11px;font-weight:800;padding:1px 7px}
.nav-item.ativo .selo-menu{background:#FFFFFF;color:var(--vinho)}
.recolhido .selo-menu{position:absolute;margin:0;transform:translate(14px,-12px);font-size:10px}
.recolhido .nav-item{position:relative}

/* Níveis e tags: caixa "recebe amostra" alinhada na linha do formulário */
.linha-form__check{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}
.linha-form .linha-form__check input{flex:0 0 auto;width:auto;padding:0}

/* Pessoas: código do cupom clicável (abre a tela de Cupons filtrada em nova aba) */
.link-cupom{color:var(--texto);border-bottom:1px dashed #C9C5B2}
.link-cupom:hover{color:var(--vinho);border-bottom-color:var(--vinho)}

/* Dashboard Nutris: filtros em chips (nível e tag), linha de período e atalhos */
.filtros-desempenho{display:flex;flex-direction:column;gap:14px}
.filtros-desempenho__grupo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filtros-desempenho__rotulo{font-size:12px;font-weight:800;color:var(--suave);text-transform:uppercase;letter-spacing:.06em;min-width:48px}
.filtros-desempenho__linha{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.filtros-desempenho__linha select,.filtros-desempenho__linha input{padding:10px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;font-size:14px;background:var(--branco)}
.filtros-desempenho__resumo{margin:0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:7px 12px;border:1px solid var(--borda);border-radius:999px;font-size:13px;font-weight:700;background:var(--branco);color:var(--texto)}
.chip input:checked + span{background:var(--oliva);border-color:var(--oliva);color:#FFFFFF}
.chip input:focus-visible + span{outline:2px solid var(--vinho);outline-offset:2px}
.atalhos{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Juncao de envios: asterisco ao lado do nome em Pessoas (vinho = venda aberta, juntar agora; ambar = compra prevista) e o check no filtro */
.marca-juncao{display:inline-block;margin-left:4px;font-size:18px;font-weight:900;line-height:1;color:#B07A1E;text-decoration:none;vertical-align:-3px;cursor:help}
.marca-juncao--agora{color:var(--vinho)}
a.marca-juncao{cursor:pointer}
.filtros__check{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--texto);white-space:nowrap}
.card-fluxo__juncao{margin-top:6px;font-size:12px;font-weight:700;color:var(--vinho)}

/* Exclusao de pessoas: botao discreto "Excluir" na ficha e aviso de pessoa excluida com o botao Restaurar ao lado */
.btn--excluir{color:var(--vinho)}
.btn--excluir:hover{text-decoration:underline}
.alerta--acao{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}