/* GoalFlow — écran d'appel audio (gf-call.js). Plein écran sur téléphone,
   fenêtre posée en bas à droite sur ordinateur. Au-dessus de la messagerie. */

html.gf-call-open,html.gf-call-open body{overflow:hidden}

.gf-call{position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;justify-content:space-between;padding:calc(34px + env(safe-area-inset-top,0px)) 20px calc(30px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#241d3f,#15101f);color:#fff;animation:gf-call-in .22s var(--ease-out)}
@keyframes gf-call-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
.gf-call [hidden]{display:none!important}

.gf-call-body{display:grid;justify-items:center;gap:10px;margin:auto 0}
.gf-call-kind{margin:0;color:#ffffff8c;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.gf-call .gf-avatar{background:#ffffff26;color:#fff}
.gf-call .gf-avatar-xl{width:112px;height:112px;font-size:34px;box-shadow:0 0 0 6px #ffffff14}
.gf-call.is-connected .gf-avatar-xl{box-shadow:0 0 0 6px #69bca659}
.gf-call-name{font-size:24px;font-weight:750;letter-spacing:-.02em;text-align:center}
.gf-call-state{margin:0;color:#ffffffbd;font-size:15px;font-variant-numeric:tabular-nums}
.gf-call-note{max-width:280px;margin:8px 0 0;color:#ffffff73;font-size:12px;line-height:1.5;text-align:center}

.gf-call-actions{display:flex;align-items:center;justify-content:center;gap:22px}
.gf-call-button{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:#fff;transition:transform .15s,background .15s}
.gf-call-button:active{transform:scale(.93)}
.gf-call-button.is-end{background:#e5484d;box-shadow:0 10px 24px #e5484d59}
.gf-call-button.is-accept{background:#3aa675;box-shadow:0 10px 24px #3aa67559;animation:gf-call-pulse 1.8s ease-in-out infinite}
@keyframes gf-call-pulse{0%,100%{box-shadow:0 10px 24px #3aa67559}50%{box-shadow:0 10px 24px #3aa675a6,0 0 0 12px #3aa6751f}}
.gf-call-button.is-mute{background:#ffffff1f}
.gf-call-button.is-mute[aria-pressed="true"]{background:#fff;color:#241d3f}

.gf-call-trigger{color:var(--ink-soft)}
.gf-call-trigger:disabled{opacity:.4}

@media (min-width:701px){
  .gf-call{inset:auto 24px 24px auto;width:360px;height:auto;padding:26px 22px;border-radius:26px;box-shadow:var(--shadow-strong)}
  .gf-call-body{gap:8px;margin:0 0 22px}
  .gf-call .gf-avatar-xl{width:92px;height:92px;font-size:28px}
  .gf-call-name{font-size:21px}
}