@font-face{
  font-family:'Open Sauce One';
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url('https://cdn.jsdelivr.net/fontsource/fonts/open-sauce-one@5.3.0/latin-400-normal.woff2') format('woff2')
}

:root{
  --azul:#526b8b;
  --azul-c:#8498b0;
  --azul-suave:#edf3f7;
  --azul-borda:rgba(82,107,139,.24);
  --preto:#1d1d1d;
  --texto:#272727;
  --fraco:#747b83;
  --sub:#969ca3;
  --creme:#f7f9fb;
  --cinza-bg:#edf3f7;
  --borda:#d9e0e6;
  --borda-f:#b9c3cd;
  --sans:'Open Sauce One',Arial,sans-serif;
  --mono:'Open Sauce One',Arial,sans-serif;
  --sombra:0 2px 8px rgba(44,57,71,.06);
  --sombra-md:0 10px 28px rgba(44,57,71,.09);
  --sombra-lg:0 22px 54px rgba(29,39,50,.14)
}

body{background:var(--cinza-bg);font-family:var(--sans);letter-spacing:-.01em}
body:before{background:radial-gradient(circle at 8% 0,rgba(132,152,176,.11),transparent 29%),radial-gradient(circle at 92% 12%,rgba(82,107,139,.07),transparent 25%)}
body *{font-weight:400!important}
button,input,textarea,select,code{font-family:var(--sans)!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:rgba(82,107,139,.32)}

