.friend-call-notice {
  position: fixed;
  z-index: 95;
  top: 82px;
  right: max(20px, env(safe-area-inset-right));
  width: min(390px, calc(100vw - 32px));
  padding: 20px;
  border: 1px solid #678eae;
  border-radius: var(--radius-lg);
  background: #172330;
  color: #f4f7fb;
  box-shadow: 0 12px 40px #0007;
  font-size: 14px;
}
.friend-call-notice[hidden] {
  display: none;
}
.friend-call-notice p {
  margin: 10px 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.friend-call-notice [role="alert"] {
  color: #ffd1c9;
}
.friend-call-notice [role="alert"]:empty {
  display: none;
}
.friend-call-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.friend-call-actions button,
.friend-call-actions a {
  border: 1px solid #67788d;
  border-radius: var(--radius-md);
  background: #25364a;
  color: #fff;
  padding: 10px 12px;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  min-height: 44px;
}
.friend-call-actions button:first-child,
.friend-call-actions a:first-child {
  background: #b9f2d2;
  color: #14251e;
  border-color: #b9f2d2;
}
.friend-call-actions button:disabled {
  opacity: 0.55;
  cursor: wait;
}
.friend-call-actions :focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .friend-call-notice {
    top: 72px;
    right: 16px;
    padding: 16px;
  }
  .social-row-actions {
    flex-wrap: wrap;
  }
}