/* ===========================================================================
   Janela de suporte que flutua por cima do site: arrasta-se pela barra de
   cima, muda de tamanho pelo canto, fecha no ×, e o site continua a navegar
   por tras (nao ha fundo escuro nem bloqueio de scroll).
   =========================================================================== */
.blp-jn{
  position:fixed;z-index:10060;
  display:flex;flex-direction:column;
  min-width:320px;min-height:300px;
  background:linear-gradient(180deg,#15181e,#0e1014);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 36px 90px -30px rgba(0,0,0,.95), 0 0 0 1px rgba(0,0,0,.5);
  overflow:hidden;resize:both
}
.blp-jn[hidden]{display:none}
.blp-jn.a-puxar{user-select:none;cursor:grabbing}

.blp-jn-hd{
  display:flex;align-items:center;gap:12px;flex:0 0 auto;
  padding:11px 12px 11px 16px;cursor:grab;
  background:linear-gradient(180deg,rgba(226,190,102,.14),rgba(226,190,102,.04));
  border-bottom:1px solid rgba(255,255,255,.1)
}
.blp-jn.a-puxar .blp-jn-hd{cursor:grabbing}
.blp-jn-t{font:700 13px Oswald,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E2BE66;white-space:nowrap}
.blp-jn-abas{display:flex;gap:0;margin-left:auto;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;overflow:hidden;background:rgba(0,0,0,.3)}
.blp-jn-abas[hidden]{display:none}
.blp-jn-abas button{
  appearance:none;border:0;background:transparent;color:rgba(236,231,220,.6);cursor:pointer;
  font:700 11px Oswald,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  padding:7px 14px;white-space:nowrap;transition:background .15s,color .15s
}
.blp-jn-abas button + button{border-left:1px solid rgba(255,255,255,.12)}
.blp-jn-abas button:hover{color:#ece7dc}
.blp-jn-abas button.on{background:linear-gradient(135deg,#F7D96A,#E2BE66);color:#141210}
.blp-jn-x{
  margin-left:4px;flex:0 0 auto;width:30px;height:30px;line-height:1;
  appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.3);
  color:#ece7dc;border-radius:50%;cursor:pointer;font-size:19px
}
.blp-jn-abas:not([hidden]) + .blp-jn-x{margin-left:4px}
.blp-jn-hd .blp-jn-abas[hidden] + .blp-jn-x{margin-left:auto}
.blp-jn-x:hover{border-color:rgba(226,190,102,.6);color:#F7D96A}

.blp-jn-corpo{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;
  container-type:inline-size}
.blp-jn-vazio{margin:0;padding:24px 0;text-align:center;color:rgba(236,231,220,.45)}

/* o conteudo de dentro deixa de se comportar como modal */
.blp-jn .blp-sup-emb{display:block}
.blp-jn .blp-sup-emb .vr-hd{margin-bottom:12px}
.blp-jn .adm-card{background:transparent !important;border:0 !important;padding:0 !important}
.blp-jn .lx-ch{min-height:0}

/* telemovel: ocupa o ecra, sem arrastar */
@media (max-width:760px){
  .blp-jn{
    left:8px !important;top:8px !important;
    width:calc(100vw - 16px) !important;height:calc(100dvh - 16px) !important;
    resize:none;border-radius:14px
  }
  .blp-jn-hd{cursor:default}
  .blp-jn-abas button{padding:7px 11px;font-size:10.5px}
}

/* a pastilha de suporte do canto deixa de ser precisa: o 💬 do cabecalho faz
   o mesmo e estava a repetir-se em baixo */
#blp-sup-fab{display:none !important}

/* dentro da janela a caixa de entrada arruma-se conforme a largura que tiver */
.blp-jn .adm-card > h3{font-size:14px;margin:0 0 10px}
.blp-jn .adm-card > h3 + p,
.blp-jn .adm-card > p.sb-dim:first-of-type{display:none}
@container (max-width: 660px){
  .blp-jn .lx-ch{display:block !important}
  .blp-jn .lx-ch-side{width:auto !important;max-width:none !important;border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-bottom:10px}
  .blp-jn .lx-ch-list{max-height:220px;overflow:auto}
}