.topo{
  min-height:62px;
  padding:0 max(24px,calc((100vw - 1120px)/2));
  border:0;
  background:#050505;
  color:#fff
}
.marca{color:#fff;font-size:10px;letter-spacing:.12em}
.marca-icone{width:17px;height:21px;object-fit:contain}
.marca>span{display:flex;flex-direction:column;gap:1px}
.marca>span small{color:#aeb4ba;font-size:7px;letter-spacing:.08em;text-transform:none}
.nav-principal{margin-left:36px;gap:1px}
.nav-principal button{color:#9fa4a9;font-size:8px;letter-spacing:.04em}
.nav-principal button:hover,.nav-principal button.ativo{color:#fff}
.nav-principal button.ativo:after{height:2px;background:var(--azul-c)}
.topo-dir .nome{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#aeb4ba}.topo-dir .nome b{color:#fff}
.btn-consulta-publica,.btn-admin,.btn-sair{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff
}
.btn-consulta-publica:hover,.btn-admin:hover,.btn-sair:hover{border-color:#fff;background:#fff;color:#050505}

.busca-bar{
  padding:13px max(24px,calc((100vw - 1120px)/2));
  border-bottom:1px solid var(--borda);
  background:#fff
}
.busca-campo input{border:1px solid var(--borda);background:#f7f9fb;color:var(--preto)}
.busca-campo input:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(82,107,139,.1)}
.busca-campo .lupa{color:var(--azul);fill:var(--azul)}
.codigo-info b{color:var(--azul)}

.wrap{max-width:1160px;padding-top:31px}
.intro-label,.secao-cabecalho>div>span{color:var(--azul);letter-spacing:.2em}
.painel-intro h1{font-size:31px;letter-spacing:-.045em}
.painel-intro p,.secao-cabecalho p{color:#7f858b}
.intro-data{border-color:var(--borda);background:rgba(255,255,255,.72);color:var(--azul)}

.comando-painel{
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 66% -90%,rgba(132,152,176,.32),transparent 45%),
    linear-gradient(135deg,#050505,#20262d);
  box-shadow:0 18px 42px rgba(29,39,50,.16)
}
.comando-painel:after{border-color:rgba(200,209,225,.055)}
.comando-label{color:#b9c5d4}
.comando-resumo p,.acoes-rapidas small{color:#b8bec5}
.acoes-rapidas button{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.075)}
.acoes-rapidas button:hover{background:rgba(255,255,255,.14)}
.acoes-rapidas button.acao-primaria{border-color:#aebdce;background:var(--azul)}
.acoes-rapidas b{background:rgba(255,255,255,.13)}

.kpi-card{border-color:var(--borda);background:rgba(255,255,255,.92);box-shadow:var(--sombra)}
.kpi-icone.azul{background:#e8eef4;color:var(--azul)}
.kpi-icone.roxo{background:#edf0f4;color:#64758a}
.kpi-card small,.kpi-card em{color:#7f858b}

.setores-painel{
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 90% -35%,rgba(200,209,225,.25),transparent 42%),
    linear-gradient(135deg,#1d1d1d,#34414e);
  box-shadow:0 18px 44px rgba(29,39,50,.16)
}
.setores-sobretitulo{color:#c6d0dc}.setores-ajuda{color:#d2d7dd}
.setor-card{border-color:rgba(255,255,255,.46);box-shadow:0 8px 21px rgba(8,14,20,.16)}
.setor-card:hover{box-shadow:0 13px 28px rgba(8,14,20,.22)}

.mes-tab,.mes-manual input,.mes-manual button,.btn-novo-lote{border-color:var(--borda);background:#fff;box-shadow:none}
.mes-tab:hover,.mes-manual button:hover,.btn-novo-lote:hover{border-color:var(--azul);background:var(--azul);color:#fff}
.mes-tab.ativo{border-color:var(--azul);background:var(--azul);color:#fff;box-shadow:0 8px 19px rgba(82,107,139,.2)}
.btn-novo-lote{color:var(--azul)}

.lote-card{border-color:var(--borda);background:rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(44,57,71,.055)}
.lote-card:hover{box-shadow:0 14px 34px rgba(44,57,71,.1)}
.lote-card.aberto{border-color:var(--azul);box-shadow:0 0 0 3px rgba(82,107,139,.08),0 16px 36px rgba(44,57,71,.1)}
.lote-header:hover{background:#f7f9fb}
.lote-num{background:var(--azul);box-shadow:0 8px 17px rgba(82,107,139,.2)}
.lote-barra-fill{background:var(--azul)}
.lote-pct,.peca-cod{color:var(--azul)}
.btn-add-peca,.btn-azul{background:var(--azul)}
.btn-add-peca:hover,.btn-azul:hover:not(:disabled){box-shadow:0 7px 18px rgba(82,107,139,.28)}
.btn-etiquetas,.btn-cinza{border-color:var(--borda);background:#fff;color:var(--preto)}

.modal-bg{background:rgba(5,5,5,.67);backdrop-filter:blur(7px)}
.modal{border-color:rgba(255,255,255,.72);background:#fff;box-shadow:0 34px 82px rgba(14,21,29,.3)}
.modal-clientes,.modal-relatorio,.modal-relatorios-gerenciais{background:var(--cinza-bg)}
.modal-top{border-color:var(--borda)}
.modal-x{background:#edf1f5;color:#647181}.modal-x:hover{background:#dfe6ec;color:#1d1d1d}
.campo input,.campo textarea,.campo select,.clientes-busca input{border-color:var(--borda);background:#f8fafb}
.campo input:focus,.campo textarea:focus,.campo select:focus,.clientes-busca input:focus{border-color:var(--azul);box-shadow:0 0 0 4px rgba(82,107,139,.1)}

.clientes-metricas>button,.clientes-metricas>div,.clientes-filtros,.clientes-lista-painel,.cliente-detalhe,.relatorios-filtros,.relatorio-gerencial-documento{border-color:var(--borda)}
.clientes-segmentos button.ativo,.clientes-segmentos button:hover,.relatorios-atalhos button.ativo,.relatorios-atalhos button:hover{border-color:var(--azul);background:var(--azul)}
.cliente-lista-item:hover{background:#f3f6f8}.cliente-lista-item.ativo{background:#e8eef4}
.cliente-avatar,.cliente-detalhe-vazio>span,.clientes-vazio>span{background:#e8eef4;color:var(--azul)}
.cliente-lista-item.ativo .cliente-avatar,.clientes-lista-painel>header strong{background:var(--azul)}
.cliente-ficha-identidade>span{background:linear-gradient(135deg,#40566f,#8498b0);box-shadow:0 9px 20px rgba(82,107,139,.2)}
.cliente-lote-topo,.clientes-lista-painel>header{background:#f3f6f8}
.relatorio-lote-codigo{background:var(--azul)}

.estado-inicial{background:rgba(237,243,247,.96)}
.estado-inicial-card{border-color:var(--borda);box-shadow:0 22px 60px rgba(44,57,71,.14)}
.estado-spinner{border-color:#d7e0e8;border-top-color:var(--azul)}

.login-fundo{
  min-height:100vh;
  min-height:100dvh;
  background:
    radial-gradient(circle at 22% 20%,rgba(255,255,255,.88),transparent 31%),
    radial-gradient(circle at 78% 30%,rgba(132,152,176,.28),transparent 27%),
    var(--cinza-bg)
}
.login-card{
  max-width:410px;
  padding:39px 36px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:6px;
  background:rgba(255,255,255,.95);
  box-shadow:0 24px 64px rgba(44,57,71,.13)
}
.login-marca{margin-bottom:25px}
.login-marca img{width:27px;height:32px;filter:none}
.login-marca span{font-size:11px;letter-spacing:.17em}
.login-titulo{font-size:25px;letter-spacing:-.045em}
.login-sub{color:#7f858b;font-size:12px}
.login-recuperar,.login-voltar{color:var(--azul)}
.login-form .btn{min-height:47px;letter-spacing:.16em;text-transform:uppercase}

@media(max-width:768px){
  .topo{padding:0 14px}
  .busca-bar{padding-left:14px;padding-right:14px}
  .marca>span small{display:none}
  .topo-dir{gap:6px}
  .btn-admin,.btn-sair{display:inline-flex;align-items:center;justify-content:center;width:34px;padding:0;font-size:0}
  .btn-admin:after{content:'✉';font-size:12px}
  .btn-sair:after{content:'↪';font-size:14px}
  .acoes-rapidas,.kpis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acoes-rapidas button,.kpi-card{min-width:0}
}

@media print{
  body *{font-family:'Open Sauce One',Arial,sans-serif!important}
}

/* Área completa da cliente e programa de níveis */
.clientes-novo{
  flex:0 0 auto;height:38px;padding:0 15px;border:1px solid var(--azul);border-radius:10px;
  background:var(--azul);color:#fff;font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer
}
.clientes-novo:hover{background:#40566f;box-shadow:0 7px 17px rgba(82,107,139,.2)}
.modal-cadastro-cliente{width:min(680px,calc(100vw - 30px));max-width:680px;max-height:92vh;overflow-y:auto;padding:25px}
.cadastro-cliente-top>div>span{color:var(--azul);font-size:7px;letter-spacing:.17em;text-transform:uppercase}
.cadastro-cliente-top h2{margin-top:4px;font-size:22px;letter-spacing:-.035em;text-transform:none}
.cadastro-cliente-top p{margin-top:4px;color:var(--fraco);font-size:9px}
.cadastro-cliente-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}
.campo-opcional{margin-left:5px;color:#9aa2aa;font-size:6px;letter-spacing:.06em}
.telefone-confirmacao-status{min-height:13px;margin-top:5px;font-size:7px}
.telefone-confirmacao-status.ok{color:#25825a}.telefone-confirmacao-status.erro{color:#b6454f}
.modal-cadastro-cliente input.telefone-ok{border-color:#68b691;box-shadow:0 0 0 3px rgba(47,140,98,.09)}
.modal-cadastro-cliente input.telefone-erro{border-color:#d27a82;box-shadow:0 0 0 3px rgba(182,69,79,.08)}
.modal-cadastro-cliente textarea{min-height:76px;resize:vertical}
.modal-cadastro-cliente .btn{width:100%;min-height:46px;margin-top:4px}
.cliente-nivel.novo{background:#eef1f4;color:#6c7782}
.cliente-nivel.nuvem{background:#e8f0f7;color:#516d87}
.cliente-nivel.ceu-azul{background:#e5edff;color:#365fb4}
.cliente-nivel.arco-iris{background:linear-gradient(90deg,#fff0d8,#f2e9ff,#e2f5f2);color:#755991}
.cliente-nivel.celeste{background:#fff1c8;color:#9a6300}
.cliente-ranking{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(150px,210px);gap:13px;align-items:center;margin:14px 0;padding:15px;border:1px solid #dfe5eb;border-radius:14px;background:#f7f9fb}
.cliente-ranking-icone{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;font-size:24px;box-shadow:0 5px 15px rgba(44,57,71,.08)}
.cliente-ranking-texto small{display:block;color:#7b858f;font-size:6px;letter-spacing:.12em;text-transform:uppercase}
.cliente-ranking-texto strong{display:block;margin-top:3px;font-size:13px;letter-spacing:.02em}
.cliente-ranking-texto p{margin-top:4px;color:#727b84;font-size:7.5px;line-height:1.4}
.cliente-ranking-progresso>span{display:block;height:7px;overflow:hidden;border-radius:99px;background:rgba(82,107,139,.13)}
.cliente-ranking-progresso i{display:block;height:100%;border-radius:inherit;background:var(--azul)}
.cliente-ranking-progresso small{display:block;margin-top:6px;color:#6f7881;font-size:7px;text-align:right}
.cliente-ranking.nuvem{background:#f0f5f9}.cliente-ranking.ceu-azul{background:#edf3ff}.cliente-ranking.arco-iris{background:linear-gradient(110deg,#fff7e7,#f4efff,#eaf8f5)}.cliente-ranking.celeste{border-color:#ead69a;background:#fff9e8}
.cliente-ranking.celeste .cliente-ranking-progresso i{background:#c9942e}
.cliente-cadastro-completo{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;margin-bottom:16px;border:1px solid var(--borda);border-radius:13px;background:var(--borda)}
.cliente-cadastro-completo>div{min-width:0;padding:11px 13px;background:#fff}
.cliente-cadastro-completo>div.endereco{grid-column:1/-1}
.cliente-cadastro-completo small{display:block;color:#828991;font-size:6px;letter-spacing:.08em;text-transform:uppercase}
.cliente-cadastro-completo strong{display:block;overflow-wrap:anywhere;margin-top:4px;font-size:8.5px;line-height:1.35}
.cliente-cadastro-completo .acesso-ativo{color:#168455}.cliente-cadastro-completo .acesso-pendente{color:#b36b1e}
.cliente-cadastro-completo>button{grid-column:1/-1;min-height:39px;border:0;background:#e8eef4;color:var(--azul);font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cliente-cadastro-completo>button:hover{background:var(--azul);color:#fff}

@media(max-width:768px){
  .clientes-novo{width:100%}.cadastro-cliente-grid{grid-template-columns:1fr}
  .cliente-ranking{grid-template-columns:auto minmax(0,1fr)}.cliente-ranking-progresso{grid-column:1/-1}
}
@media(max-width:500px){
  .modal-cadastro-cliente{width:100%;max-height:96vh;padding:18px;border-radius:20px 20px 0 0}
  .cliente-cadastro-completo{grid-template-columns:1fr}.cliente-cadastro-completo>div.endereco,.cliente-cadastro-completo>button{grid-column:1}
}

/* Seleção obrigatória de cliente ao cadastrar ou editar peças */
#modalCadastroCliente{z-index:130}
.msg-info{border-left:4px solid #5475a3;background:#edf4fc;color:#35587f}
.cliente-picker-campo{position:relative}
.cliente-picker-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.cliente-picker-cabecalho label{margin:0}
.cliente-picker-cabecalho button{border:0;background:transparent;color:var(--azul);font-size:7px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.cliente-picker-cabecalho button:hover{text-decoration:underline}
.cliente-picker{position:relative}
.cliente-picker>input[type=search]{width:100%;height:45px;padding:0 14px;border:1px solid var(--borda);border-radius:9px;outline:0;background:#f8fafb;color:var(--preto);font-size:10px}
.cliente-picker>input[type=search]:focus{border-color:var(--azul);background:#fff;box-shadow:0 0 0 4px rgba(82,107,139,.1)}
.cliente-picker-resultados{position:absolute;z-index:25;top:calc(100% + 5px);right:0;left:0;display:none;max-height:255px;overflow-y:auto;border:1px solid var(--borda);border-radius:11px;background:#fff;box-shadow:0 17px 42px rgba(29,39,50,.17)}
.cliente-picker-resultados.show{display:block}
.cliente-picker-opcao{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid #edf0f2;background:#fff;color:var(--preto);text-align:left;cursor:pointer}
.cliente-picker-opcao:last-child{border-bottom:0}.cliente-picker-opcao:hover{background:#f3f6f8}
.cliente-picker-opcao>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8eef4;color:var(--azul);font-size:10px}
.cliente-picker-opcao p{display:flex;min-width:0;flex-direction:column}.cliente-picker-opcao strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.cliente-picker-opcao small{overflow:hidden;margin-top:3px;color:#858d95;font-size:7px;white-space:nowrap;text-overflow:ellipsis}
.cliente-picker-opcao em{color:var(--azul);font-size:6px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.cliente-picker-opcao.incompleto{background:#fff9ed}.cliente-picker-opcao.incompleto>span{background:#fff0cf;color:#a56b10}.cliente-picker-opcao.incompleto em{color:#a56b10}
.cliente-picker-estado{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;padding:13px;color:#7f8790;font-size:8px;text-align:center}.cliente-picker-estado strong{color:var(--preto);font-size:9px}.cliente-picker-estado span{margin-top:4px}.cliente-picker-estado.erro{color:#a13f48}
.cliente-picker-selecionado{display:none;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:8px;padding:9px 11px;border:1px solid #c9ddd2;border-radius:9px;background:#f1faf5}.cliente-picker-selecionado.show{display:grid}
.cliente-picker-selecionado>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff2e7;color:#258055;font-size:10px}.cliente-picker-selecionado p{display:flex;min-width:0;flex-direction:column}.cliente-picker-selecionado strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.cliente-picker-selecionado small{overflow:hidden;margin-top:2px;color:#6e7f76;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.cliente-picker-selecionado button{border:0;background:transparent;color:#3f7058;font-size:6.5px;text-transform:uppercase;cursor:pointer}
.cliente-vinculo-info>div{display:flex;min-height:45px;align-items:center;gap:9px;padding:8px 11px;border:1px solid #dce5ec;border-radius:9px;background:#f5f8fa}.cliente-vinculo-info span{color:#378261}.cliente-vinculo-info p{color:#747d85;font-size:6.5px;line-height:1.35}.cliente-vinculo-info strong{display:block;color:#39434c;font-size:7px}
@media(max-width:560px){.cliente-picker-opcao{grid-template-columns:31px minmax(0,1fr)}.cliente-picker-opcao em{grid-column:2}.cliente-picker-selecionado{grid-template-columns:28px minmax(0,1fr)}.cliente-picker-selecionado button{grid-column:2;width:max-content}}

/* Fidelidade anual, benefícios, exportação e exclusão de clientes */
.clientes-acoes-topo{display:flex;gap:7px;align-items:center}.clientes-exportar{height:38px;padding:0 14px;border:1px solid var(--borda);border-radius:10px;background:#fff;color:var(--azul);font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.clientes-exportar:hover{border-color:var(--azul);background:#edf3f7}
.cliente-total em{display:block;margin-top:3px;color:#8b9299;font-size:5.5px;font-style:normal;white-space:nowrap}.cliente-ranking-texto em{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.72);color:#75602b;font-size:6.5px;font-style:normal}
.cliente-beneficios{margin-bottom:16px;padding:14px;border:1px solid var(--borda);border-radius:14px;background:#f7f9fb}.cliente-beneficios>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.cliente-beneficios>header span{color:var(--azul);font-size:6px;letter-spacing:.13em;text-transform:uppercase}.cliente-beneficios>header h3{margin-top:3px;font-size:12px}.cliente-beneficios>header>strong{color:#168455;font-size:7px}.cliente-beneficios>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.beneficio-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-height:88px;padding:10px;border:1px solid #e1e6ea;border-radius:11px;background:#fff}.beneficio-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf1f5;font-size:17px}.beneficio-card small{display:block;color:#78818a;font-size:5.8px;letter-spacing:.07em;text-transform:uppercase}.beneficio-card strong{display:block;margin-top:3px;font-size:8px;line-height:1.35}.beneficio-card p{margin-top:4px;color:#7f878f;font-size:6.2px;line-height:1.35}.beneficio-card>button,.beneficio-card>em{grid-column:1/-1;min-height:29px;border:0;border-radius:8px;background:#168455;color:#fff;font-size:6.5px;font-style:normal;text-align:center;text-transform:uppercase;cursor:pointer}.beneficio-card>button:hover{background:#0d6c44}.beneficio-card>button.corrigir{border:1px solid #cfe5d9;background:#edf8f2;color:#168455}.beneficio-card>em{display:grid;place-items:center;background:#edf0f3;color:#899099;cursor:default}.beneficio-card.disponivel{border-color:#bcdac9;background:#f4fbf7}.beneficio-card.utilizado{border-color:#d6e5dc}.beneficio-card.bloqueado{opacity:.68}
.cliente-cadastro-acoes{display:grid!important;grid-column:1/-1;grid-template-columns:1fr 1fr!important;gap:1px!important;padding:0!important;background:var(--borda)!important}.cliente-cadastro-acoes button{min-height:39px;border:0;background:#e8eef4;color:var(--azul);font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.cliente-cadastro-acoes button:hover{background:var(--azul);color:#fff}.cliente-cadastro-acoes button.excluir{background:#fff0f1;color:#a83d48}.cliente-cadastro-acoes button.excluir:hover{background:#a83d48;color:#fff}
#modalExcluirCliente{z-index:145}.modal-excluir-cliente{width:min(500px,calc(100vw - 30px));padding:24px}.excluir-cliente-alerta{display:flex;gap:12px;align-items:flex-start;margin:15px 0;padding:14px;border:1px solid #e9c9cc;border-radius:12px;background:#fff5f6}.excluir-cliente-alerta>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#a83d48;color:#fff}.excluir-cliente-alerta strong{font-size:11px}.excluir-cliente-alerta p{margin-top:4px;color:#855c61;font-size:8px;line-height:1.45}.modal-excluir-cliente>.btn{width:100%;min-height:43px}
.cliente-picker-opcao small.cliente-picker-nivel{color:var(--azul);font-size:6px}.cliente-picker-selecionado{grid-template-columns:36px minmax(0,1fr) auto}.cliente-picker-selecionado>span{width:36px;height:36px;font-size:17px}.cliente-picker-selecionado p em{display:block;margin-top:4px;color:#4e6b59;font-size:6.2px;font-style:normal;line-height:1.35}.cliente-picker-selecionado p em b{color:#245f41;font-size:inherit}
@media(max-width:900px){.clientes-acoes-topo{width:100%}.clientes-acoes-topo>*{flex:1}.cliente-beneficios>div{grid-template-columns:1fr}}
@media(max-width:560px){.clientes-acoes-topo{display:grid;grid-template-columns:1fr}.cliente-cadastro-acoes{grid-template-columns:1fr!important}.cliente-picker-selecionado{grid-template-columns:34px minmax(0,1fr)}.cliente-picker-selecionado button{grid-column:2}.modal-excluir-cliente{padding:18px}}

/* Central de acompanhamento da API oficial do WhatsApp */
.modal-whatsapp{width:min(1060px,calc(100vw - 30px));max-width:1060px;max-height:92vh;overflow-y:auto;padding:25px;background:var(--cinza-bg)}
.whatsapp-top>div>span{color:var(--azul);font-size:7px;letter-spacing:.17em;text-transform:uppercase}.whatsapp-top h2{margin-top:4px;font-size:22px;letter-spacing:-.035em;text-transform:none}.whatsapp-top p{margin-top:4px;color:var(--fraco);font-size:9px}
.whatsapp-resumo{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:9px;margin:15px 0}.whatsapp-resumo article{display:flex;min-height:90px;flex-direction:column;justify-content:center;padding:14px;border:1px solid var(--borda);border-radius:13px;background:#fff}.whatsapp-resumo article>small{color:#7f8790;font-size:6px;letter-spacing:.1em;text-transform:uppercase}.whatsapp-resumo article>strong{margin-top:5px;font-size:20px}.whatsapp-resumo article>p{margin-top:4px;color:#7b838b;font-size:7px}.whatsapp-resumo article.com-erro strong{color:#ad3e48}
.whatsapp-integracao{display:grid!important;grid-template-columns:38px minmax(0,1fr);column-gap:10px}.whatsapp-integracao>span{display:grid;grid-row:1/4;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf1f4;color:#7b858f;font-size:16px}.whatsapp-integracao.ativa>span{background:#e7f6ed;color:#178255}.whatsapp-integracao>div small{color:#7f8790;font-size:6px;letter-spacing:.1em;text-transform:uppercase}.whatsapp-integracao>div strong{display:block;margin-top:4px;font-size:11px}.whatsapp-integracao>div p{margin-top:4px;color:#7b838b;font-size:7px;line-height:1.4}
.whatsapp-filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.whatsapp-filtros button{min-height:34px;padding:0 12px;border:1px solid var(--borda);border-radius:9px;background:#fff;color:#66717c;font-size:7px;text-transform:uppercase;cursor:pointer}.whatsapp-filtros button.ativo,.whatsapp-filtros button:hover{border-color:var(--azul);background:var(--azul);color:#fff}.whatsapp-filtros .whatsapp-atualizar{margin-left:auto}
.whatsapp-lista{overflow:hidden;border:1px solid var(--borda);border-radius:14px;background:#fff}.whatsapp-item{display:grid;grid-template-columns:34px minmax(220px,1.25fr) minmax(190px,.8fr) auto;gap:11px;align-items:center;padding:12px 14px;border-bottom:1px solid #e8ecef}.whatsapp-item:last-child{border-bottom:0}.whatsapp-status-icone{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf1f4;color:#65727e;font-size:9px;font-weight:700}.whatsapp-item.status-entregue .whatsapp-status-icone,.whatsapp-item.status-lido .whatsapp-status-icone{background:#e4f5ec;color:#147d50}.whatsapp-item.status-erro .whatsapp-status-icone{background:#fff0f1;color:#ad3e48}.whatsapp-item.status-pendente .whatsapp-status-icone,.whatsapp-item.status-processando .whatsapp-status-icone{background:#fff6df;color:#a46a0d}.whatsapp-item-principal small{display:block;color:var(--azul);font-size:5.8px;letter-spacing:.09em;text-transform:uppercase}.whatsapp-item-principal strong{display:block;margin-top:3px;font-size:8.5px}.whatsapp-item-principal p{margin-top:3px;color:#7e868e;font-size:7px}.whatsapp-item-situacao span{display:inline-flex;padding:4px 7px;border-radius:99px;background:#edf1f4;color:#596570;font-size:6px;text-transform:uppercase}.whatsapp-item-situacao small,.whatsapp-item-situacao em{display:block;margin-top:4px;color:#899098;font-size:6.2px;font-style:normal}.whatsapp-item-situacao em{max-width:330px;color:#a03e47;line-height:1.35}.whatsapp-reenviar{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:#ad3e48;color:#fff;font-size:6.5px;text-transform:uppercase;cursor:pointer}.whatsapp-reenviar:disabled{opacity:.55}.whatsapp-vazio{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#7e8790;text-align:center}.whatsapp-vazio strong{color:#303942;font-size:11px}.whatsapp-vazio span{margin-top:5px;font-size:7.5px}.whatsapp-vazio button{margin-top:12px;padding:8px 12px;border:0;border-radius:8px;background:var(--azul);color:#fff;font-size:7px;text-transform:uppercase}.whatsapp-vazio.erro strong{color:#ad3e48}
@media(max-width:800px){.whatsapp-resumo{grid-template-columns:1fr 1fr}.whatsapp-integracao{grid-column:1/-1}.whatsapp-item{grid-template-columns:32px minmax(0,1fr)}.whatsapp-item-situacao,.whatsapp-reenviar{grid-column:2}.whatsapp-filtros .whatsapp-atualizar{margin-left:0}}
@media(max-width:520px){.modal-whatsapp{width:100%;max-height:96vh;padding:18px;border-radius:20px 20px 0 0}.whatsapp-resumo{grid-template-columns:1fr 1fr}.whatsapp-resumo article{min-height:78px}.whatsapp-integracao{grid-column:1/-1}.whatsapp-filtros button{flex:1}.whatsapp-item{padding:11px}.whatsapp-item-principal p{line-height:1.45}}

/* Caixa de entrada do WhatsApp */
.atendimento-chat{min-height:0;overflow:hidden}.atendimento-mensagens{min-height:0;overscroll-behavior:contain}
.atendimento-topo{gap:5px}.atendimento-topo span{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:99px;background:#21a768;color:#fff;font-size:7px;font-weight:700}.atendimento-topo span[hidden]{display:none}
.modal-atendimento{width:min(1380px,calc(100vw - 24px));max-width:1380px;height:min(850px,94vh);max-height:94vh;overflow:hidden;padding:22px;background:#f3f6f8}
.atendimento-top>div>span{color:var(--azul);font-size:7px;letter-spacing:.16em;text-transform:uppercase}.atendimento-top h2{margin-top:3px;font-size:22px;text-transform:none}.atendimento-top p{margin-top:3px;color:var(--fraco);font-size:8px}
.atendimento-layout{display:grid;height:calc(100% - 75px);grid-template-columns:280px minmax(380px,1fr) 280px;overflow:hidden;border:1px solid var(--borda);border-radius:16px;background:#fff}
.atendimento-conversas,.atendimento-cliente{min-width:0;overflow-y:auto;background:#fbfcfd}.atendimento-conversas{border-right:1px solid var(--borda)}.atendimento-cliente{border-left:1px solid var(--borda);padding:18px}
.atendimento-busca{display:flex;align-items:center;gap:8px;margin:12px;padding:0 12px;border:1px solid var(--borda);border-radius:10px;background:#fff;color:#7a858f}.atendimento-busca input{width:100%;height:38px;border:0;outline:0;background:transparent;font-size:9px}
.atendimento-conversa{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border:0;border-top:1px solid #edf0f2;background:transparent;text-align:left;cursor:pointer}.atendimento-conversa:hover,.atendimento-conversa.ativa{background:#eaf1f7}.atendimento-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#dce8f1;color:var(--azul);font-size:11px;font-weight:700}.atendimento-conversa>span:nth-child(2){min-width:0}.atendimento-conversa strong,.atendimento-conversa small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.atendimento-conversa strong{font-size:8.5px}.atendimento-conversa small{margin-top:4px;color:#7c858d;font-size:7px}.atendimento-conversa em{align-self:start;color:#89929a;font-size:6px;font-style:normal}.atendimento-conversa em b{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:99px;background:#21a768;color:#fff;font-size:7px}
.atendimento-chat{display:grid;min-width:0;grid-template-rows:auto 1fr auto;background:#eef2f3}.atendimento-chat>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid var(--borda);background:#fff}.atendimento-chat>header div{display:flex;min-width:0;flex-direction:column}.atendimento-chat>header strong{font-size:10px}.atendimento-chat>header small{margin-top:4px;color:#7d8790;font-size:7px}.atendimento-chat>header>span{padding:5px 8px;border-radius:99px;font-size:6px;text-transform:uppercase}.janela-aberta{background:#e3f5eb;color:#167d50}.janela-fechada{background:#fff0df;color:#9e6512}
.atendimento-mensagens{display:flex;overflow-y:auto;flex-direction:column;gap:8px;padding:18px}.atendimento-balao{width:max-content;max-width:min(75%,560px);padding:10px 12px;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(25,40,50,.05)}.atendimento-balao.saida{align-self:flex-end;border-bottom-right-radius:3px;background:#dff3e7}.atendimento-balao.entrada{align-self:flex-start;border-bottom-left-radius:3px}.atendimento-balao p{font-size:9px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.atendimento-balao small{display:block;margin-top:5px;color:#77828b;font-size:6px;text-align:right}
.atendimento-compositor{display:grid;grid-template-columns:1fr auto;gap:7px 9px;padding:11px;border-top:1px solid var(--borda);background:#fff}.atendimento-anexos{display:flex;grid-column:1/-1;gap:6px;align-items:center}.atendimento-anexos>button{min-width:0!important;padding:6px 9px;border:1px solid var(--borda)!important;border-radius:8px!important;background:#f7f9fa!important;color:#52616d!important;font-size:7px!important}.atendimento-anexos>span{display:flex;min-width:0;align-items:center;gap:5px;color:#66727c;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atendimento-anexos>span[hidden]{display:none}.atendimento-anexos>span button{min-width:18px!important;height:18px;border:0;border-radius:50%;background:#dfe5e9;color:#52616d}.atendimento-compositor textarea{min-height:44px;max-height:110px;resize:vertical;padding:11px 13px;border:1px solid var(--borda);border-radius:11px;outline:0;font:inherit;font-size:9px}.atendimento-compositor textarea:focus{border-color:var(--azul)}.atendimento-compositor>button{min-width:90px;border:0;border-radius:11px;background:#168455;color:#fff;font-size:8px;text-transform:uppercase;cursor:pointer}.atendimento-compositor button:disabled{opacity:.55;cursor:not-allowed}
.atendimento-midia{margin-bottom:5px;font-size:7px}.atendimento-midia img,.atendimento-midia video{display:block;width:auto;max-width:min(360px,60vw);max-height:340px;border-radius:9px;object-fit:contain}.atendimento-midia audio{width:min(320px,60vw)}.atendimento-midia a{display:block;padding:10px;border-radius:8px;background:rgba(255,255,255,.55);color:#285f91;text-decoration:none}.atendimento-midia.carregando,.atendimento-midia.indisponivel{padding:10px;color:#77838c}.atendimento-localizacao,.atendimento-contato{display:flex;min-width:220px;flex-direction:column;gap:3px;color:#28333b;text-decoration:none}.atendimento-localizacao span,.atendimento-contato span,.atendimento-reacao span{color:#77838c;font-size:7px}.atendimento-reacao{font-size:18px!important}
.atendimento-midia img{cursor:zoom-in}.atendimento-visualizador{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(8,12,16,.88);cursor:zoom-out}.atendimento-visualizador.show{display:flex}.atendimento-visualizador img{max-width:94vw;max-height:90vh;border-radius:12px;object-fit:contain;box-shadow:0 18px 70px rgba(0,0,0,.45)}.atendimento-visualizador button{position:absolute;top:20px;right:22px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#25313a;font-size:18px;cursor:pointer}
.atendimento-vazio{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;padding:18px;color:#7b858e;text-align:center}.atendimento-vazio span{font-size:26px}.atendimento-vazio strong{margin-top:7px;color:#35414a;font-size:10px}.atendimento-vazio p{max-width:320px;margin-top:5px;font-size:7px;line-height:1.5}.atendimento-vazio.compacto{min-height:110px}.atendimento-vazio.erro strong{color:#a83d48}
.atendimento-lateral-label{color:var(--azul);font-size:6px;letter-spacing:.13em;text-transform:uppercase}.atendimento-cliente h3{margin-top:7px;font-size:13px;line-height:1.3}.atendimento-cliente>p{margin-top:5px;color:#596670;font-size:8px}.atendimento-cliente>small{display:block;margin-top:3px;color:#879098;font-size:7px;overflow-wrap:anywhere}.atendimento-cliente>em{display:block;margin-top:12px;padding:10px;border-radius:9px;background:#fff4dd;color:#93600f;font-size:7px;font-style:normal;line-height:1.45}.atendimento-pecas{margin-top:20px;padding-top:15px;border-top:1px solid var(--borda)}.atendimento-pecas>strong{font-size:8px;text-transform:uppercase}.atendimento-pecas>div{display:flex;flex-direction:column;margin-top:8px;padding:9px;border-radius:9px;background:#fff}.atendimento-pecas b{font-size:8px}.atendimento-pecas span,.atendimento-pecas p{margin-top:3px;color:#7d8790;font-size:7px;line-height:1.4}
@media(max-width:1050px){.atendimento-layout{grid-template-columns:240px minmax(360px,1fr)}.atendimento-cliente{display:none}}
@media(max-width:720px){.modal-atendimento{width:100%;height:97vh;max-height:97vh;padding:14px;border-radius:18px 18px 0 0}.atendimento-top p{display:none}.atendimento-layout{height:calc(100% - 58px);grid-template-columns:118px minmax(0,1fr)}.atendimento-conversas{font-size:7px}.atendimento-busca{margin:7px;padding:0 7px}.atendimento-busca span{display:none}.atendimento-conversa{grid-template-columns:30px minmax(0,1fr);padding:8px 6px}.atendimento-avatar{width:30px;height:30px}.atendimento-conversa em{display:none}.atendimento-chat>header{min-height:52px;padding:8px}.atendimento-chat>header>span{display:none}.atendimento-mensagens{padding:9px}.atendimento-balao{max-width:90%;padding:8px 9px}.atendimento-compositor{grid-template-columns:1fr;padding:7px}.atendimento-compositor button{min-height:38px}}