/* плей AI — помощник, живущий сбоку поверх страницы */
.assistant{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:flex-end;gap:14px;
  flex-direction:row-reverse;opacity:0;transform:translateY(24px);pointer-events:none;
  transition:opacity .4s ease,transform .4s ease}
.assistant.show{opacity:1;transform:none;pointer-events:auto}
.assistant.left{right:auto;left:22px;flex-direction:row}

/* сам персонаж */
.assistant .who{position:relative;width:150px;cursor:pointer;flex:none;filter:drop-shadow(0 16px 26px rgba(0,0,0,.55))}
.assistant .who video{width:100%;display:block;background:transparent}
.assistant .who .ring{position:absolute;left:12%;right:12%;bottom:-6px;height:14px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,106,26,.5),transparent);opacity:0;transition:opacity .3s}
.assistant.talking .who .ring{opacity:1}
.assistant .tag{position:absolute;left:50%;transform:translateX(-50%);bottom:-2px;padding:3px 10px;font-size:11px;
  background:rgba(16,17,20,.85);border:1px solid var(--line);border-radius:999px;color:#D8D8D4;white-space:nowrap}

/* окно разговора */
.assistant .panel{width:min(330px,72vw);background:rgba(28,30,35,.96);border:1px solid var(--line);
  border-radius:20px;padding:16px 18px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.assistant .panel .name{font-size:12px;color:var(--muted);margin-bottom:4px}
.assistant .panel .text{font-size:15px;line-height:1.5;margin:0 0 10px}
.assistant .panel .heard{font-size:13px;color:var(--muted);margin-bottom:10px;min-height:18px}
.assistant .panel .row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.assistant .panel .chip{padding:8px 13px;font-size:13px}
.assistant .panel form{display:flex;gap:8px}
.assistant .panel input{flex:1;min-width:0;background:#15161A;border:1px solid var(--line);border-radius:999px;
  padding:10px 14px;color:var(--paper);font:14px Onest,sans-serif}
.assistant .panel .send{border:0;border-radius:999px;background:var(--ember);color:#160A02;font:600 14px Onest,sans-serif;
  padding:10px 16px;cursor:pointer}
.assistant .mini{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#9A9CA6;font-size:18px;
  line-height:1;cursor:pointer;padding:4px}
.assistant.min .panel{display:none}
.assistant .bubble{position:absolute;top:-16px;box-shadow:0 6px 16px rgba(0,0,0,.45);left:50%;transform:translateX(-50%);background:var(--ember);color:#160A02;
  font:600 12px Onest,sans-serif;border-radius:999px;padding:4px 12px;white-space:nowrap}
.assistant:not(.min) .bubble{display:none}

@media (max-width:760px){
  .assistant{right:12px;left:12px;bottom:12px;flex-direction:column;align-items:flex-end}
  .assistant .who{width:92px}
  .assistant .panel{width:100%}
}
@media (prefers-reduced-motion:reduce){.assistant{transition:none}}

/* приглашённый менеджер — другое лицо разговора */
.assistant.ira .who{background:linear-gradient(140deg,#123243,#0D1418)}
.assistant.ira .ring{box-shadow:0 0 0 2px rgba(79,195,232,.5)}
.assistant.ira .tag{background:#4FC3E8;color:#06131A}
.assistant.ira .name{color:#4FC3E8}
.assistant.thinking .name:after{content:" — думает…";color:#A2A4AC;font-weight:400}