/* =========================================================
   TURKISH WITH BUSE — LIVE CALL ("FaceTime" style)
   ========================================================= */
#callView .call-screen{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;color:#fff;
  background:radial-gradient(120% 80% at 50% 20%,#3B2A55 0%,#1E1B3A 55%,#0F1024 100%);overflow:hidden;}
.call-top{display:flex;align-items:center;gap:14px;padding:16px 20px;}
.call-top>div:nth-child(2){flex:1;display:grid;text-align:center;}
.call-top b{font-size:1.25rem;}
.call-top span{font-size:.85rem;opacity:.75;}
.call-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1rem;}
.call-tops{display:flex;gap:6px;}
.call-tops button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:5px 9px;font-weight:800;font-size:.75rem;opacity:.6;}
.call-tops button.on{opacity:1;background:rgba(255,255,255,.15);}
.call-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:10px 20px;min-height:0;}
.call-ava{position:relative;width:min(46vw,230px);aspect-ratio:1;}
.call-ava>img,.call-face{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;background:#FCE7F3;border:5px solid rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(0,0,0,.45);}
.call-ava>img{object-fit:cover;}
.call-face{overflow:hidden;will-change:transform;transition:border-color .25s,box-shadow .25s;}
.call-face img,.call-face svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.call-face img{object-fit:cover;}
.call-ava i{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(244,114,182,.55);opacity:0;}
[data-state="speaking"] .call-ava i,[data-state="ringing"] .call-ava i{animation:callRing 1.8s ease-out infinite;}
[data-state="speaking"] .call-ava i:nth-child(2),[data-state="ringing"] .call-ava i:nth-child(2){animation-delay:.6s;}
[data-state="listening"] .call-face,[data-state="listening"] .call-ava>img{border-color:#34D399;box-shadow:0 0 0 8px rgba(52,211,153,.25),0 20px 60px rgba(0,0,0,.45);}
.call-stage.rec .call-face{border-color:#F472B6;box-shadow:0 0 0 10px rgba(244,114,182,.3),0 20px 60px rgba(0,0,0,.45);}
[data-state="thinking"] .call-ava>img{animation:callThink 1.4s ease-in-out infinite;}
.call-dots{position:absolute;z-index:3;right:-6%;top:2%;display:flex;gap:4px;padding:8px 11px;border-radius:999px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s;}
.call-dots::after{content:"";position:absolute;left:4px;bottom:-6px;width:10px;height:10px;border-radius:50%;background:#fff;}
.call-dots b{width:7px;height:7px;border-radius:50%;background:#C084FC;animation:callDot 1s ease-in-out infinite;}
.call-dots b:nth-child(2){animation-delay:.15s}.call-dots b:nth-child(3){animation-delay:.3s}
[data-state="thinking"] .call-dots{opacity:1;transform:none;}
@keyframes callDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
@keyframes callRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes callThink{50%{filter:brightness(.85);transform:scale(.98)}}
.call-status{font-size:1.15rem;font-weight:700;opacity:.92;text-align:center;}
.call-wave{display:flex;gap:5px;height:34px;align-items:center;opacity:0;transition:opacity .2s;}
[data-state="listening"] .call-wave{opacity:1;}
.call-wave i{width:5px;height:8px;border-radius:5px;background:#34D399;animation:lsWave .9s ease-in-out infinite;}
.call-wave i:nth-child(2n){animation-delay:.15s}.call-wave i:nth-child(3n){animation-delay:.3s}
.call-stage{overflow:hidden;}
.call-stage.compact .call-ava{width:min(30vw,130px);}
.call-stage.compact .call-wave{display:none;}
.call-alerts{display:grid;gap:8px;width:min(720px,calc(100% - 32px));margin:0 auto 10px;}
.call-err{background:rgba(127,29,29,.55);border:1px solid rgba(248,113,113,.6);border-radius:16px;padding:12px 16px;font-size:.92rem;line-height:1.45;display:flex;gap:12px;align-items:center;justify-content:space-between;}
.call-err span{flex:1;}
.call-err.small{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);}
.call-retry{flex:none;border:0;border-radius:999px;background:#fff;color:#1E1B3A;font-weight:800;font-size:.88rem;padding:8px 16px;cursor:pointer;}
.call-retry:hover{background:#FCE7F3;}
.call-note .fbk p{line-height:1.55;}
@media(max-width:640px){.call-err{flex-direction:column;align-items:stretch}.call-retry{align-self:flex-start}}
@media(max-height:760px){.call-ava{width:min(36vw,170px)}.call-stage.compact .call-ava{width:100px}}
.call-caps{display:grid;gap:8px;width:min(720px,calc(100% - 32px));margin:0 auto 12px;}
.cap{background:rgba(0,0,0,.38);backdrop-filter:blur(6px);border-radius:16px;padding:10px 14px;display:grid;gap:2px;font-size:1.05rem;line-height:1.45;}
.cap b{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;}
.cap.me{background:rgba(236,72,153,.28);}
.cap.live span{opacity:.8;font-style:italic;}
.cap small{font-size:.85rem;opacity:.8;}
.cap small.fix{opacity:1;color:#FDE68A;}
.call-self{position:absolute;right:16px;top:76px;width:min(28vw,150px);aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.6);transform:scaleX(-1);box-shadow:0 10px 30px rgba(0,0,0,.4);background:#000;}
.call-ctrl{display:flex;justify-content:center;gap:18px;padding:14px 16px 26px;}
.cbtn{width:68px;height:68px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:1.5rem;display:grid;place-items:center;position:relative;}
.cbtn small{position:absolute;bottom:-20px;font-size:.7rem;opacity:.75;white-space:nowrap;}
.cbtn.off{background:#fff;color:#1E1B3A;}.cbtn.on{background:rgba(52,211,153,.35);}
.cbtn.end{background:#EF4444;}.cbtn .rot{display:inline-block;transform:rotate(135deg);}
.call-end{max-width:720px;margin:0 auto;padding:30px 18px 50px;text-align:center;overflow:auto;height:100%;}
.call-end img{height:150px;}.call-end h2{font-size:1.6rem;font-weight:800;margin:8px 0 4px;}
.call-sub{opacity:.75;margin-bottom:14px;}
.call-end .fbk{color:var(--dark);background:#fff;border-radius:22px;padding:22px;margin:10px 0 20px;}
@media(max-width:640px){.cbtn{width:58px;height:58px;font-size:1.3rem}.call-ctrl{gap:12px}.cap{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.call-ava i,.call-wave i{animation:none!important}}
.call-lang{position:relative;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:5px 9px;font-weight:800;font-size:.75rem;opacity:.6;cursor:pointer;}
.call-lang.on{opacity:1;background:rgba(255,255,255,.15);}
.call-lang select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}
.call-lang select option{color:#1E1B3A;}

/* hold-to-talk button */
.cbtn.talk{width:84px;height:84px;margin-top:-8px;font-size:1.9rem;background:linear-gradient(135deg,#F472B6,#DB2777);box-shadow:0 10px 30px rgba(219,39,119,.45);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;transition:transform .12s,box-shadow .2s;}
.cbtn.talk small{bottom:-22px;}
.call-ctrl:has(.talk){padding-bottom:36px;}
.cbtn.talk.hold{transform:scale(1.12);background:linear-gradient(135deg,#34D399,#059669);box-shadow:0 0 0 8px rgba(52,211,153,.28),0 0 0 16px rgba(52,211,153,.12);}
@media(max-width:640px){.cbtn.talk{width:76px;height:76px;font-size:1.7rem}}
.call-stage.rec .call-wave{opacity:1;}
@media(prefers-reduced-motion:reduce){.call-dots b{animation:none!important}}
.call-stage.ptt:not(.rec) .call-wave{opacity:0;}