/* Visual "Azul Noite e Ciano" do chat e da Central de atendimento.

   So e carregado quando a opcao "Visual do chat" (Painel > Aparencia) esta em
   "Azul Noite e Ciano". Em "Atual", este arquivo nem chega ao navegador, entao
   o visual anterior continua intacto e a volta e trocar a opcao -- sem publicar
   nada. Tudo aqui mora sob `body.chat-nc`; o resto do site e do painel nao muda.

   `chat-nc-site` = paginas da loja (cliente). `chat-nc-painel` = painel da equipe.
   No site o cliente fala a direita; no painel quem fala a direita e a equipe: o
   degrade azul-ciano e sempre "o meu lado" de quem esta olhando. */
body.chat-nc{
  --nc-bg:#050c18; --nc-bg2:#07132a; --nc-panel:#0b1a33; --nc-panel2:#102244;
  --nc-line:#17305a; --nc-txt:#e6f1ff; --nc-txt2:#8fb0d6; --nc-txt3:#5a7ba3;
  --nc-cy:#38d6e0; --nc-bl:#1e7bff; --nc-grad:linear-gradient(135deg,#1e7bff,#1db0d8);
  --nc-sombra:0 14px 36px rgba(0,5,20,.62);
}

/* ------------------------------------------------------------ conversa */
body.chat-nc .conversa{
  background:
    linear-gradient(rgba(7,19,42,calc(1 - var(--marca-forca, 0) * 1.7)),
                    rgba(7,19,42,calc(1 - var(--marca-forca, 0) * 1.7))),
    var(--marca-dagua-url, none) center / 62% auto no-repeat,
    var(--nc-bg2);
  border-color:var(--nc-line);border-radius:18px;padding:20px 22px;gap:15px}
body.chat-nc .fala{border-radius:18px;padding:13px 18px;font-size:15.2px;line-height:1.5;
  border:1px solid var(--nc-line)}
body.chat-nc .fala .quem{font-size:12.5px}
body.chat-nc .fala .quando{color:var(--nc-txt3)}
body.chat-nc .fala.sistema{background:transparent;border:1px dashed var(--nc-line);
  color:var(--nc-txt2);border-radius:18px;padding:9px 18px;font-size:13px}

