:root{font:16px system-ui,sans-serif;color:#172033;background:#f4f7fb}body{margin:0;padding:2rem}main{max-width:52rem;margin:auto;padding:1.5rem;background:#fff;border:1px solid #d8e0ea;border-radius:.6rem}.grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem}label{display:grid;gap:.35rem;font-weight:650}input,button{font:inherit;padding:.65rem;border:1px solid #aebaca;border-radius:.35rem}button{cursor:pointer;background:#075b9e;color:white;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.actions{display:flex;gap:.65rem;margin:1rem 0}#status{padding:.65rem;background:#eef5fb;border-radius:.35rem}.availability-status{display:grid;gap:.55rem;margin:.25rem 0 1rem}.system-availability,.microphone-permission{display:flex;align-items:center;gap:.45rem}.system-availability input,.microphone-permission input{width:1.1rem;height:1.1rem;accent-color:#198754}.system-availability:has(input:checked),.microphone-permission:has(input:checked){color:#0f6b3d}.availability-status small{font-weight:400;color:#526174}.system-availability input:disabled{opacity:1}.is-unavailable{opacity:.48}.is-unavailable input,.is-unavailable button{cursor:not-allowed}body.embedded{padding:.75rem;background:#fff}body.embedded main{max-width:none;margin:0;padding:.25rem;border:0}body.embedded h1,body.embedded #status,body.embedded .technical-settings{display:none}body.embedded hr{margin:1rem 0}@media(max-width:650px){.grid{grid-template-columns:1fr}}
body.embedded #call-controls>label{display:none}
body.embedded #call-controls>.actions{display:flex;flex-direction:column;gap:.45rem;margin:.75rem 0}body.embedded #call-controls>.actions button{width:100%}body.embedded .availability-status{font-size:.88rem;margin-bottom:.65rem}body.embedded .availability-status small:empty{display:none}