.call-session-button { border: 1px solid #717a81; border-radius: 8px; background: transparent; color: inherit; padding: 8px 12px; font: 600 13px/1.4 system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.call-session-button:hover { background: #ffffff0a; }
.call-session-button:focus-visible { outline: 2px solid #0dbd8b; outline-offset: 3px; }
.call-session-verified { color: #0dbd8b; border-color: #0dbd8b; }
.call-session-security { border-top: 1px solid #50595f; margin-top: 20px; padding-top: 20px; }
.call-session-security h3 { margin: 0 0 8px; font: 600 16px/1.4 system-ui, sans-serif; }
.call-session-security p { margin: 0 0 12px; font: 14px/1.5 system-ui, sans-serif; }
.call-verification-dialog { width: min(620px, calc(100vw - 32px)); }
.call-verification-description { color: #c1c8cd; margin: 0 0 20px; }
.call-verification-emojis { list-style: none; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 24px 0; padding: 0; }
.call-verification-emojis li { min-width: 0; text-align: center; padding: 10px 2px; border: 1px solid #50595f; border-radius: 9px; }
.call-verification-emoji { display: block; font: 32px/1.4 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.call-verification-emoji-name { display: block; overflow-wrap: anywhere; font: 11px/1.3 system-ui, sans-serif; color: #c1c8cd; margin-top: 7px; }
.call-verification-numbers { text-align: center; letter-spacing: .05em; font: 600 28px/1.5 system-ui, sans-serif; padding: 18px 8px; }
.call-verification-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.call-verification-element { display: inline-block; margin-top: 18px; color: #0dbd8b; font: 14px/1.5 system-ui, sans-serif; }
@media (max-width: 550px) {
  .call-session-button { padding: 7px; font-size: 11px; }
  .call-verification-dialog { padding: 24px 18px; }
  .call-verification-emojis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}