/* lado "meu" = degrade; lado "do outro" = painel escuro com nome em ciano */
body.chat-nc-site .fala.cliente,
body.chat-nc-painel .fala.equipe{
  background:var(--nc-grad);color:#fff;border-color:transparent;border-bottom-right-radius:6px}
body.chat-nc-site .fala.cliente .quem,
body.chat-nc-painel .fala.equipe .quem{color:rgba(255,255,255,.9)}
body.chat-nc-site .fala.cliente .quando,
body.chat-nc-painel .fala.equipe .quando{color:rgba(255,255,255,.72)}
body.chat-nc-site .fala.equipe,
body.chat-nc-painel .fala.cliente{
  background:var(--nc-panel2);color:var(--nc-txt);border-color:var(--nc-line);border-bottom-left-radius:6px}
body.chat-nc-site .fala.equipe .quem,
body.chat-nc-painel .fala.cliente .quem{color:var(--nc-cy)}
body.chat-nc .fala .visto.sim{color:#aef5ca}
body.chat-nc .fala-imagem{border-color:var(--nc-line);border-radius:12px}

/* ------------------------------------------------------------ campos */
body.chat-nc .envio-mensagem textarea,
body.chat-nc .chat-envio textarea,
body.chat-nc .forma-resposta textarea{
  background:var(--nc-panel);border:1px solid var(--nc-line);border-radius:16px;color:var(--nc-txt);
  font-size:15px;padding:13px 17px}
body.chat-nc .envio-mensagem textarea:focus,
body.chat-nc .chat-envio textarea:focus,
body.chat-nc .forma-resposta textarea:focus{
  border-color:var(--nc-cy);box-shadow:0 0 0 3px rgba(56,214,224,.16);outline:none}
body.chat-nc .envio-mensagem .btn,
body.chat-nc .chat-envio .btn,
body.chat-nc .forma-resposta .btn{
  background:var(--nc-grad);color:#fff;border:0;border-radius:99px;font-weight:700;padding:12px 24px}
body.chat-nc .chat-envio .anexar,
body.chat-nc .forma-resposta .anexar,
body.chat-nc .envio-mensagem .anexar{
  border:1px solid var(--nc-line);background:var(--nc-panel);color:var(--nc-txt2);border-radius:99px}

/* ------------------------------------------------------------ janela de chat (cliente e equipe) */
body.chat-nc .chat-bolha{background:var(--nc-grad);color:#fff;border:0;
  box-shadow:0 12px 30px rgba(0,5,20,.55)}
body.chat-nc .chat-bolha:hover{filter:brightness(1.1)}
body.chat-nc .chat-bolha,body.chat-nc .chat-bolha *{color:#fff}
body.chat-nc .chat-bolha.tem-novidade,body.chat-nc .chat-bolha.tem-novidade *{color:#04101f}
body.chat-nc .chat-equipe .chat-bolha,body.chat-nc .chat-equipe .chat-bolha *{color:var(--nc-txt)}
body.chat-nc .chat-bolha.tem-novidade{background:var(--nc-cy);color:#04101f}
body.chat-nc .chat-equipe .chat-bolha{background:var(--nc-panel);color:var(--nc-txt);
  border:1px solid var(--nc-cy)}
body.chat-nc .chat-janela{background:var(--nc-panel);border:1px solid var(--nc-line);
  border-radius:20px;box-shadow:var(--nc-sombra)}
body.chat-nc .chat-topo{background:var(--nc-panel);border-bottom:1px solid var(--nc-line)}
body.chat-nc .chat-pedidos{background:var(--nc-bg2);border-right:1px solid var(--nc-line)}
body.chat-nc .chat-pedido{background:var(--nc-panel);border:1px solid var(--nc-line);
  color:var(--nc-txt2);border-radius:13px}
body.chat-nc .chat-pedido:hover{border-color:var(--nc-bl)}
body.chat-nc .chat-pedido.ativo{border-color:var(--nc-cy);background:rgba(56,214,224,.10);color:#fff}
body.chat-nc .chat-pedido .bolinha{background:var(--nc-cy);color:#04101f}
body.chat-nc .chat-conta{background:var(--nc-cy);color:#04101f}
body.chat-nc .chat-conversa .conversa{border-radius:16px}

/* ------------------------------------------------------------ pedido (pagina do cliente) */
body.chat-nc .caixa-conta.assunto-conversa{border-top-color:var(--nc-cy);background:var(--nc-panel);
  border-color:var(--nc-line)}
.nc-etapas{display:none}
body.chat-nc .nc-etapas{display:flex;align-items:center;margin:0 0 14px;padding:12px 16px;
  background:var(--nc-bg2);border:1px solid var(--nc-line);border-radius:14px}
body.chat-nc .nc-etapa{display:flex;align-items:center;gap:8px;flex:1;font-size:12.5px;color:var(--nc-txt3)}
body.chat-nc .nc-etapa i{width:17px;height:17px;border-radius:50%;border:2px solid var(--nc-line);flex:none}
body.chat-nc .nc-etapa.feito{color:var(--nc-txt2)}
body.chat-nc .nc-etapa.feito i{background:#3ddc97;border-color:#3ddc97}
body.chat-nc .nc-etapa.agora{color:var(--nc-txt);font-weight:600}
body.chat-nc .nc-etapa.agora i{border-color:var(--nc-cy);background:rgba(56,214,224,.2)}
body.chat-nc .nc-etapa:not(:last-child)::after{content:"";height:2px;flex:1;background:var(--nc-line);margin-left:4px}
body.chat-nc .nc-etapa.feito:not(:last-child)::after{background:#3ddc97}
@media (max-width:560px){body.chat-nc .nc-etapa{font-size:10.5px;gap:4px}}

/* ------------------------------------------------------------ Central de atendimento (painel) */
body.chat-nc-painel .central{
  grid-template-columns:340px minmax(0,1fr);gap:0;align-items:stretch;position:relative;
  background:var(--nc-bg2);border:1px solid var(--nc-line);border-radius:20px;overflow:hidden;min-height:660px}
@media (max-width:860px){body.chat-nc-painel .central{grid-template-columns:1fr}}

/* fila */
body.chat-nc-painel .caixa-lista{background:var(--nc-panel);border:0;border-right:1px solid var(--nc-line);
  border-radius:0;position:static;padding:20px 0 0;display:flex;flex-direction:column;min-height:0}
body.chat-nc-painel .caixa-lista .busca-painel{padding:0 18px}
body.chat-nc-painel .caixa-lista .busca-painel input{width:100%;max-width:none;background:var(--nc-panel2);
  border:1px solid var(--nc-line);border-radius:99px;padding:11px 18px;color:var(--nc-txt);font-size:14px}
body.chat-nc-painel .caixa-lista .busca-painel .mini{display:none}
body.chat-nc-painel .caixa-lista .filtros{margin:14px 18px 10px;gap:6px;flex-wrap:wrap}
body.chat-nc-painel .caixa-lista .chip{background:transparent;border:1px solid var(--nc-line);color:var(--nc-txt2);
  padding:6px 13px;font-size:12.8px}
body.chat-nc-painel .caixa-lista .chip:hover{border-color:var(--nc-cy);color:#fff}
body.chat-nc-painel .caixa-lista .chip.ativo{background:var(--nc-cy);border-color:var(--nc-cy);color:#04101f;font-weight:700}
body.chat-nc-painel .conversas-lista{gap:0;max-height:none;flex:1;overflow:auto}
body.chat-nc-painel .conversa-item{border:0;border-top:1px solid var(--nc-line);border-radius:0;
  background:transparent;padding:17px 20px}
body.chat-nc-painel .conversa-item:hover{background:rgba(56,214,224,.05)}
body.chat-nc-painel .conversa-item.ativa{background:rgba(56,214,224,.11)}
body.chat-nc-painel .conversa-item.nova{border-left:3px solid var(--nc-cy);padding-left:17px}
body.chat-nc-painel .conversa-item .linha-topo b{font-size:15px}
body.chat-nc-painel .conversa-item .nome{font-size:14px;color:var(--nc-txt);margin-top:3px}
/* `.previa` tambem e a miniatura de banner (width/aspect-ratio/fundo): neutralizado aqui */
body.chat-nc-painel .conversa-item .previa{width:auto;aspect-ratio:auto;background:none;border:0;border-radius:0;
  font-size:13.4px;color:var(--nc-txt2);margin:4px 0 7px}
body.chat-nc-painel .conversa-item .detalhe{color:var(--nc-txt3)}
body.chat-nc-painel .conversa-item .bolha{background:var(--nc-cy);color:#04101f}
body.chat-nc-painel .conversa-item .bolha.problema{background:#f2556a;color:#fff}

/* conversa */
body.chat-nc-painel .caixa-conversa{min-width:0;position:relative;display:flex;flex-direction:column;background:var(--nc-bg2)}
body.chat-nc-painel .caixa-conversa > .cartao{background:transparent;border:0;border-radius:0;box-shadow:none;
  padding:0;margin:0;display:flex;flex-direction:column;flex:1;min-height:0}
body.chat-nc-painel .caixa-conversa .cabeca-cartao{padding:18px 28px;margin:0;background:var(--nc-panel);
  border-bottom:1px solid var(--nc-line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.chat-nc-painel .caixa-conversa .cabeca-cartao h2{font-size:18px;margin:0;color:var(--nc-txt)}
body.chat-nc-painel .caixa-conversa .cabeca-cartao .mini{margin-left:auto}
body.chat-nc-painel .caixa-conversa > .cartao > .detalhe{padding:8px 28px 0;margin:0}
body.chat-nc-painel .caixa-conversa .aviso{margin:12px 28px 0}
body.chat-nc-painel .resumo-nc{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:0;padding:10px 28px;
  background:var(--nc-panel2);border-bottom:1px solid var(--nc-line);color:var(--nc-txt2);font-size:13.4px}
body.chat-nc-painel .resumo-nc b{color:var(--nc-txt)}
body.chat-nc-painel .caixa-conversa .conversa.alta{flex:1;max-height:none;min-height:340px;margin:0;border:0;
  border-radius:0;padding:24px 34px;gap:17px}
body.chat-nc-painel .caixa-conversa .forma-resposta{padding:14px 28px 24px;background:var(--nc-bg2);margin:0}
body.chat-nc-painel .caixa-conversa .forma-resposta textarea{min-height:58px}
body.chat-nc-painel .caixa-conversa .vazio-tela{margin:auto}

/* abas Conversa | Pedido (criadas por central-nc.js) */
.nc-tabs{display:none}
body.chat-nc-painel .nc-tabs{display:flex;gap:4px;padding:4px;background:var(--nc-panel2);border-radius:99px;margin-left:auto}
body.chat-nc-painel .nc-tabs button{border:0;background:transparent;color:var(--nc-txt2);font:inherit;font-size:13.5px;
  padding:8px 20px;border-radius:99px;cursor:pointer}
body.chat-nc-painel .nc-tabs button.on{background:var(--nc-cy);color:#04101f;font-weight:700}
body.chat-nc-painel .cabeca-cartao .nc-tabs + .mini{margin-left:0}

/* pedido: aba, nao coluna */
body.chat-nc-painel .caixa-pedido{display:none}
body.chat-nc-painel .central.ver-pedido .caixa-pedido{
  display:grid;position:absolute;left:340px;right:0;top:var(--nc-topo,118px);bottom:0;overflow:auto;
  background:var(--nc-bg2);padding:24px 30px;grid-template-columns:1fr 1fr;gap:16px;align-content:start;z-index:4}
body.chat-nc-painel .caixa-pedido .cartao{background:var(--nc-panel);border:1px solid var(--nc-line);
  border-radius:16px;padding:18px 20px}
body.chat-nc-painel .caixa-pedido .cartao h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--nc-txt3);margin-bottom:10px}
body.chat-nc-painel .caixa-pedido .ficha td{font-size:14.4px;color:var(--nc-txt)}
body.chat-nc-painel .caixa-pedido .ficha td:first-child{color:var(--nc-txt3)}
body.chat-nc-painel .caixa-pedido .cartao.sem-recheio{grid-column:1/-1}
@media (max-width:1100px){body.chat-nc-painel .central.ver-pedido .caixa-pedido{grid-template-columns:1fr}}
@media (max-width:860px){body.chat-nc-painel .central.ver-pedido .caixa-pedido{position:static;
  grid-template-columns:1fr}}
body.chat-nc-painel .central.ver-pedido .caixa-conversa .conversa,
body.chat-nc-painel .central.ver-pedido .caixa-conversa .forma-resposta,
body.chat-nc-painel .central.ver-pedido .caixa-conversa .prontas,
body.chat-nc-painel .central.ver-pedido .caixa-conversa .aviso{visibility:hidden}

/* respostas prontas: lista que abre sob demanda (botao criado por central-nc.js) */
body.chat-nc-painel .caixa-conversa .prontas{display:none}
body.chat-nc-painel .caixa-conversa .prontas.aberta{
  display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;left:28px;bottom:104px;
  width:min(430px,calc(100% - 56px));max-height:46vh;overflow:auto;margin:0;padding:10px;
  background:var(--nc-panel);border:1px solid var(--nc-line);border-radius:18px;box-shadow:var(--nc-sombra);z-index:6}
body.chat-nc-painel .prontas.aberta .ajuda{margin:6px 10px 8px;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--nc-txt3)}
body.chat-nc-painel .prontas.aberta .pronta{width:100%;text-align:left;background:transparent;border:0;
  border-radius:11px;padding:11px 14px;font-size:14px;color:var(--nc-txt);cursor:pointer}
body.chat-nc-painel .prontas.aberta .pronta:hover{background:rgba(56,214,224,.12)}
.nc-btn-respostas{display:none}
body.chat-nc-painel .nc-btn-respostas{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--nc-line);
  background:var(--nc-panel2);color:var(--nc-txt);border-radius:99px;padding:10px 18px;font:inherit;font-size:13.5px;cursor:pointer}

/* abas abertas no topo (varias conversas ao mesmo tempo) */
body.chat-nc-painel .abas-abertas{background:var(--nc-panel);border:1px solid var(--nc-line);border-radius:14px}
body.chat-nc-painel .tira{background:var(--nc-panel2);border:1px solid var(--nc-line);border-radius:99px}
body.chat-nc-painel .tira.ativa{border-color:var(--nc-cy);background:rgba(56,214,224,.12)}

/* ============================================================ cartoes nas mensagens automaticas */
/* (chat-nc-cartoes.js reconhece o modelo e troca o texto por um cartao) */
body.chat-nc .fala.nc-fala-cartao{background:transparent;border:0;padding:0;max-width:88%;align-self:flex-start}
body.chat-nc .fala.nc-fala-cartao .quem{font-size:11.5px;color:var(--nc-txt3);margin:0 0 6px 4px}
body.chat-nc .nc-cartao{background:var(--nc-panel);border:1px solid var(--nc-line);border-radius:18px;
  padding:15px 18px;color:var(--nc-txt);font-size:14.4px}
body.chat-nc .nc-cartao h4{margin:0 0 8px;font-size:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.chat-nc .nc-chip{font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:99px;
  background:rgba(56,214,224,.14);color:var(--nc-cy)}
body.chat-nc .nc-chip.ok{background:rgba(61,220,151,.15);color:#3ddc97}
body.chat-nc .nc-cartao ul{margin:0 0 8px;padding-left:18px;color:var(--nc-txt2)}
body.chat-nc .nc-total{display:flex;justify-content:space-between;gap:20px;padding-top:9px;margin-top:2px;
  border-top:1px solid var(--nc-line)}
body.chat-nc .nc-total b{font-size:15px}
body.chat-nc .nc-fecho{margin:10px 0 0;color:var(--nc-txt2);font-size:13.2px;line-height:1.5;white-space:pre-wrap}
body.chat-nc .nc-codigo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;
  padding:10px 12px;background:var(--nc-bg2);border:1px dashed var(--nc-line);border-radius:12px}
body.chat-nc .nc-codigo code{font-family:Consolas,ui-monospace,monospace;font-size:13.4px;color:var(--nc-txt);
  word-break:break-all}
body.chat-nc .nc-copiar{flex:none;border:0;border-radius:8px;padding:5px 12px;font:inherit;font-size:12px;
  font-weight:600;cursor:pointer;background:rgba(56,214,224,.14);color:var(--nc-cy)}
body.chat-nc .fala.nc-fala-cartao:has(.nc-aviso){align-self:center;max-width:94%}
body.chat-nc .nc-aviso{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;justify-content:center;
  padding:9px 18px;border-radius:16px;background:rgba(61,220,151,.10);border:1px solid rgba(61,220,151,.28);
  color:var(--nc-txt2);font-size:13px;text-align:center}
body.chat-nc .nc-aviso b{color:#3ddc97}

/* ============================================================ cabecalho de quem atende (cliente) */
body.chat-nc .nc-cab{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:0 0 12px;
  background:var(--nc-bg2);border:1px solid var(--nc-line);border-radius:16px}
body.chat-nc .nc-cab .nc-av{position:relative;width:44px;height:44px;border-radius:50%;flex:none;display:grid;
  place-items:center;background:#8b5cf6;color:#fff;font-weight:700;font-size:17px}
body.chat-nc .nc-av-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
body.chat-nc .nc-cab .nc-av.on::after{content:"";position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;
  border-radius:50%;background:#3ddc97;border:2px solid var(--nc-bg2)}
body.chat-nc .nc-cab-txt{min-width:0}
body.chat-nc .nc-cab-txt b{display:block;font-size:15.5px;color:var(--nc-txt);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
body.chat-nc .nc-cab-txt small{color:var(--nc-txt3);font-size:12.6px}
body.chat-nc .nc-cab-txt small.ok{color:#3ddc97}
body.chat-nc .nc-chip-status{margin-left:auto;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;
  background:rgba(243,177,60,.16);color:#f3b13c;white-space:nowrap}

/* a janelinha do cliente: linha do tempo e cabecalho cabem no espaco dela */
body.chat-nc .chat-conversa .nc-etapas{margin:0 0 10px;padding:9px 12px;border-radius:12px}
body.chat-nc .chat-conversa .nc-etapa{font-size:11.5px;gap:6px}
body.chat-nc .chat-conversa .nc-cab{padding:10px 12px;margin-bottom:10px}
body.chat-nc .chat-conversa .nc-cab .nc-av{width:38px;height:38px;font-size:15px}
body.chat-nc .chat-conversa .nc-cab-txt b{font-size:14px}
body.chat-nc .chat-conversa .conversa{padding:14px 14px;gap:12px}
body.chat-nc .chat-conversa .fala{font-size:14px;padding:10px 14px}
body.chat-nc .chat-janela .nc-cartao{padding:12px 14px;font-size:13.4px}
body.chat-nc .chat-pedidos{padding:12px 10px;gap:8px}
body.chat-nc .chat-pedido{padding:12px 14px;gap:3px}
body.chat-nc .chat-pedido b{font-size:14px;color:var(--nc-txt)}
body.chat-nc .chat-envio{padding-top:2px}
body.chat-nc .chat-envio textarea{border-radius:18px}

/* ============================================================ chat flutuante da equipe */
body.chat-nc-painel .chat-equipe .chat-pedido{display:grid;grid-template-columns:40px minmax(0,1fr);
  column-gap:12px;align-items:center;padding:12px 14px;text-align:left}
body.chat-nc-painel .chat-equipe .chat-pedido > :not(.nc-av):not(.bolinha){grid-column:2;min-width:0}
body.chat-nc-painel .chat-equipe .chat-pedido .nc-av{display:grid;grid-column:1;grid-row:1 / span 4;
  width:40px;height:40px;border-radius:50%;place-items:center;color:#fff;font-weight:700;font-size:15px}
body.chat-nc-painel .chat-equipe .chat-pedido b{font-size:14px;color:var(--nc-txt)}
body.chat-nc-painel .chat-equipe .chat-pedido .previa-eq{display:block;color:var(--nc-txt2);font-size:12.6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chat-nc-painel .chat-equipe .chat-pedido .situacao{color:var(--nc-txt3)}
body.chat-nc-painel .chat-equipe .chat-pedido .bolinha{background:var(--nc-cy);color:#04101f;top:12px;right:12px}
body.chat-nc-painel .chat-equipe .chat-pedido .bolinha.problema{background:#f2556a;color:#fff;top:34px}
body.chat-nc-painel .chat-equipe .chat-topo b{font-size:15px}
body.chat-nc-painel .chat-equipe .chat-conversa .conversa{padding:16px 16px;gap:13px}
body.chat-nc-painel .chat-equipe .fala{font-size:14px;padding:10px 14px}
body.chat-nc-painel .chat-equipe .chat-acoes .mini{background:var(--nc-panel2);border:1px solid var(--nc-line);
  color:var(--nc-txt2);border-radius:99px}
body.chat-nc-painel .eq-prontas{display:flex;gap:7px;flex-wrap:wrap;padding:0 0 10px}
body.chat-nc-painel .chat-conversa:has(#eq-envio[hidden]) .eq-prontas{display:none}
body.chat-nc-painel .eq-pronta{border:1px solid var(--nc-line);background:var(--nc-panel2);color:var(--nc-txt2);
  border-radius:99px;padding:5px 13px;font:inherit;font-size:12.4px;cursor:pointer}
body.chat-nc-painel .eq-pronta:hover{border-color:var(--nc-cy);color:#fff}
body.chat-nc .fala.nc-fala-cartao,body.chat-nc .nc-cartao{text-align:left}
body.chat-nc .nc-cartao ul{list-style:disc}
/* a janelinha precisa de mais altura: agora tem cabecalho e linha do tempo antes da conversa */
body.chat-nc .chat-janela{height:min(600px,86vh);max-height:86vh}
body.chat-nc-painel .chat-janela{height:min(560px,84vh)}
/* minimizada, a janela volta a ser so o cabecalho (sem isso ficava um quadro vazio de 600px) */
body.chat-nc .chat-janela.encolhida,body.chat-nc-painel .chat-janela.encolhida{height:auto;max-height:none}
body.chat-nc .chat-acesso{background:var(--nc-bg2);border-color:var(--nc-line)}
body.chat-nc .chat-acesso .acesso-op.ativo{background:linear-gradient(135deg,#1e7bff,#1db0d8);color:#fff}

/* ============================================================ avaliar dentro da conversa */
/* O convite mora no chat; a faixa do topo da pagina e a caixa de baixo deixam de duplicar. */
body.chat-nc .avaliar-rapido{display:none}
body.chat-nc .nc-avaliar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin:0 0 14px;padding:14px 18px;border-radius:16px;
  background:linear-gradient(135deg,rgba(30,123,255,.16),rgba(29,176,216,.12));
  border:1px solid rgba(56,214,224,.35)}
body.chat-nc .nc-avaliar-txt{display:grid;gap:2px;min-width:180px}
body.chat-nc .nc-avaliar-txt b{font-size:15px;color:var(--nc-txt)}
body.chat-nc .nc-avaliar-txt span{font-size:13px;color:var(--nc-txt2)}
body.chat-nc .nc-estrelas{display:inline-flex;flex-direction:row-reverse;gap:2px}
body.chat-nc .nc-estrelas button{background:none;border:0;padding:2px 3px;font-size:30px;line-height:1;
  color:var(--nc-txt3);cursor:pointer}
body.chat-nc .nc-estrelas button:hover,
body.chat-nc .nc-estrelas button:hover ~ button,
body.chat-nc .nc-estrelas button:focus-visible,
body.chat-nc .nc-estrelas button:focus-visible ~ button{color:#f3b13c}
body.chat-nc .nc-estrelas.enviando{opacity:.5;pointer-events:none}
body.chat-nc .nc-avaliar.obrigado{display:block;border-color:rgba(61,220,151,.4);
  background:rgba(61,220,151,.08)}
body.chat-nc .nc-avaliar-topo{display:flex;align-items:center;gap:12px}
body.chat-nc .nc-avaliar-topo b{font-size:15px}
body.chat-nc .nc-nota i{font-style:normal;color:var(--nc-txt3);font-size:17px}
body.chat-nc .nc-nota i.cheia{color:#f3b13c}
body.chat-nc .nc-avaliar-x{margin-left:auto;background:none;border:0;color:var(--nc-txt3);font-size:22px;
  line-height:1;cursor:pointer}
body.chat-nc .nc-avaliar-cupom{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:10px;padding:9px 12px;border:1px dashed #f3b13c;border-radius:12px;font-size:13px;color:var(--nc-txt2)}
body.chat-nc .nc-avaliar-cupom code{font-size:16px;font-weight:700;letter-spacing:1px;color:#f3b13c}
body.chat-nc .nc-avaliar-comentario{display:grid;gap:8px;margin-top:10px}
body.chat-nc .nc-avaliar-comentario textarea{width:100%;background:var(--nc-panel);border:1px solid var(--nc-line);
  border-radius:12px;color:var(--nc-txt);font:inherit;font-size:14px;padding:10px 13px;resize:none}
body.chat-nc .nc-avaliar-enviar{justify-self:end;border:0;border-radius:99px;padding:8px 18px;font:inherit;
  font-size:13px;font-weight:700;cursor:pointer;background:var(--nc-grad);color:#fff}
body.chat-nc .nc-avaliar-enviar:disabled{opacity:.5}
body.chat-nc .nc-ok{color:#3ddc97;font-size:13px}
body.chat-nc .chat-conversa .nc-avaliar{padding:10px 12px;margin-bottom:8px;gap:8px}
body.chat-nc .chat-conversa .nc-estrelas button{font-size:24px}

/* ============================================================ pagina do pedido (visual novo) */
/* O chat ja esta na pagina: a janelinha flutuante nao aparece aqui. */
body.chat-nc-site.pagina-pedido .chat-flutuante{display:none}

/* Lateral: "Pedido" e historico comecam so com o titulo; um clique mostra o conteudo. */
body.chat-nc-site .nc-recolhivel > h2{cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-bottom:0;user-select:none}
body.chat-nc-site .nc-recolhivel > h2::after{content:"▸";color:var(--nc-txt3);font-size:14px}
body.chat-nc-site .nc-recolhivel.aberto > h2::after{content:"▾"}
body.chat-nc-site .nc-recolhivel.aberto > h2{margin-bottom:10px}
body.chat-nc-site .nc-recolhivel:not(.aberto) > :not(h2){display:none}
body.chat-nc-site .nc-recolhivel:focus-within > h2:focus-visible{outline:2px solid var(--nc-cy);outline-offset:3px;
  border-radius:6px}

/* O mascote e a propria imagem: nenhum estado do botao (novidade, foco, toque, janela aberta na frente) pode
   pintar um quadrado atras dele. */
body.chat-nc .chat-bolha.com-mascote,
body.chat-nc .chat-bolha.com-mascote.tem-novidade,
body.chat-nc .chat-bolha.com-mascote:focus,
body.chat-nc .chat-bolha.com-mascote:active{background:none;box-shadow:none;outline:none;border:0}