.incoming-call-banner {
  position: fixed; z-index: 1100; top: max(12px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%);
  border: 0; border-radius: 14px; padding: 14px 24px; background: #087343; color: white;
  font: 600 15px/1.3 "Adwaita Sans", sans-serif; box-shadow: 0 6px 24px #002f332b;
  white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.incoming-call-banner[hidden] { display: none; }
.call-sound-enable { position: fixed; z-index: 100; bottom: 12px; right: 12px; border: 0; border-radius: 8px; padding: 9px 12px; background: #edf4ff; color: #1258c7; font: 13px/1.2 sans-serif; cursor: pointer; }
.call-sound-enable[hidden] { display: none; }
.live-call-frame { position: fixed; inset: 0; z-index: 1200; border: 0; width: 100%; height: 100dvh; background: white; }
.call-dialog[data-call-state="incoming"] .call-control.call-end .call-control-icon { background: #087343; box-shadow: 0 12px 22px #08734326; }
.call-dialog[data-call-state="incoming"] .call-control.call-end svg { transform: rotate(-135deg); }
.call-dialog[data-call-state="incoming"].is-ring-pulsing .call-ring { animation-name: call-ring-radiate, call-ring-fade; animation-duration: 2166.667ms; animation-timing-function: linear; animation-fill-mode: forwards; }
.call-dialog[data-call-state="incoming"].is-ring-pulsing .call-ring-two { animation-delay: .667s; }
.call-dialog[data-call-state="incoming"].is-ring-pulsing .call-ring-three { animation-delay: 1.334s; }