.incoming-call-host { width: min(520px, calc(100vw - 24px)); height: min(570px, calc(100dvh - 24px)); max-width: none; max-height: none; padding: 0; border: 1px solid #d5e3e1; border-radius: 20px; overflow: hidden; color: #233b4b; background: #f5faf9; box-shadow: 0 24px 90px rgb(16 46 54 / 25%); }
.incoming-call-host[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.incoming-call-host::backdrop { background: rgb(15 35 43 / 40%); }
.incoming-call-host header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 10px 14px; background: #fff; }
.incoming-call-host header strong { flex: 1; font-size: 14px; }
.incoming-call-host header button { min-height: 44px; padding: 8px 12px; border: 1px solid #d9e4e2; border-radius: 10px; color: #315b61; background: #fff; cursor: pointer; font: inherit; font-size: 13px; }
.incoming-call-host header button:disabled { opacity: .6; cursor: wait; }
.incoming-call-host header span:empty { display: none; }
.incoming-call-host header span { flex-basis: 100%; font-size: 12px; color: #685340; }
.incoming-call-host iframe { width: 100%; height: 100%; min-height: 0; border: 0; }
.incoming-call-host.incoming-call-room { width: min(1280px, calc(100vw - 24px)); height: calc(100dvh - 24px); }