.hof-call-dialog{width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #cbd5df;border-radius:18px;color:#172c3f;background:#fff;overflow:auto;box-shadow:0 24px 80px #09172755}.hof-call-dialog::backdrop{background:#102233bb}.hof-call-dialog h2{font-size:1.6rem;margin:0 0 12px}.hof-call-note{font-size:.9rem;line-height:1.55;color:#4a5968}.hof-call-status{padding:12px;border-radius:8px;background:#edf4f9;font-size:.95rem;line-height:1.5}.hof-call-status[data-error]{background:#fff0ec;color:#8a2518}.hof-call-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.35fr);gap:12px;align-items:start}.hof-call-media video{width:100%;max-height:45dvh;min-height:70px;object-fit:contain;background:#152c40;border-radius:10px}.hof-call-local{transform:scaleX(-1)}.hof-call-peer{grid-column:1/-1;font-size:.9rem;color:#4a5968;overflow-wrap:anywhere}.hof-call-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hof-call-controls button{min-height:44px;padding:11px 16px;border:1px solid #a8b8c5;border-radius:8px;background:#f4f7f9;color:#172c3f;font:600 .9rem inherit;cursor:pointer}.hof-call-controls button:hover{background:#e7eef4}.hof-call-controls button:focus-visible{outline:3px solid #175ba1;outline-offset:3px}.hof-call-controls button[aria-pressed=true]{background:#dce9f4;border-color:#557b9a}.hof-call-controls .hof-call-leave{background:#a92729;color:#fff;border-color:#a92729;margin-left:auto}.hof-call-controls button:disabled{opacity:.6;cursor:wait}.hof-call-dialog [hidden]{display:none!important}@media(max-width:480px){.hof-call-dialog{padding:18px}.hof-call-dialog h2{font-size:1.3rem}.hof-call-controls button{flex:1 1 42%}.hof-call-controls .hof-call-leave{margin-left:0}.hof-call-media{grid-template-columns:minmax(0,1fr) 88px}}

.hof-call-expiry{margin:8px 0;color:#4a5968;font-size:.8rem;line-height:1.5}.hof-call-diagnostics{margin-top:20px;padding:14px;border:1px solid #cbd5df;border-radius:10px;background:#f4f7f9}.hof-call-diagnostics h3{font-size:1rem;margin:0 0 8px}.hof-call-diagnostics p{font-size:.85rem;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.hof-call-diagnostics p:last-child{color:#4a5968}

.hof-call-invitations{flex-basis:100%;width:100%;text-align:left;font-size:.85rem;border-top:1px solid #d4dce4;padding-top:8px}.hof-call-invitations summary{cursor:pointer;font-weight:700;min-height:36px;padding:7px 0;color:#203e57}.hof-invitation-status{line-height:1.45;color:#415b6e}.hof-invitation-status[data-error]{color:#902522}.hof-invitation-form{display:grid;gap:7px;padding:10px 0}.hof-invitation-form label{font-weight:700}.hof-invitation-form select,.hof-invitation-form button,.hof-invitation-actions button{min-height:44px;padding:9px 11px;border:1px solid #a8b8c5;border-radius:7px;font:inherit;background:#fff;color:#172c3f}.hof-invitation-form button,.hof-invitation-actions button{cursor:pointer;font-weight:700}.hof-invitation-form p{line-height:1.45;margin:4px 0;color:#415b6e}.hof-invitation-list{max-height:300px;overflow:auto;overscroll-behavior:contain}.hof-invitation{padding:12px 0;border-top:1px solid #d4dce4;overflow-wrap:anywhere}.hof-invitation p{margin:5px 0;font-size:.8rem;line-height:1.4}.hof-invitation-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.hof-invitation-actions button:disabled,.hof-invitation-form button:disabled{opacity:.6;cursor:not-allowed}.hof-call-invitations :focus-visible{outline:3px solid #175ba1;outline-offset:2px}.hof-call-invitations [hidden]{display:none!important}.hof-call-controls .hof-call-end{background:#fff0ec;color:#8a2518;border-color:#bd8075}@media(max-width:480px){.hof-invitation-actions button{flex:1 1 44%}.hof-invitation-list{max-height:240px}}