.internal-call-toast {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 2500;
  display: none;
  width: min(440px, calc(100vw - 28px));
}

.internal-call-toast.active { display: block; }

.internal-call-toast-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(11, 84, 95, 0.10);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(247,252,253,0.72));
  backdrop-filter: blur(6px) saturate(120%);
  box-shadow: 0 22px 44px rgba(6, 34, 36, 0.20), inset 0 1px 0 rgba(255,255,255,0.65);
  animation: internalCallToastIn .32s cubic-bezier(.16,.84,.24,1);
  transition: transform .26s cubic-bezier(.2,.9,.2,1), width .28s cubic-bezier(.2,.9,.2,1), box-shadow .22s ease, background .22s ease;
}

@keyframes internalCallToastIn {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.internal-call-toast-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.internal-call-toast-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff6b6b, #d6455b);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 14px 30px rgba(214,69,91,0.14);
}

.internal-call-toast-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  flex: 1;
}

.internal-call-toast-kicker {
  color: #bf2f45;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.internal-call-toast-copy strong {
  overflow: hidden;
  color: #173d46;
  font-size: .92rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-call-toast-copy small {
  color: #5d7a84;
  font-size: .72rem;
  line-height: 1.3;
}

.internal-call-toast-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.internal-call-toast-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1;
}

.internal-call-toast-button,
.internal-call-toast-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.internal-call-toast-button {
  position: relative;
  width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 12px;
  color: #13292d;
  background: linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.4));
  box-shadow: 0 6px 18px rgba(8, 40, 46, 0.08), inset 0 1px 0 rgba(255,255,255,.85);
}

.internal-call-toast-button:hover,
.internal-call-toast-toggle:hover {
  transform: translateY(-1px);
}

.internal-call-toast-button i {
  font-size: 1.15rem;
}

.internal-call-toast-button:active,
.internal-call-toast-button:focus {
  transform: translateY(0);
  box-shadow: 0 8px 26px rgba(8, 40, 46, 0.18);
}

/* Smooth expand/collapse */
.internal-call-toast {
  will-change: transform, width;
}

.internal-call-toast--compact {
  width: 64px !important;
  right: 12px !important;
}

.internal-call-toast--compact .internal-call-toast-card {
  padding: 10px 8px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(10,28,32,0.14);
  background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(250,250,250,0.7));
}

.internal-call-toast--compact .internal-call-toast-icon {
  width: 36px;
  height: 36px;
}

.internal-call-toast--compact .internal-call-toast-button {
  width: 36px;
  height: 36px;
}

.internal-call-toast-button--accept { color: #fff; background: linear-gradient(135deg,#0aa39d,#0e7a95); }
.internal-call-toast-button--reject { color: #fff; background: linear-gradient(135deg,#d66a66,#b63d4d); }
.internal-call-toast-button--record { color: #9d1a2d; background: linear-gradient(135deg, rgba(195,32,58,0.06), rgba(240,220,220,0.04)); }
.internal-call-toast-button--record.is-recording { color: #fff; background: linear-gradient(135deg,#ff5a6a,#b51836); box-shadow: 0 8px 26px rgba(184,34,54,0.18); }
.internal-call-toast-button.is-muted { color: #7f2d36; background: rgba(205, 82, 94, 0.11); }

.internal-call-toast-toggle {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: #2b4348;
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(247,249,250,0.65));
  border: 1px solid rgba(40,60,66,0.06);
}

.internal-call-toast-toggle i {
  font-size: .92rem;
  transition: transform .2s ease;
}

.internal-call-toast--compact .internal-call-toast-copy {
  display: none;
}

.internal-call-toast--compact .internal-call-toast-card {
  padding: 10px 12px;
}

/* Compact lateral (icons-only) appearance */
.internal-call-toast--compact {
  width: auto;
  right: 12px;
}

.internal-call-toast--compact .internal-call-toast-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
}

/* subtle expand animation for card width and children */
.internal-call-toast { transition: right .24s ease, top .24s ease; }
.internal-call-toast-card { transition: all .28s cubic-bezier(.2,.9,.2,1); }
.internal-call-toast--compact .internal-call-toast-card { transform-origin: right center; }
.internal-call-toast--compact .internal-call-toast-icon { transform: translateX(0); transition: transform .24s cubic-bezier(.2,.9,.2,1); }
.internal-call-toast--expanded .internal-call-toast-icon { transform: translateX(-6px) scale(1.02); }

/* hover emphasis for expanded toast */
.internal-call-toast-card:hover { box-shadow: 0 26px 60px rgba(6,34,36,0.24); transform: translateY(-4px); }

/* tiny pulsing when recording */
.internal-call-toast-status--recording { animation: pulse-record 1.6s infinite; }
@keyframes pulse-record { 0% { transform: scale(1) } 50% { transform: scale(1.02) } 100% { transform: scale(1) } }

.internal-call-toast--compact .internal-call-toast-main {
  gap: 8px;
}

.internal-call-toast--compact .internal-call-toast-actions {
  gap: 6px;
}

.internal-call-toast--compact .internal-call-toast-button {
  width: 36px;
  height: 36px;
  padding: 0;
}

.internal-call-toast--compact .internal-call-toast-toggle i {
  transform: rotate(180deg);
}

.internal-call-toast--compact .internal-call-toast-main {
  flex: 1;
}

.internal-call-toast--compact .internal-call-toast-toggle i {
  transform: rotate(180deg);
}

.internal-call-toast--compact .internal-call-toast-participants {
  display: none;
}

.internal-call-toast-status {
  display: block;
  color: #94445b;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.35;
  min-height: 1.2em;
}

.internal-call-toast-status--recording { color: #a11d36; }

.internal-call-toast-participants {
  display: none;
}
.internal-call-active-toast .internal-call-toast-card { border-color: rgba(11,159,143,.22); }
.internal-call-audios { display: block !important; position: fixed; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

@media (max-width: 560px) {
  .internal-call-toast { top: 10px; right: 10px; left: 10px; width: auto; }
  .internal-call-toast-tools { gap: 8px; }
  .internal-call-toast-actions { gap: 6px; }
}