.peer-call { width: min(420px, calc(100vw - 32px)); box-sizing: border-box; padding: 26px; border: 1px solid #cbd5e1; border-radius: 20px; background: var(--card, #fff); color: var(--text, #17243b); box-shadow: 0 20px 70px #0004; text-align: center; max-height: calc(100dvh - 40px); overflow: auto; }
.peer-call::backdrop { background: #12243caa; }
.peer-call h2 { font-size: 19px; }
.peer-call .peer-call-avatar { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 112px; height: 112px; margin: 22px auto 14px; border-radius: 50%; overflow: hidden; background: #e4edf7; color: #234a70; font-size: 36px; font-weight: 600; }
.peer-call-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.peer-call-name { font-size: 21px; font-weight: 600; overflow-wrap: anywhere; margin: 10px 0 6px; }
.peer-call-position { margin: 0 0 16px; color: #52647a; overflow-wrap: anywhere; }
.peer-call-status { min-height: 2.5em; }
.peer-call-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 24px; }
.peer-call-actions button { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 64px; width: 64px; height: 64px; min-height: 64px; margin: 0 0 40px; padding: 0; border: 0; border-radius: 50%; background: #e4edf7; color: #234a70; cursor: pointer; }
.peer-call-actions button:focus-visible { outline: 3px solid #657ea3; outline-offset: 4px; }
.peer-call-actions button:disabled { opacity: .55; cursor: wait; }
.peer-call-actions [data-call-accept] { background: #168554; color: #fff; }
.peer-call-actions [data-call-end] { background: #d3252c; color: #fff; }
.peer-call-actions [aria-pressed="true"] { background: #fce4e5; color: #b51f2c; }
.peer-call-actions svg { width: 28px; height: 28px; flex: none; }
.peer-call-label { position: absolute; top: 72px; left: 50%; transform: translateX(-50%); width: 88px; font-size: 12px; line-height: 16px; color: var(--text, #17243b); font-weight: 500; }
.peer-call-mic-slash { display: none; }
[aria-pressed="true"] .peer-call-mic-slash { display: initial; }
.peer-call audio { display: none; }
.peer-call-setting { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.peer-call-setting input { width: 22px; height: 22px; }
.employee-actions [data-employee-call]:disabled { color: #89939e; opacity: .65; cursor: not-allowed; filter: grayscale(1); }
.employee-actions [data-employee-call]:disabled span { background: #e5e7eb; color: #89939e; }