/* ===== MEL extras: painel de resultados, histórico, agentes vivos ===== */
.m{white-space:pre-wrap;word-break:break-word}
/* painel lateral */
.rp{position:fixed;top:0;right:0;bottom:0;width:min(580px,94vw);z-index:30;display:flex;flex-direction:column;background:linear-gradient(180deg,#120c36f2,#0a0624f2);backdrop-filter:blur(22px);border-left:1px solid var(--line2);border-radius:28px 0 0 28px;box-shadow:-30px 0 80px -30px #000;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
body.rp-open .rp{transform:none}
@media (min-width:1100px){body.rp-open .app{padding-right:min(580px,94vw)}.app{transition:padding .32s cubic-bezier(.2,.8,.2,1),grid-template-columns .28s ease}}
.rp-h{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 12px}
.rp-h h3{margin:0;font:italic 700 24px var(--display);line-height:1.1}
.rp-h .res{font-size:12px}
.rp-x{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:#ffffff08;color:var(--muted);display:grid;place-items:center;font-size:18px}
.rp-x:hover{color:#fff;border-color:var(--brand-hi)}
.rp-tabs{display:flex;gap:6px;padding:0 22px 10px;flex-wrap:wrap}
.rp-tabs button{border:1px solid var(--line2);background:none;border-radius:99px;padding:5px 14px;color:var(--muted);font-weight:500}
.rp-tabs button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.rp-b{flex:1;overflow:auto;padding:4px 22px 26px;display:flex;flex-direction:column;gap:14px}
.vwr{border:1px solid var(--line2);border-radius:20px;overflow:hidden;background:#000}
.vwr iframe,.vwr video{display:block;width:100%;aspect-ratio:16/10;border:0;background:#000}
.vwr img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;background:#000}
.vwr.pdf iframe{aspect-ratio:3/4}
.vcap{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0e0a2a;font-size:12px;color:var(--muted)}
.vcap a{color:var(--brand-hi);margin-left:auto;text-decoration:none}
.lcard2{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:16px;background:#ffffff06;text-decoration:none;color:var(--fg)}
.lcard2:hover{border-color:var(--brand-hi)}.lcard2 small{color:var(--muted);display:block;word-break:break-all}
.rtext{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.55;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffff05}
.rtext a{color:var(--brand-hi)}
.sect{font:500 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:2px 0 -6px}
.apv{border:1px solid var(--warn);background:#ffb84d14;border-radius:20px;padding:14px 16px;display:grid;gap:10px}
.apv b{color:var(--warn)}
.apv .acts{display:flex;gap:10px;flex-wrap:wrap}
.thinkbox{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px dashed var(--brand-hi);border-radius:20px;background:#7e33f50f}
.dots{display:inline-flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--brand-hi);animation:bnc 1.1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes bnc{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}
.chat3 .ln{padding:10px 14px;border-radius:16px;margin-bottom:8px;border:1px solid var(--line);white-space:pre-wrap}
.chat3 .ln b{display:block;font:italic 700 15px var(--display);margin-bottom:2px}
.chat3 .c{background:#d9775714;border-color:#d9775755}.chat3 .g{background:#4285f414;border-color:#4285f455}.chat3 .m2{background:#7e33f514;border-color:#7e33f566}
/* botão flutuante na voz */
.lastres{position:absolute;right:28px;bottom:28px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;border:1px solid var(--brand-hi);background:linear-gradient(135deg,#7e33f5cc,#4a1fd1cc);color:#fff;box-shadow:0 12px 40px -10px #7e33f5;animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-4px)}}
#v-voz{position:relative}
/* agentes vivos */
#v-agentes{position:relative}
#v-agentes .wrap{position:relative;z-index:1}
#energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9}
.agent{position:relative;overflow:hidden;border-radius:30px}
.agent>*{position:relative;z-index:2}
.agent.busy:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:230%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0 55%,#a06bff 75%,#5aa0ff 88%,transparent 100%);animation:spin 3.2s linear infinite}
.agent.busy:after{content:"";position:absolute;z-index:1;inset:2px;border-radius:28px;background:linear-gradient(180deg,#161140,#0e0a2a)}
@keyframes spin{to{rotate:360deg}}
.agent[data-agent=Claude].busy:before{background:conic-gradient(from 0deg,transparent 0 55%,#d97757 78%,#ffb38f 90%,transparent 100%)}
.agent[data-agent=Gemini].busy:before{background:conic-gradient(from 0deg,transparent 0 55%,#4285f4 78%,#9ac0ff 90%,transparent 100%)}
.ava{border-radius:50%}
.agent.busy .ava:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand-hi);animation:spin 1.1s linear infinite}
.job{border-radius:18px;cursor:pointer;transition:transform .15s,border-color .15s}.job:hover{transform:translateY(-1px);border-color:var(--brand-hi)}
.think{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:99px;background:#7e33f51f;border:1px solid #7e33f566;font-size:13px}
.think span.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
tr.clk{cursor:pointer}tr.clk:hover td{background:#ffffff08}
.item.clk{cursor:pointer;border-radius:14px;padding-inline:8px}.item.clk:hover{background:#ffffff08}
.hist .it{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;margin-bottom:10px;cursor:pointer;background:#ffffff05;transition:border-color .15s,transform .15s}
.hist .it:hover{border-color:var(--brand-hi);transform:translateX(2px)}
.hist .it .t{flex:1;min-width:0}.hist .it .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.hist .it .t small{color:var(--muted)}
.hist input{width:100%;background:var(--bg);border:1px solid var(--line2);border-radius:99px;padding:9px 16px;outline:0;margin-bottom:12px}
.card{border-radius:26px}
.btn,.pill{border-radius:99px}
@media (prefers-reduced-motion:reduce){.agent.busy:before,.agent.busy .ava:after,.lastres,.dots i{animation:none}}