/* MetaGenius live chat widget — vanilla CSS, scoped under #mglc */
#mglc{--mg-accent:#fe6e00;--mg-accent-2:#ff9a3d;--mg-ink:#09090b;--mg-ink-2:#3f3f46;--mg-mute:#71717a;--mg-line:#e4e4e7;--mg-soft:#f4f4f5;--mg-bg:#ffffff;--mg-me:#09090b;--mg-me-ink:#fafafa;--mg-them:#f4f4f5;--mg-them-ink:#09090b;--mg-shadow:0 24px 60px -12px rgba(9,9,11,.28),0 8px 24px -8px rgba(9,9,11,.16);
  position:fixed;right:20px;bottom:20px;z-index:2147483000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.45;color:var(--mg-ink);-webkit-font-smoothing:antialiased}
[data-theme="dark"] #mglc{--mg-ink:#fafafa;--mg-ink-2:#d4d4d8;--mg-mute:#a1a1aa;--mg-line:#27272a;--mg-soft:#18181b;--mg-bg:#0c0c0e;--mg-me:#fafafa;--mg-me-ink:#09090b;--mg-them:#18181b;--mg-them-ink:#fafafa;--mg-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
#mglc *,#mglc *::before,#mglc *::after{box-sizing:border-box}
#mglc button{font:inherit;cursor:pointer}
.mglc-launcher{position:relative;width:60px;height:60px;border-radius:50%;border:0;background:#09090b;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -6px rgba(9,9,11,.45),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
[data-theme="dark"] .mglc-launcher{background:#fafafa;color:#09090b}
.mglc-launcher:hover{transform:translateY(-2px) scale(1.03)}
.mglc-launcher:focus-visible{outline:3px solid var(--mg-accent);outline-offset:3px}
.mglc-launcher svg{width:26px;height:26px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
.mglc-launcher .i-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
#mglc.is-open .mglc-launcher .i-chat{opacity:0;transform:rotate(90deg) scale(.6)}
#mglc.is-open .mglc-launcher .i-close{opacity:1;transform:none}
.mglc-launcher::after{content:"";position:absolute;right:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--mg-accent);box-shadow:0 0 0 2.5px #09090b}
[data-theme="dark"] .mglc-launcher::after{box-shadow:0 0 0 2.5px #fafafa}
#mglc.is-away .mglc-launcher::after{background:#a1a1aa}
.mglc-badge{position:absolute;top:-4px;left:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--mg-accent);color:#fff;font-size:12px;font-weight:700;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--mg-bg)}
.mglc-badge.is-on{display:flex;animation:mglc-pop .35s cubic-bezier(.2,.8,.2,1)}
.mglc-teaser{position:absolute;right:72px;bottom:8px;max-width:240px;background:var(--mg-bg);color:var(--mg-ink);border:1px solid var(--mg-line);border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:13.5px;box-shadow:var(--mg-shadow);white-space:nowrap;opacity:0;transform:translateY(6px);pointer-events:none;transition:.3s}
.mglc-teaser.is-on{opacity:1;transform:none;pointer-events:auto;cursor:pointer}
#mglc.is-open .mglc-teaser{display:none}

.mglc-panel{position:absolute;right:0;bottom:76px;width:384px;height:min(640px,calc(100vh - 110px));background:var(--mg-bg);border-radius:22px;box-shadow:var(--mg-shadow);border:1px solid var(--mg-line);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(14px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
#mglc.is-open .mglc-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}

.mglc-head{position:relative;padding:18px 18px 16px;background:#09090b;color:#fafafa;display:flex;align-items:center;gap:12px;flex:0 0 auto}
.mglc-head::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 100% 0%,rgba(254,110,0,.32),transparent 55%);pointer-events:none}
.mglc-head>*{position:relative}
.mglc-av{width:40px;height:40px;border-radius:12px;background:#18181b;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mglc-av img{width:26px;height:26px;object-fit:contain}
.mglc-head__txt{flex:1;min-width:0}
.mglc-head__title{font-weight:650;font-size:15.5px;letter-spacing:-.01em;margin:0}
.mglc-head__status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#a1a1aa;margin-top:2px}
.mglc-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
#mglc.is-away .mglc-dot{background:#a1a1aa;box-shadow:0 0 0 3px rgba(161,161,170,.18)}
.mglc-x{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.06);color:#e4e4e7;display:grid;place-items:center;transition:background .2s}
.mglc-x:hover{background:rgba(255,255,255,.14)}
.mglc-x svg{width:18px;height:18px}

.mglc-body{flex:1 1 auto;overflow-y:auto;padding:18px 16px 8px;scroll-behavior:smooth;overscroll-behavior:contain;background:var(--mg-bg)}
.mglc-body::-webkit-scrollbar{width:6px}.mglc-body::-webkit-scrollbar-thumb{background:var(--mg-line);border-radius:6px}
.mglc-day{text-align:center;font-size:11.5px;color:var(--mg-mute);margin:2px 0 14px;letter-spacing:.02em}
.mglc-row{display:flex;gap:8px;align-items:flex-end;margin:0 0 4px;animation:mglc-in .28s cubic-bezier(.2,.8,.2,1)}
.mglc-row.is-me{flex-direction:row-reverse}
.mglc-row + .mglc-row:not(.is-cont){margin-top:12px}
.mglc-mav{width:28px;height:28px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;font-size:11px;font-weight:700;background:#09090b;color:#fff;overflow:hidden}
.mglc-mav img{width:18px;height:18px}
.mglc-mav.is-human{background:var(--mg-accent);color:#fff}
.mglc-row.is-cont .mglc-mav{visibility:hidden}
.mglc-row.is-me .mglc-mav{display:none}
.mglc-col{max-width:78%;display:flex;flex-direction:column}
.mglc-row.is-me .mglc-col{align-items:flex-end}
.mglc-bub{padding:10px 13px;border-radius:16px 16px 16px 5px;background:var(--mg-them);color:var(--mg-them-ink);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.mglc-row.is-me .mglc-bub{background:var(--mg-me);color:var(--mg-me-ink);border-radius:16px 16px 5px 16px}
.mglc-bub a{color:inherit;text-decoration:underline;text-decoration-color:var(--mg-accent);text-underline-offset:2px;text-decoration-thickness:2px}
.mglc-meta{font-size:11px;color:var(--mg-mute);margin:4px 4px 0;display:flex;gap:6px}
.mglc-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:5px;background:rgba(254,110,0,.12);color:#c54d00}
[data-theme="dark"] .mglc-tag{color:var(--mg-accent-2)}
.mglc-sys{margin:14px auto;max-width:92%;text-align:center;font-size:12.5px;color:var(--mg-ink-2);background:var(--mg-soft);border-radius:12px;padding:9px 12px;display:flex;gap:8px;align-items:flex-start;justify-content:center;animation:mglc-in .28s}
.mglc-sys svg{flex:0 0 auto;width:16px;height:16px;color:var(--mg-accent);margin-top:1px}

.mglc-welcome{padding:4px 2px 10px}
.mglc-welcome h3{font-size:20px;letter-spacing:-.02em;font-weight:700;margin:0 0 4px;color:var(--mg-ink)}
.mglc-welcome .mglc-lead{margin:0;color:var(--mg-mute);font-size:13.5px}
.mglc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.mglc-chip{border:1px solid var(--mg-line);background:var(--mg-bg);color:var(--mg-ink);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s,transform .15s}
.mglc-chip:hover{border-color:var(--mg-accent);background:rgba(254,110,0,.06)}
.mglc-chip:active{transform:scale(.97)}

.mglc-typing{display:inline-flex;gap:4px;padding:13px 14px}
.mglc-typing i{width:7px;height:7px;border-radius:50%;background:var(--mg-mute);opacity:.5;animation:mglc-dot 1.2s infinite}
.mglc-typing i:nth-child(2){animation-delay:.15s}.mglc-typing i:nth-child(3){animation-delay:.3s}

.mglc-card{margin:12px 0 6px 36px;border:1px solid var(--mg-line);border-radius:16px;padding:14px;background:var(--mg-bg);box-shadow:0 6px 20px -12px rgba(9,9,11,.25);animation:mglc-in .3s}
.mglc-card h4{margin:0 0 3px;font-size:14px;font-weight:650;color:var(--mg-ink)}
.mglc-card .mglc-cp{margin:0 0 10px;font-size:12.5px;color:var(--mg-mute)}
.mglc-card form{display:flex;gap:8px}
.mglc-card input{flex:1;min-width:0;height:42px;border:1px solid var(--mg-line);border-radius:12px;padding:0 12px;background:var(--mg-soft);color:var(--mg-ink);font:inherit;font-size:16px;outline:0;transition:border-color .2s,box-shadow .2s}
.mglc-card input:focus{border-color:var(--mg-accent);box-shadow:0 0 0 3px rgba(254,110,0,.15)}
.mglc-card button{height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--mg-accent);color:#fff;font-weight:600}
.mglc-card button:hover{background:#e85d00}
.mglc-card .mglc-err{color:#dc2626;font-size:12px;margin-top:6px;display:none}
.mglc-card.is-done{display:flex;align-items:center;gap:10px}
.mglc-card.is-done svg{width:22px;height:22px;color:#16a34a;flex:0 0 auto}

.mglc-foot{flex:0 0 auto;padding:10px 12px 10px;border-top:1px solid var(--mg-line);background:var(--mg-bg)}
.mglc-compose{display:flex;align-items:flex-end;gap:8px;background:var(--mg-soft);border:1px solid transparent;border-radius:16px;padding:6px 6px 6px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
.mglc-compose:focus-within{border-color:var(--mg-line);background:var(--mg-bg);box-shadow:0 0 0 3px rgba(254,110,0,.12)}
.mglc-compose textarea{flex:1;border:0;outline:0;resize:none;background:transparent;color:var(--mg-ink);font:inherit;font-size:15px;line-height:1.4;max-height:120px;padding:8px 0;min-height:22px}
.mglc-compose textarea::placeholder{color:var(--mg-mute)}
.mglc-send{width:38px;height:38px;border-radius:12px;border:0;background:var(--mg-accent);color:#fff;display:grid;place-items:center;flex:0 0 auto;transition:transform .15s,opacity .2s,background .2s}
.mglc-send:disabled{opacity:.35;cursor:default}
.mglc-send:not(:disabled):hover{background:#e85d00}
.mglc-send:not(:disabled):active{transform:scale(.94)}
.mglc-send svg{width:18px;height:18px}
.mglc-privacy{font-size:11px;color:var(--mg-mute);text-align:center;margin:8px 4px 0}
.mglc-privacy a{color:inherit}

@keyframes mglc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes mglc-pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes mglc-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}

@media (max-width:520px){
  #mglc{right:16px;bottom:16px}
  #mglc.is-open{inset:0;right:0;bottom:0}
  .mglc-panel{position:fixed;inset:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0;bottom:0;transform:translateY(100%);transform-origin:bottom}
  #mglc.is-open .mglc-panel{transform:none}
  #mglc.is-open .mglc-launcher{display:none}
  .mglc-head{padding:calc(14px + env(safe-area-inset-top)) 16px 14px}
  .mglc-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .mglc-teaser{display:none}
}
@media (prefers-reduced-motion:reduce){#mglc *{animation:none!important;transition:none!important}}
/* Guard against site-wide element styles leaking in */
#mglc p,#mglc h3,#mglc h4,#mglc input,#mglc textarea,#mglc button,#mglc a,#mglc span,#mglc div{font-family:inherit;letter-spacing:normal}
#mglc p{line-height:1.45}
#mglc .mglc-head__title{color:#fafafa;margin:0;font-size:15.5px;font-weight:650;letter-spacing:-.01em}
#mglc .mglc-welcome h3{color:var(--mg-ink)}
#mglc .mglc-lead,#mglc .mglc-cp,#mglc .mglc-privacy{color:var(--mg-mute)}
#mglc .mglc-card h4{color:var(--mg-ink)}
[data-theme="dark"] #mglc .mglc-head{border-bottom:1px solid #1f1f23}
#mglc .mglc-privacy a,#mglc .mglc-bub a{display:inline;margin:0;padding:0;width:auto;height:auto;background:none;border:0;font-size:inherit}
#mglc .mglc-privacy{display:block!important;text-align:center}

/* Site CSS (e.g. landing 'header{pointer-events:none;position:fixed}') must never reach the widget. */
#mglc.is-open .mglc-panel,#mglc.is-open .mglc-head,#mglc.is-open .mglc-x,#mglc.is-open .mglc-foot{pointer-events:auto}
#mglc .mglc-x{position:relative;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:0 0 auto}
#mglc .mglc-launcher{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* ---- v2: seen ticks, agent identity, join line ---- */
#mglc .mglc-tick{display:inline-flex;align-items:center;margin-left:4px;color:var(--mg-mute);opacity:.9}
#mglc .mglc-tick svg{height:11px;width:auto;display:block}
#mglc .mglc-tick.is-sent svg,#mglc .mglc-tick.is-pending svg{width:13px}
#mglc .mglc-tick.is-delivered svg,#mglc .mglc-tick.is-seen svg{width:17px}
#mglc .mglc-tick.is-pending{opacity:.4}
#mglc .mglc-tick.is-seen{color:#2f9bff;opacity:1}
#mglc .mglc-av.is-agent img{width:100%;height:100%;object-fit:cover}
#mglc .mglc-av.is-human{background:var(--mg-accent);color:#fff;font-weight:700;font-size:16px}
#mglc.has-agent .mglc-head .mglc-av{border-radius:999px;box-shadow:0 0 0 2px #22c55e,0 0 0 4px rgba(34,197,94,.25)}
#mglc .mglc-mav.is-agent{border-radius:999px;background:transparent}
#mglc .mglc-mav.is-agent img{width:100%;height:100%;object-fit:cover}
#mglc .mglc-sys.is-join{align-items:center}
#mglc .mglc-sys.is-join span{font-weight:600;color:var(--mg-ink)}
#mglc .mglc-jav{width:22px;height:22px;border-radius:999px;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:var(--mg-accent);color:#fff;font-size:10px;font-weight:700}
#mglc .mglc-jav img{width:100%;height:100%;object-fit:cover}
#mglc .mglc-jav:not(.is-agent):not(.is-human){background:#09090b}
#mglc .mglc-jav:not(.is-agent):not(.is-human) img{width:14px;height:14px;object-fit:contain}