/* Janela flutuante ampla no desktop; área visível inteira no smartphone. */
body > .opa_chat {
  --brand:#ff5a1f;
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  bottom:calc(var(--site-chat-bottom, 0px) + 16px);
  right:max(16px, env(safe-area-inset-right, 0px));
  width:min(420px, calc(100vw - 32px));
  height:min(640px, calc(var(--site-chat-vh, 100dvh) - 32px));
  max-width:none;
  max-height:none;
  min-width:0;
  min-height:0;
  z-index:100001;
}
body > .opa_chat .opa_cabecalho { flex:none; position:relative; min-height:64px; height:64px; }
body > .opa_chat .opa_cabecalho::before,
body > .opa_chat .opa_cabecalho::after { left:16px; right:112px; }
body > .opa_chat .opa_minimize,
body > .opa_chat .opa_close { width:44px; height:44px; }
body > .opa_chat .opa_minimize { right:56px; }
body > .opa_chat .opa_close { right:8px; }
body > .opa_chat .opa_corpo { flex:1 1 0; min-height:0; padding:12px 0 8px; }
body > .opa_chat .opa_ballon { max-width:85%; font-size:15px; overflow-wrap:anywhere; }
body > .opa_chat .opa_ballon.enviada { background:#ffe4d8; color:var(--text-main); }
body > .opa_chat .opa_ballon.enviada .time { color:var(--text-muted); }
body > .opa_chat .opa_rodape { padding:8px 10px; min-height:61px; gap:8px; }
body > .opa_chat .opa_rodape_menu,
body > .opa_chat .opa_rodape_send { width:44px; height:44px; }
body > .opa_chat .opa_rodape_input { height:44px !important; font-size:16px !important; padding:0 12px; }
body > .opa_chat .opa_ballon img,
body > .opa_chat .opa_ballon video { max-width:100%; height:auto; border-radius:10px; }
body > .opa_chat .netzon-audio-attachment { color:var(--text-main); }
body > .opa_chat .netzon-audio-status { margin:0; }
body > .opa_chat .opa_rodape_send:focus-visible,
body > .opa_chat .netzon-audio-mic:focus-visible { outline:3px solid #a6310a; outline-offset:2px; }
@media (min-width:1440px) {
  body > .opa_chat { width:460px; }
}
@media (max-width:640px), (max-height:500px) and (max-width:1024px) {
  html.netzon-site-chat-open, html.netzon-site-chat-open body { overflow:hidden; overscroll-behavior:none; }
  body > .opa_chat {
    top:var(--site-chat-top, 0px);
    left:env(safe-area-inset-left, 0px);
    right:env(safe-area-inset-right, 0px);
    bottom:auto;
    width:auto;
    height:var(--site-chat-vh, 100dvh);
    border-radius:0;
    animation:none;
  }
  body > .opa_chat .opa_cabecalho { height:calc(64px + env(safe-area-inset-top, 0px)); }
  body > .opa_chat .opa_cabecalho::before { top:calc(14px + env(safe-area-inset-top, 0px)); }
  body > .opa_chat .opa_cabecalho::after { top:calc(37px + env(safe-area-inset-top, 0px)); }
  body > .opa_chat .opa_rodape { padding-bottom:max(8px, env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:374px) {
  body > .opa_chat .opa_rodape { gap:6px; padding-left:8px; padding-right:8px; }
  body > .opa_chat .opa_ballon { margin-left:10px; margin-right:10px; max-width:90%; }
}
@media (max-height:500px) {
  body > .opa_chat .opa_cabecalho { height:56px; min-height:56px; }
  body > .opa_chat .opa_cabecalho::before { top:8px; }
  body > .opa_chat .opa_cabecalho::after { top:31px; }
  body > .opa_chat .opa_rodape { padding-top:6px; padding-bottom:6px; min-height:57px; }
}