/* ════════════════════════════════════════════════════
   ASK MUSTAFA — voice + chat assistant (v31 dark stage)
   Tokens are scoped on the panel so page tokens never leak.
   ════════════════════════════════════════════════════ */
.ama{--ink:#eef0f7;--muted:#9a9eb2;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);--m:var(--fm);--panel:#0c0d12;--bubble:#161822;
  position:fixed;inset:0;z-index:9400;display:none;align-items:flex-end;justify-content:flex-end;padding:clamp(.75rem,2.4vw,1.6rem);color:var(--ink);font-family:var(--f)}
.ama.open{display:flex}
.ama__overlay{position:absolute;inset:0;background:rgba(8,9,14,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:amaFade .45s var(--ease) both}
.ama__panel{position:relative;width:min(430px,100%);height:min(660px,calc(100svh - 2rem));display:flex;flex-direction:column;background:var(--panel);border:1px solid rgba(125,139,255,.25);border-radius:26px;overflow:hidden;box-shadow:0 50px 120px -30px rgba(0,0,0,.85),0 0 0 6px rgba(47,69,255,.06);animation:amaRise .7s var(--ease) both}
@keyframes amaFade{from{opacity:0}to{opacity:1}}
@keyframes amaRise{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
.ama__panel::before{content:'';position:absolute;left:-20%;right:-20%;top:-140px;height:260px;background:radial-gradient(50% 50% at 50% 50%,rgba(47,69,255,.32),transparent 70%);pointer-events:none}
.ama :focus-visible{outline:2px solid var(--acid2);outline-offset:2px}

/* head */
.ama__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1rem 1rem 1.1rem;border-bottom:1px solid var(--line)}
.ama__id{display:flex;align-items:center;gap:.75rem;min-width:0}
.ama__avatar{position:relative;flex:none;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 1px var(--line-2)}
.ama__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.ama__on{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--b400,#6b80ff);border:2px solid var(--panel);box-shadow:0 0 0 3px rgba(107,128,255,.18)}
.ama__idtext{min-width:0}
.ama__idtext strong{display:flex;align-items:center;gap:.45rem;font-weight:500;font-size:1rem;letter-spacing:-.02em;color:var(--ink)}
.ama__badge{font-family:var(--fm);font-size:.55rem;font-weight:500;letter-spacing:.08em;background:var(--acid);color:#fff;padding:.18rem .4rem;border-radius:99px}
.ama__status{display:block;font-size:.62rem;color:var(--muted);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ama__status.live{color:var(--acid2)}
.ama__acts{display:flex;align-items:center;gap:.35rem;flex:none}
.ama__voice{white-space:nowrap;font-family:var(--fm);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:.55rem .8rem;border-radius:99px;background:rgba(255,255,255,.06);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;transition:background .3s,color .3s,box-shadow .3s}
.ama__voice:hover{background:#fff;color:#0f1016;box-shadow:none}
.ama__voice.on{background:rgba(47,69,255,.18);color:var(--acid2);box-shadow:inset 0 0 0 1px rgba(125,139,255,.5)}
.ama__voice.listening{background:var(--acid);color:#fff;box-shadow:none;animation:amaMic 1.3s infinite}
.ama__icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-size:.85rem;display:grid;place-items:center;transition:background .3s,color .3s,box-shadow .3s,transform .5s var(--ease)}
.ama__icon:hover{background:#fff;color:#0f1016;box-shadow:none}
.ama__icon[data-amaclose]:hover{transform:rotate(90deg)}
.ama__icon.off{opacity:.5}

/* log */
.ama__log{position:relative;flex:1;overflow-y:auto;padding:1.2rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.ama__log::-webkit-scrollbar{width:5px}.ama__log::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}
.ama-msg{max-width:86%;padding:.75rem .95rem;border-radius:18px;font-size:.93rem;line-height:1.52;animation:amaIn .5s var(--ease) both}
@keyframes amaIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ama-msg--bot{align-self:flex-start;background:var(--bubble);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-bottom-left-radius:6px}
.ama-msg--user{align-self:flex-end;background:var(--acid);color:#fff;border-bottom-right-radius:6px}
.ama-msg b{color:var(--acid2);font-weight:500}
.ama-msg--user b{color:#fff}
.ama-msg a{color:var(--acid2);text-decoration:underline;text-underline-offset:3px}
.ama-msg--user a{color:#fff}
.ama-typing{align-self:flex-start;display:flex;gap:4px;padding:.9rem 1rem;background:var(--bubble);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;border-bottom-left-radius:6px}
.ama-typing i{width:6px;height:6px;border-radius:50%;background:var(--acid2);animation:amaBlink 1.2s infinite}
.ama-typing i:nth-child(2){animation-delay:.2s}.ama-typing i:nth-child(3){animation-delay:.4s}
@keyframes amaBlink{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* quick chips */
.ama__chips{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem 1.1rem .7rem;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 85%,transparent)}
.ama__chips::-webkit-scrollbar{display:none}
.ama__chips button{flex:0 0 auto;font-family:var(--fm);font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:99px;padding:.55rem .85rem;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}
.ama__chips button:hover{background:var(--acid);color:#fff;box-shadow:none}

/* composer */
.ama__form{display:flex;align-items:center;gap:.5rem;padding:.8rem .9rem .95rem;border-top:1px solid var(--line)}
.ama__mic{display:none!important}
.ama__form input{flex:1;min-width:0;background:var(--bubble);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:.85rem 1.1rem;color:var(--ink);font-family:var(--f);font-size:.95rem;transition:box-shadow .3s}
.ama__form input::placeholder{color:var(--muted)}
.ama__form input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--acid2),0 0 0 4px rgba(47,69,255,.2)}
.ama__send{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--acid);color:#fff;display:grid;place-items:center;transition:transform .5s var(--ease),background .3s}
.ama__send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ama__send:hover{transform:rotate(-45deg);background:#fff;color:var(--acid)}
@keyframes amaMic{0%,100%{box-shadow:0 0 0 0 rgba(47,69,255,.55)}50%{box-shadow:0 0 0 8px rgba(47,69,255,0)}}
@media(max-width:560px){
  .ama{padding:0;align-items:flex-end}
  .ama__panel{width:100%;height:min(88svh,720px);border-radius:24px 24px 0 0;border-bottom:0}
  .ama__voice{max-width:8.5rem}
}

/* legacy floating button (hidden in v31; header "Ask" opens the panel) */
.ama-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:9300}
body.ama-open .ama-fab{opacity:0;pointer-events:none}

/* voice orb (kept for assistant.js; hidden in v31) */
.vorb{position:fixed;left:1.5rem;bottom:1.5rem;z-index:9300;align-items:center;gap:.7rem}
.vorb__label{font-family:var(--fm);font-size:.7rem;color:#eef0f7;background:rgba(12,13,18,.8);border-radius:99px;padding:.45rem .8rem}