/* ============ Орб «Эмма думает» и металлическая кнопка отправки ============ */

/* ---- индикатор ожидания ответа ---- */
.va__think{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;max-width:86%;
  padding:9px 15px 9px 10px;border-radius:16px;border-bottom-left-radius:6px;
  background:linear-gradient(135deg,#F6F3FF,#F4F4F6);border:1px solid #EAE4FA;
  animation:va-in .28s cubic-bezier(.22,1,.36,1)}
.va__think .va-orb{display:block;flex:none}
.va__think b{font:500 13.5px 'Onest',system-ui,sans-serif;color:#4C4458;letter-spacing:-.01em}
.va__think b::after{content:'';display:inline-block;width:14px;text-align:left;animation:va-dots 1.4s steps(4,end) infinite}
@keyframes va-dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
@media(prefers-reduced-motion:reduce){.va__think b::after{animation:none;content:'...'}}

/* орб в шапке ассистента, пока он думает */
.va__av .va-orb{position:absolute;inset:0;margin:auto}

/* ---- металлическая кнопка отправки ---- */
.va__s,.askbtn{position:relative;overflow:hidden;border:0;color:#1A1A20;
  background:linear-gradient(150deg,#FFFFFF 0%,#F2F2F6 14%,#FFFFFF 30%,#DCDCE4 48%,#C2C2CC 62%,#F4F4F8 80%,#D6D6DE 100%);
  background-size:155% 155%;background-position:16% 20%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.1),0 4px 12px -8px rgba(30,30,40,.28);
  transition:background-position .45s cubic-bezier(.22,1,.36,1),transform .15s,box-shadow .2s}
.va__s::before,.askbtn::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.65),transparent 60%);
  opacity:.4;transition:opacity .2s}
.va__s::after,.askbtn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:36%;transform:skewX(-18deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);opacity:.32;animation:va-sheen 7s ease-in-out 3s infinite}
@keyframes va-sheen{0%{left:-60%}22%,100%{left:150%}}
.va__s:hover,.askbtn:hover{background-position:72% 64%;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.14),0 8px 18px -10px rgba(30,30,40,.35)}
.va__s:active,.askbtn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.18)}
.va__s svg,.askbtn svg{position:relative;z-index:1;opacity:.72;filter:none}
.va__s:hover svg,.askbtn:hover svg{opacity:.9}
.va__s:disabled,.askbtn:disabled{filter:grayscale(.4) brightness(1.02);opacity:.75;cursor:not-allowed}
.va__s:disabled::after,.askbtn:disabled::after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){.va__s::after,.askbtn::after{animation:none;opacity:0}}

/* ---- отправка: одна светлая сиреневая кнопка вместо металла и тёмного фиолета ---- */
.va__s,.askbtn{
  background:linear-gradient(140deg,#F3ECFF,#E4D5FF)!important;background-size:auto!important;
  color:#5B1FCC!important;border:1px solid #E6DAFF!important;
  box-shadow:0 2px 8px -4px rgba(98,0,255,.25)!important;
  transition:background .18s,box-shadow .2s,transform .15s!important}
.va__s::before,.askbtn::before,.va__s::after,.askbtn::after{display:none!important}
.va__s:hover,.askbtn:hover{background:linear-gradient(140deg,#EBE0FF,#D9C6FF)!important;transform:translateY(-1px);
  box-shadow:0 6px 14px -6px rgba(98,0,255,.35)!important}
.va__s:active,.askbtn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(98,0,255,.18)!important}
.va__s svg,.askbtn svg{opacity:1!important;stroke:#5B1FCC!important;filter:none!important}
.va__s:disabled,.askbtn:disabled{background:#F4F4F7!important;border-color:#ECECF1!important;color:#B4B4BE!important;
  box-shadow:none!important;opacity:1;filter:none!important}
.va__s:disabled svg,.askbtn:disabled svg{stroke:#B4B4BE!important}