/* avatar.css — единый AI-двойник Дмитрия Ларионова (консультант на всех свойствах).
 * Пузырь + чат-панель на нашей DS. Зовёт бэкенд Digital Avatar (POST /chat, /lead).
 * Режимы: client (сайты) / employee (база знаний, админка — по логину). */

.mmav{position:fixed;right:20px;bottom:20px;z-index:8000;font-family:var(--mm-font-ui,'Inter',system-ui,sans-serif)}
@media(max-width:560px){ .mmav{right:14px;bottom:14px} }

/* — Пузырь — */
.mmav-bubble{width:66px;height:66px;border-radius:50%;cursor:pointer;position:relative;
  background:#141414;border:2px solid var(--mm-accent,#FFD600);overflow:hidden;
  box-shadow:0 10px 30px rgba(20,20,40,.28);transition:transform .18s cubic-bezier(.2,.7,.2,1)}
.mmav-bubble:hover{transform:translateY(-3px) scale(1.04)}
.mmav-bubble img{width:100%;height:100%;object-fit:cover;object-position:center top}
.mmav-bubble::after{content:"";position:absolute;right:3px;bottom:3px;width:13px;height:13px;border-radius:50%;
  background:#2E9E5B;border:2.5px solid #141414}
.mmav-peek{position:absolute;right:78px;bottom:12px;max-width:230px;background:#fff;color:#141414;
  border-radius:14px 14px 4px 14px;padding:11px 14px;font-size:13.5px;line-height:1.4;
  box-shadow:0 12px 34px rgba(20,30,50,.18);opacity:0;transform:translateX(8px);pointer-events:none;
  transition:opacity .25s,transform .25s}
.mmav-peek.show{opacity:1;transform:translateX(0);pointer-events:auto}
.mmav-peek b{display:block;font-size:12px;color:var(--mm-accent-deep,#E6C000);margin-bottom:2px}
.mmav-peek .mmav-peek-x{position:absolute;top:4px;right:8px;color:#9aa0a8;cursor:pointer;font-size:15px;line-height:1}

/* — Панель чата — */
.mmav-panel{position:absolute;right:0;bottom:0;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 120px));
  background:var(--mm-bg,#fff);border-radius:18px;overflow:hidden;display:none;flex-direction:column;
  box-shadow:0 24px 70px rgba(20,20,40,.34);border:1px solid var(--mm-line,#DDE2E8)}
.mmav.open .mmav-panel{display:flex;animation:mmav-in .22s cubic-bezier(.2,.7,.2,1)}
.mmav.open .mmav-bubble,.mmav.open .mmav-peek{display:none}
@keyframes mmav-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.mmav-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#141414;color:#fff;flex-shrink:0}
.mmav-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center top;border:1.5px solid var(--mm-accent,#FFD600)}
.mmav-head-t b{display:block;font-size:15px;font-weight:600}
.mmav-head-t span{display:block;font-size:11.5px;color:rgba(255,255,255,.6)}
.mmav-head-t span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E9E5B;margin-right:6px;vertical-align:middle}
.mmav-close{margin-left:auto;background:none;border:0;color:rgba(255,255,255,.6);font-size:22px;line-height:1;cursor:pointer;padding:2px 4px}
.mmav-close:hover{color:#fff}

.mmav-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--mm-bg-2,#F4F6F8)}
.mmav-msg{max-width:82%;padding:10px 13px;font-size:14px;line-height:1.5;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.mmav-msg.bot{align-self:flex-start;background:#fff;color:var(--mm-text,#141414);border:1px solid var(--mm-line,#DDE2E8);border-bottom-left-radius:4px}
.mmav-msg.me{align-self:flex-end;background:var(--mm-accent,#FFD600);color:#141414;border-bottom-right-radius:4px}
.mmav-typing{align-self:flex-start;color:var(--mm-text-3,#71757D);font-size:13px;padding:4px 6px}
.mmav-cta{align-self:flex-start;margin-top:2px;font-size:13px;font-weight:600;color:#141414;background:var(--mm-accent,#FFD600);
  border:0;border-radius:10px;padding:9px 14px;cursor:pointer}

.mmav-foot{flex-shrink:0;padding:10px 12px;border-top:1px solid var(--mm-line,#DDE2E8);background:var(--mm-bg,#fff);display:flex;gap:8px;align-items:flex-end}
.mmav-foot textarea{flex:1;resize:none;max-height:96px;min-height:22px;border:0;outline:0;font-family:inherit;font-size:14px;line-height:1.4;color:var(--mm-text,#141414);background:none;padding:8px 4px}
.mmav-foot textarea::placeholder{color:var(--mm-text-3,#71757D)}
.mmav-send{flex-shrink:0;width:40px;height:40px;border-radius:11px;border:0;cursor:pointer;background:var(--mm-accent,#FFD600);color:#141414;font-size:17px;display:grid;place-items:center}
.mmav-send:disabled{opacity:.4;cursor:default}
.mmav-note{padding:0 14px 10px;font-size:10.5px;color:var(--mm-text-3,#71757D);background:var(--mm-bg,#fff);text-align:center}