/* MyReportAgent · chat de visitantes (adaptado del de MyCompanyChat; API de PROVISION TIME). */
:root{--font:Inter,system-ui,sans-serif;--sap:#2563EB;--sap2:#1D4ED8;--cyan:#0EA5E9;--ok:#5EEAD4;--sh:0 24px 60px -20px rgba(0,0,0,.55)}
.mc-chat,.mc-fab{--bg:#0B1220;--card:#111A2E;--card2:#16213A;--ink:#E8EDF7;--ink2:#CBD5E1;--ink3:#94A3B8;--line:#22304D}
.mc-fab{position:fixed;right:18px;bottom:18px;z-index:61;width:64px;height:64px;border-radius:50%;border:0;padding:0;cursor:pointer;
  display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#1E40AF 0%,#0B1220 75%);isolation:isolate;
  box-shadow:0 16px 36px -8px rgba(37,99,235,.6),0 0 0 1px rgba(147,197,253,.18);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mc-fab:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 22px 44px -8px rgba(37,99,235,.75),0 0 0 1px rgba(147,197,253,.35)}
.mc-fab:active{transform:scale(.96)}
.mc-fab:focus-visible{outline:3px solid #5EEAD4;outline-offset:4px}
/* anillo de luz que gira con los colores de la marca */
.mc-orbit{position:absolute;inset:-3px;border-radius:50%;z-index:-1;padding:3px;pointer-events:none;
  background:conic-gradient(from 0deg,#2563EB,#0EA5E9,#5EEAD4,transparent 55%,#2563EB);
  -webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  filter:drop-shadow(0 0 6px rgba(94,234,212,.55))}
.mc-core{position:relative;display:grid;place-items:center;width:100%;height:100%}
.mc-logo{width:36px;height:36px;border-radius:11px;filter:drop-shadow(0 4px 10px rgba(14,165,233,.45));transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.mc-bar{transform-box:fill-box;transform-origin:50% 100%}
.mc-dot{transform-box:fill-box;transform-origin:50% 50%}
.mc-wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(94,234,212,.55);opacity:0;pointer-events:none;z-index:-2}
.mc-fab .mc-fab-x{position:absolute;width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.mc-fab.on .mc-logo{opacity:0;transform:rotate(90deg) scale(.5)}
.mc-fab.on .mc-fab-x{opacity:1;transform:none}
/* invitación */
.mc-teaser{position:fixed;right:96px;bottom:24px;z-index:61;display:flex;align-items:flex-start;gap:4px;max-width:260px;
  opacity:0;transform:translateX(12px) scale(.96);transform-origin:right center;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.mc-teaser.show{opacity:1;transform:none;pointer-events:auto}
.mc-teaser-msg{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px 16px 4px 16px;
  background:rgba(17,26,46,.96);border:1px solid rgba(147,197,253,.25);color:#E8EDF7;font:500 13.5px/1.35 var(--font);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.6);backdrop-filter:blur(10px)}
.mc-teaser-msg b{font-weight:700;color:#fff;font-size:14.5px}
.mc-teaser-msg:hover{border-color:rgba(94,234,212,.5)}
.mc-teaser-msg:focus-visible,.mc-teaser-x:focus-visible{outline:2px solid #5EEAD4;outline-offset:2px}
.mc-teaser-x{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(17,26,46,.9);
  color:#94A3B8;font:700 15px/1 var(--font);border:1px solid rgba(147,197,253,.2)}
.mc-teaser-x:hover{color:#fff}
@media (max-width:420px){.mc-teaser{right:88px;max-width:200px}}
.mc-chat-on .mc-teaser{display:none}
@media (prefers-reduced-motion:no-preference){
  .mc-fab{animation:mc-enter .9s cubic-bezier(.2,1.4,.4,1) .8s backwards}
  @keyframes mc-enter{0%{opacity:0;transform:translateY(24px) scale(.4)}100%{opacity:1;transform:none}}
  .mc-orbit{animation:mc-spin 5s linear infinite}
  .mc-fab:hover .mc-orbit{animation-duration:1.6s}
  @keyframes mc-spin{to{transform:rotate(360deg)}}
  .mc-wave{animation:mc-wave 3.6s cubic-bezier(.2,.6,.3,1) 2s infinite}
  .mc-wave.w2{animation-delay:3.2s}
  @keyframes mc-wave{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.75)}}
  .mc-fab.on .mc-wave{animation:none}
  .mc-bar{animation:mc-bar 3.6s cubic-bezier(.3,.7,.3,1) 1.2s infinite}
  .mc-bar2{animation-delay:1.35s}.mc-bar3{animation-delay:1.5s}
  @keyframes mc-bar{0%{transform:scaleY(.25)}18%{transform:scaleY(1.08)}26%,100%{transform:scaleY(1)}}
  .mc-dot{animation:mc-dot 3.6s ease-in-out 1.9s infinite}
  @keyframes mc-dot{0%,100%{transform:scale(1)}10%{transform:scale(1.55)}22%{transform:scale(1)}}
  .mc-fab:hover .mc-logo{transform:scale(1.08) rotate(-4deg)}
}
.mc-badge{position:absolute;right:-3px;top:-3px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fb7185;color:#fff;
  font:800 12px/22px var(--font);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.mc-badge[hidden]{display:none}

.mc-chat{position:fixed;right:18px;bottom:92px;z-index:60;width:392px;height:min(640px,calc(100vh - 112px));display:flex;flex-direction:column;
  background:rgba(17,26,46,.98);backdrop-filter:blur(16px);border:1px solid rgba(148,178,255,.25);border-radius:24px;box-shadow:var(--sh);overflow:hidden;
  font-family:var(--font),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";color:var(--ink);
  opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1)}
.mc-chat.in{opacity:1;transform:none}
.mc-chat[hidden]{display:none}
.mc-chat svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.mc-h{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(34,211,238,.10));border-bottom:1px solid var(--line)}
.mc-av img{width:38px;height:38px;border-radius:11px;display:block}
.mc-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.mc-who b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.mc-st{font-size:12.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-st.on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px;vertical-align:1px}
.mc-st.ty{color:var(--cyan)}
.mc-ib{width:36px;height:36px;border-radius:12px;border:0;background:transparent;color:var(--ink2);cursor:pointer;display:grid;place-items:center}
.mc-ib:hover{background:rgba(255,255,255,.08);color:#fff}
.mc-ib[hidden]{display:none}
.mc-menu{position:absolute;right:56px;top:58px;z-index:2;min-width:220px;padding:6px;background:var(--card2);border:1px solid rgba(148,178,255,.25);border-radius:14px;box-shadow:var(--sh)}
.mc-menu[hidden]{display:none}
.mc-mi{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:600 14px var(--font);cursor:pointer;text-align:left}
.mc-mi:hover{background:rgba(79,134,255,.16)}
.mc-mi.danger{color:#fda4af}
.mc-mi[hidden]{display:none}

.mc-b{flex:1;overflow-y:auto;padding:14px 14px 6px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(148,178,255,.25) transparent}
.mc-list{display:flex;flex-direction:column;gap:4px}
.mc-day{align-self:center;margin:8px 0 6px;padding:3px 12px;border-radius:999px;background:rgba(148,178,255,.10);color:var(--ink3);font-size:12px;font-weight:600}
.mc-row{display:flex;flex-direction:column;margin-top:6px}
.mc-row.g{margin-top:0}
.mc-row.me{align-items:flex-end}
.mc-row.them{align-items:flex-start}
.mc-bub{max-width:84%;padding:9px 13px 6px;border-radius:16px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.mc-bub.visitor{background:linear-gradient(135deg,#2459e0,#2f6bff);border-bottom-right-radius:4px}
.mc-bub.ai{background:linear-gradient(135deg,#0e4f63,#0e7490);border-bottom-left-radius:4px}
.mc-bub.team{background:linear-gradient(135deg,#4c3a96,#6d4fd8);border-bottom-left-radius:4px}
.mc-bub.failed{opacity:.6}
.mc-name{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;opacity:.85;margin-bottom:2px}
.mc-name svg{width:13px;height:13px}
.mc-q{border-left:3px solid rgba(255,255,255,.5);padding:2px 8px;margin-bottom:4px;font-size:12.5px;opacity:.8}
.mc-tx{white-space:pre-wrap}
.mc-tx a,.mc-sys a{color:#a5f3fc}
.mc-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;font-size:11px;opacity:.75}
.mc-meta .tk{width:16px;height:16px}
.mc-meta .tk.seen{color:#a5f3fc;opacity:1}
.mc-retry{margin-top:4px;border:0;background:transparent;color:#fda4af;font:600 12.5px var(--font);cursor:pointer}
.mc-sys{align-self:center;max-width:92%;margin:8px 0;padding:8px 12px;border-radius:12px;background:rgba(148,178,255,.08);border:1px solid var(--line);color:var(--ink2);font-size:13px;line-height:1.5;text-align:center}
.mc-sys.away{border-color:rgba(251,191,36,.35);color:#fde68a}
.mc-cards{display:grid;gap:8px;margin-top:8px;width:84%}
.mc-card{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid rgba(148,178,255,.2);text-decoration:none;transition:border-color .2s}
.mc-card:hover{border-color:var(--sap2)}
.mc-card img{width:40px;height:40px;border-radius:10px;flex:none}
.mc-ct{display:flex;flex-direction:column;font-size:13px;color:var(--ink3);line-height:1.35}
.mc-ct b{color:var(--ink);font-size:14px}
.mc-go{display:inline-flex;align-items:center;gap:4px;color:var(--sap2);font-weight:700;margin-top:2px}
.mc-go svg{width:13px;height:13px}
.mc-typing{display:flex;gap:4px;width:max-content;margin:6px 0;padding:12px 14px;border-radius:16px;border-bottom-left-radius:4px;background:#1b2a4d}
.mc-typing[hidden]{display:none}
.mc-typing span{width:7px;height:7px;border-radius:50%;background:var(--ink3);animation:mc-dot 1.2s infinite}
.mc-typing span:nth-child(2){animation-delay:.15s}.mc-typing span:nth-child(3){animation-delay:.3s}
@keyframes mc-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}

.mc-extra{padding:4px 0 8px}
.mc-sugg{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.mc-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid rgba(148,178,255,.35);background:rgba(79,134,255,.10);
  color:var(--ink);font:600 13.5px/1.2 var(--font);cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.mc-chip:hover{background:rgba(79,134,255,.22);border-color:var(--sap2)}
.mc-chip svg{width:15px;height:15px}
.mc-chip.human{border-color:rgba(167,139,250,.45);background:rgba(167,139,250,.10)}
.mc-chip.human.hl{background:linear-gradient(135deg,#4c3a96,#6d4fd8);border-color:transparent;box-shadow:0 8px 22px rgba(109,79,216,.4)}

.mc-intro{display:flex;flex-direction:column;gap:12px;padding:20px 18px;margin-top:4px;border-radius:20px;background:var(--card);border:1px solid rgba(148,178,255,.2)}
.mc-spark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sap) 0%,#1E3A8A 55%,var(--cyan) 140%)}
.mc-spark svg{width:24px;height:24px;fill:#fff;stroke:none}
.mc-intro h3{margin:0;font-size:20px;font-weight:800}
.mc-intro p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.mc-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ink2);cursor:pointer}
.mc-consent input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--sap)}
.mc-consent a{color:var(--sap2);font-weight:700}
.mc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mc-err,.mc-intro .mc-err,.mc-ho .mc-err{margin:0;color:#fda4af;font-size:13.5px;font-weight:600}
.mc-err[hidden]{display:none}
.mc-start{margin-top:4px}

.mc-ho{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:var(--card);border:1px solid rgba(167,139,250,.35)}
.mc-ho b{font-size:16px}
.mc-ho p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.5}
.mc-ho label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--ink2)}
.mc-ho input{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,178,255,.25);background:rgba(6,11,26,.6);color:var(--ink);font:500 15px var(--font)}
.mc-ho input:focus{outline:none;border-color:var(--sap2);box-shadow:0 0 0 4px rgba(79,134,255,.25)}
.mc-ho-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.mc-ho-row .btn{padding:11px 18px;font-size:14px}

.mc-note{padding:6px 14px;font-size:12.5px;color:#fde68a;text-align:center;background:rgba(251,191,36,.08)}
.mc-note[hidden]{display:none}
.mc-f{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line);background:rgba(6,11,26,.55)}
.mc-f[hidden]{display:none}
.mc-f textarea{flex:1;resize:none;max-height:132px;overflow-y:hidden;padding:11px 14px;border-radius:18px;border:1px solid rgba(148,178,255,.25);background:rgba(15,26,51,.9);
  color:var(--ink);font:500 15px/1.4 var(--font),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji"}
.mc-f textarea:focus{outline:none;border-color:var(--sap2);box-shadow:0 0 0 4px rgba(79,134,255,.2)}
.mc-send{width:44px;height:44px;flex:none;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--sap) 0%,#1E3A8A 55%,var(--cyan) 140%);box-shadow:0 8px 20px rgba(37,99,235,.4)}

@media (max-width:560px){
  .mc-chat{right:0;bottom:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0}
  .mc-chat-on .mc-fab{display:none}
  .mc-chat-on{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.mc-chat,.mc-fab,.mc-fab img{transition:none}.mc-typing span{animation:none}}