/* Minha PROXITI: a janela tem uma borda contínua e UMA largura de referência.
   O conteúdo da conversa fica no iframe, mas os dois usam a mesma tipografia. */
html[data-theme="light"]{--chat-window-outline:#6288ce;--chat-window-glow:rgba(47,109,246,.13)}
html[data-theme="dark"]{--chat-window-outline:#83a6eb;--chat-window-glow:rgba(117,170,255,.13)}
.customer-header .customer-explore{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:39px;padding:7px 11px;border:1px solid var(--line);
 border-radius:10px;background:var(--surface);color:var(--text);
 font-size:.76rem;font-weight:750;text-decoration:none;white-space:nowrap;
 transition:border-color .16s ease,background-color .16s ease;
}
.customer-header .customer-explore:hover{background:var(--soft-blue);border-color:var(--blue);color:var(--text)}
.customer-explore-icon{font-size:1rem;line-height:1;color:var(--blue)}
.customer-header-caption{font-size:.68rem;letter-spacing:.035em;font-weight:790}
.customer-header-caption-secondary{letter-spacing:0;font-weight:500}
.customer-footer nav button{
 appearance:none;border:0;background:transparent;padding:0;margin:0;
 color:var(--text);font:inherit;font-size:.77rem;font-weight:690;
 line-height:inherit;text-align:left;cursor:pointer;
}
.customer-footer nav button:hover{color:var(--blue);text-decoration:underline}
.customer-footer nav button:focus-visible,
.customer-chat-actions button:focus-visible,
.customer-chat-minimized button:focus-visible{
 outline:3px solid var(--focus);outline-offset:3px;
}
.customer-chat-overlay:not([hidden]){
 display:block;position:fixed;inset:0;z-index:1199;
 background:rgba(13,29,51,.34);backdrop-filter:blur(2px);
 animation:customer-chat-fade .18s ease-out both;
}
html[data-theme="dark"] .customer-chat-overlay:not([hidden]){background:rgba(2,8,19,.63)}
.customer-support-popover:not([hidden]){
 position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
 z-index:1200;display:flex;flex-direction:column;
 width:min(980px,calc(100vw - 36px));
 height:min(770px,calc(100dvh - 28px));
 overflow:hidden;
 border:2px solid var(--chat-window-outline);
 border-radius:23px;background:var(--surface);color:var(--text);
 box-shadow:0 0 0 1px var(--chat-window-glow),
  0 26px 85px rgba(13,34,68,.24),0 6px 25px rgba(13,34,68,.09),
  inset 0 1px 0 rgba(255,255,255,.45);
 font-family:"Manrope",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:15px;line-height:1.5;
 animation:customer-chat-open .3s cubic-bezier(.16,1,.3,1) both;
}
html[data-theme="dark"] .customer-support-popover:not([hidden]){
 box-shadow:0 0 0 1px var(--chat-window-glow),
  0 30px 95px rgba(0,0,0,.5),0 6px 25px rgba(0,0,0,.2);
}
.customer-support-popover:not([hidden])::before{
 content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;
 background:linear-gradient(90deg,#3275eb 0%,#86b8ff 60%,#f3a579 100%);
 pointer-events:none;
}
.customer-support-popover-head{
 display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;
 min-height:105px;gap:17px;padding:17px 24px;
 border-bottom:1px solid var(--line);
 background:linear-gradient(110deg,var(--surface),var(--surface2));
 color:var(--text);
}
.customer-support-popover-head>div:not(.customer-chat-actions){
 display:grid;gap:4px;flex:1 1 auto;min-width:0;
}
.customer-support-popover-head strong{
 display:block;max-width:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:clamp(1.6rem,2.5vw,2.15rem);font-weight:800;
 letter-spacing:-.057em;line-height:1.1;color:var(--text);
 white-space:normal;overflow-wrap:normal;
}
.customer-support-popover-head strong span{color:var(--blue)}
.customer-support-popover-head small{
 display:block;max-width:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:.94rem;font-weight:400;color:var(--muted);line-height:1.6;
 white-space:normal;
}
.customer-support-popover-head>.customer-chat-actions{
 display:inline-flex;flex-direction:row;flex-wrap:nowrap;
 align-items:center;justify-content:flex-end;gap:10px;
 flex:0 0 auto;width:auto;min-width:max-content;margin:0;
}
.customer-support-popover-head .customer-chat-control{
 appearance:none;display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 42px;width:42px;height:42px;min-width:42px;min-height:42px;
 margin:0;padding:0;border:1px solid var(--line);border-radius:12px;
 background:var(--surface);color:var(--text);
 box-shadow:0 2px 6px rgba(15,35,68,.065);
 font:inherit;cursor:pointer;
 transition:background-color .16s ease,border-color .16s ease,
  color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.customer-support-popover-head .customer-chat-control svg{
 display:block;width:18px;height:18px;flex:none;
}
.customer-support-popover-head .customer-chat-control:hover{
 transform:translateY(-1px);border-color:var(--blue);
 color:var(--blue);background:var(--soft-blue);
 box-shadow:0 4px 12px rgba(34,91,185,.1);
}
.customer-support-popover-head .customer-chat-control:active{transform:translateY(0);box-shadow:none}
.customer-support-popover-head #customer-support-close:hover{
 border-color:color-mix(in srgb,#d85757 40%,var(--line));
 background:color-mix(in srgb,#d85757 10%,var(--surface));
 color:color-mix(in srgb,#ce4646 85%,var(--text));
}
.customer-support-popover iframe{
 display:block;flex:1 1 auto;min-height:0;width:100%;border:0;
 background:var(--surface);color-scheme:inherit;
}
.customer-chat-minimized:not([hidden]){
 position:fixed;right:clamp(12px,3vw,26px);
 bottom:max(18px,env(safe-area-inset-bottom));z-index:1200;
 display:flex;align-items:stretch;gap:4px;padding:5px;
 border:1.5px solid var(--chat-window-outline);border-radius:14px;
 background:var(--surface);color:var(--text);
 font-family:"Manrope",Inter,system-ui,sans-serif;
 box-shadow:0 12px 40px rgba(14,30,51,.2);
 animation:customer-chat-pill-open .24s cubic-bezier(.16,1,.3,1) both;
}
.customer-chat-minimized button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 border:0;border-radius:9px;padding:9px 13px;
 background:transparent;color:var(--text);font:inherit;
 font-size:.8rem;font-weight:750;
}
.customer-chat-minimized button:hover{background:var(--surface2)}
.customer-chat-minimized button:last-child{width:34px;padding:9px}
.customer-chat-minimized button span{color:var(--blue)}
@keyframes customer-chat-open{
 from{opacity:0;scale:.95;translate:0 12px;filter:blur(1.5px)}
 to{opacity:1;scale:1;translate:0 0;filter:blur(0)}
}
@keyframes customer-chat-pill-open{
 from{opacity:0;scale:.9;translate:0 9px}
 to{opacity:1;scale:1;translate:0 0}
}
@keyframes customer-chat-fade{from{opacity:0}to{opacity:1}}
@media(max-width:740px){.customer-header-caption{display:none}}
@media(max-width:600px){
 .customer-header .customer-explore{min-width:40px;width:40px;padding:7px}
 .customer-explore-label{display:none}
 .customer-support-popover:not([hidden]){
  width:calc(100vw - 16px);height:min(770px,calc(100dvh - 16px));
  border-radius:17px;
 }
 .customer-support-popover-head{min-height:91px;padding:12px 14px;gap:8px}
 .customer-support-popover-head strong{font-size:clamp(1.35rem,4.8vw,1.6rem)}
 .customer-support-popover-head small{font-size:.85rem;line-height:1.45}
 .customer-support-popover-head>.customer-chat-actions{gap:7px}
 .customer-support-popover-head .customer-chat-control{
  flex-basis:39px;width:39px;height:39px;min-width:39px;min-height:39px;
  border-radius:11px;
 }
 .customer-chat-overlay:not([hidden]){backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 .customer-header .customer-explore,
 .customer-support-popover-head .customer-chat-control{transition:none}
 .customer-support-popover:not([hidden]),
 .customer-chat-minimized:not([hidden]),
 .customer-chat-overlay:not([hidden]){animation:none;scale:1;translate:0 0;filter:none}
 .customer-support-popover-head .customer-chat-control:hover{transform:none}
}