/* V36 — call-only visual polish. No chat/composer/layout rules. */
.audio-call-trigger{width:38px;height:38px;border:0;border-radius:12px;background:#173b2a;color:#65df92;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.16);transition:transform .15s ease,background .15s ease}.audio-call-trigger:hover{background:#20533a;transform:translateY(-1px)}.audio-call-trigger:active{transform:scale(.95)}.audio-call-trigger svg{width:20px;height:20px;fill:currentColor}.audio-call-trigger[hidden]{display:none!important}
.audio-call-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:linear-gradient(160deg,rgba(5,16,12,.96),rgba(7,18,25,.96));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:20px}.audio-call-overlay[hidden]{display:none!important}
.audio-call-card{position:relative;width:min(410px,100%);min-height:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 28px 30px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(180deg,rgba(24,39,46,.98),rgba(12,25,30,.98));color:#f5fbff;box-shadow:0 28px 80px rgba(0,0,0,.48);overflow:hidden}.audio-call-card:before{content:"";position:absolute;inset:-25% -15% auto;height:280px;background:radial-gradient(circle,rgba(37,211,102,.18),transparent 64%);pointer-events:none}.audio-call-top{position:relative;width:100%;display:flex;align-items:center;gap:10px;color:#a9bac3;font-size:13px;font-weight:700;letter-spacing:.02em;text-align:left}.audio-call-badge{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#173d2a;color:#66df93}.audio-call-badge svg{width:18px;height:18px;fill:currentColor}.audio-call-top-label{opacity:.9}.audio-call-avatar{position:relative;margin-top:62px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#b9d8e8,#7faec5);color:#17313d;font-size:42px;font-weight:800;box-shadow:0 0 0 8px rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.28)}.audio-call-card h2{position:relative;margin:22px 0 5px;font-size:24px;line-height:1.2;font-weight:750;letter-spacing:-.02em}.audio-call-card p{position:relative;margin:0;color:#9fb0b9;font-size:14px}.audio-call-duration{margin-top:7px!important;color:#e5eef2!important;font-variant-numeric:tabular-nums;font-size:15px!important}.audio-call-wave{position:relative;height:42px;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.75}.audio-call-wave i{display:block;width:3px;height:10px;border-radius:4px;background:#38d878;animation:audio-call-wave 1.05s ease-in-out infinite}.audio-call-wave i:nth-child(2){animation-delay:-.9s;height:19px}.audio-call-wave i:nth-child(3){animation-delay:-.75s;height:28px}.audio-call-wave i:nth-child(4){animation-delay:-.6s;height:15px}.audio-call-wave i:nth-child(5){animation-delay:-.45s;height:34px}.audio-call-wave i:nth-child(6){animation-delay:-.3s;height:18px}.audio-call-wave i:nth-child(7){animation-delay:-.15s;height:27px}.audio-call-wave i:nth-child(8){animation-delay:-.05s;height:14px}.audio-call-wave i:nth-child(9){height:21px}.audio-call-actions{position:relative;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:18px;padding-top:32px}.audio-call-round{width:62px;height:62px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:transform .15s ease,filter .15s ease,background .15s ease}.audio-call-round:hover{filter:brightness(1.08);transform:translateY(-2px)}.audio-call-round:active{transform:scale(.94)}.audio-call-round svg{width:25px;height:25px;fill:currentColor}.audio-call-mute{background:#2a3b43}.audio-call-mute.is-muted{background:#6a3136}.audio-call-end{background:#ea4b55}.audio-call-accept{background:#25d366;color:#07311b}.audio-call-accept[hidden],.audio-call-end[hidden],.audio-call-mute[hidden]{display:none!important}.audio-call-overlay.is-incoming .audio-call-avatar{animation:audio-call-ring 1.6s ease-in-out infinite}.audio-call-overlay.is-incoming .audio-call-actions{gap:36px}.audio-call-overlay.is-incoming .audio-call-card{min-height:520px}#audioCallRemote{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@keyframes audio-call-wave{0%,100%{transform:scaleY(.65);opacity:.5}50%{transform:scaleY(1.18);opacity:1}}@keyframes audio-call-ring{0%,100%{box-shadow:0 0 0 8px rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.28)}50%{box-shadow:0 0 0 17px rgba(37,211,102,.10),0 18px 45px rgba(0,0,0,.28)}}
@media(max-width:767px){.audio-call-overlay{padding:0;background:#0b1519}.audio-call-card{width:100%;height:100%;min-height:100dvh;border:0;border-radius:0;padding:calc(20px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));box-shadow:none}.audio-call-avatar{margin-top:78px;width:104px;height:104px}.audio-call-card h2{font-size:23px}.audio-call-wave{margin-top:30px}.audio-call-actions{padding-bottom:4px}.audio-call-round{width:64px;height:64px}.audio-call-overlay.is-incoming .audio-call-card{min-height:100dvh}}
@media(min-width:768px){.audio-call-overlay{padding:32px}.audio-call-card{min-height:580px}}
@media(prefers-reduced-motion:reduce){.audio-call-wave i,.audio-call-overlay.is-incoming .audio-call-avatar{animation:none}}