/* MF Recepção — widget. Cores e tipografia do tema mf-advogados. */
#mf-recepcao{--rc-navy:#0D2137; --rc-areia:#FAF8F5; --rc-grafite:#2E3944; --rc-cinza:#677381;
  --rc-ouro:#996922; --rc-fio:#BE832D; --rc-champanhe:#EDD08A; --rc-rule:#E4DDD2; --rc-surface:#FFFFFF;
  --rc-ui:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --rc-leitura:Lora,Georgia,serif;
  position:fixed; right:1.25rem; bottom:1.25rem; z-index:9000; font-family:var(--rc-ui); color:var(--rc-grafite); line-height:1.5}
@media(max-width:40rem){#mf-recepcao{right:.75rem; bottom:.75rem}}

/* gatilho */
.rc-gatilho{display:inline-flex; align-items:center; gap:.625rem; background:var(--rc-navy); color:#F3EFE8; border:1px solid rgba(237,208,138,.45);
  border-radius:999px; padding:.7rem 1.125rem .7rem .875rem; font:500 .8125rem/1 var(--rc-ui); letter-spacing:.02em; cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(13,33,55,.6); transition:transform .2s, border-color .2s, background .2s}
.rc-gatilho:hover{transform:translateY(-2px); border-color:var(--rc-champanhe)}
.rc-gatilho:focus-visible{outline:3px solid #7A5218; outline-offset:2px}
.rc-gatilho .rc-ponto{width:.5rem; height:.5rem; border-radius:50%; background:var(--rc-champanhe); box-shadow:0 0 0 3px rgba(237,208,138,.18)}
#mf-recepcao.aberto .rc-gatilho{display:none}

/* painel */
.rc-painel{display:none; width:min(24rem, calc(100vw - 1.5rem)); height:min(38rem, calc(100vh - 2.5rem)); background:var(--rc-areia); border:1px solid var(--rc-rule);
  border-radius:4px; box-shadow:0 30px 60px -30px rgba(13,33,55,.55), 0 2px 6px rgba(13,33,55,.08); overflow:hidden; flex-direction:column}
#mf-recepcao.aberto .rc-painel{display:flex}
@media(max-width:40rem){.rc-painel{width:calc(100vw - 1.5rem); height:calc(100vh - 1.5rem); height:calc(100dvh - 1.5rem)}}

.rc-topo{background:var(--rc-navy); color:#F3EFE8; padding:.875rem 1rem .8rem; display:flex; align-items:flex-start; gap:.75rem; position:relative}
.rc-topo::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,#C2862E 0%,#E3BE7B 26%,#F4E7D7 46%,#D9AC5E 68%,#C2862E 100%)}
.rc-topo .rc-sobre{color:var(--rc-champanhe); font-size:.625rem; letter-spacing:.18em; text-transform:uppercase; font-weight:500; margin:0 0 .15rem}
.rc-topo .rc-nome{font-size:.9375rem; font-weight:500; margin:0; letter-spacing:-.01em}
.rc-topo .rc-ia{font-size:.6875rem; color:#B8C2CE; margin:.15rem 0 0}
.rc-fechar{margin-left:auto; background:none; border:0; color:#B8C2CE; cursor:pointer; padding:.25rem; line-height:1; font-size:1.25rem}
.rc-fechar:hover{color:#F3EFE8}
.rc-fechar:focus-visible{outline:2px solid var(--rc-champanhe); outline-offset:2px}

.rc-teste{background:#FFF4D6; color:#7A5218; font-size:.6875rem; padding:.35rem 1rem; border-bottom:1px solid #EAD9A6}

.rc-mensagens{flex:1; overflow-y:auto; padding:1rem 1rem .5rem; display:flex; flex-direction:column; gap:.625rem; scroll-behavior:smooth}
.rc-msg{max-width:88%; padding:.7rem .875rem; border-radius:6px; font-size:.875rem; white-space:pre-wrap; word-wrap:break-word}
.rc-msg.rc-ia-msg{align-self:flex-start; background:var(--rc-surface); border:1px solid var(--rc-rule); border-left:2px solid var(--rc-fio); font-family:var(--rc-leitura); font-size:.9rem; line-height:1.55}
.rc-msg.rc-eu{align-self:flex-end; background:var(--rc-navy); color:#F3EFE8}
.rc-msg a{color:var(--rc-ouro); text-decoration:underline; text-decoration-color:rgba(153,105,34,.4)}
.rc-msg.rc-ia-msg a{word-break:break-all}
.rc-digitando{align-self:flex-start; color:var(--rc-cinza); font-size:.75rem; padding:.25rem .5rem; font-style:italic}
.rc-erro{align-self:stretch; background:#FBECEC; border:1px solid #E7B9B9; color:#7A1F1F; font-size:.8125rem; padding:.6rem .8rem; border-radius:4px}

.rc-acoes{display:flex; flex-wrap:wrap; gap:.4rem; padding:0 1rem .5rem}
.rc-acoes button, .rc-acoes a{font:400 .75rem/1.2 var(--rc-ui); color:var(--rc-grafite); background:var(--rc-surface); border:1px solid var(--rc-rule); border-radius:999px;
  padding:.45rem .8rem; cursor:pointer; text-decoration:none; transition:border-color .2s, background .2s}
.rc-acoes button:hover, .rc-acoes a:hover{border-color:var(--rc-fio); background:#FFFDF8}
.rc-acoes .rc-whats{background:var(--rc-navy); color:#F3EFE8; border-color:var(--rc-navy)}
.rc-acoes .rc-whats:hover{background:#163050}

.rc-form{display:flex; gap:.5rem; padding:.75rem 1rem; border-top:1px solid var(--rc-rule); background:var(--rc-surface)}
.rc-form textarea{flex:1; resize:none; border:1px solid var(--rc-rule); border-radius:4px; padding:.6rem .75rem; font:400 .875rem/1.45 var(--rc-ui); color:var(--rc-grafite);
  min-height:2.6rem; max-height:7rem; background:var(--rc-areia)}
.rc-form textarea:focus{outline:2px solid var(--rc-fio); outline-offset:0; border-color:var(--rc-fio)}
.rc-form button{background:var(--rc-navy); color:#F3EFE8; border:0; border-radius:4px; padding:0 1rem; font:500 .8125rem var(--rc-ui); cursor:pointer}
.rc-form button:disabled{opacity:.5; cursor:default}
.rc-form button:focus-visible{outline:3px solid #7A5218; outline-offset:2px}
.rc-nota{font-size:.6875rem; color:var(--rc-cinza); padding:0 1rem .75rem; background:var(--rc-surface); margin:0; line-height:1.45}
.rc-nota a{color:inherit}

@media (prefers-reduced-motion: reduce){.rc-gatilho, .rc-mensagens{transition:none; scroll-behavior:auto}}
@media print{#mf-recepcao{display:none}}