/* The invitation and phone call use a single scroll surface and retain browser zoom. */
.meeting-route #auth-view,.meeting-route #app-view{display:none!important}
.meeting-route #meeting-entry-view{display:block!important}
#meeting-entry-view{min-height:100vh;min-height:100dvh;background:#191b25;color:#f1f2f8;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-wrap:anywhere}
.meeting-entry-card{max-width:440px;margin:0 auto}
.meeting-entry-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}
.meeting-entry-brand .brand{font-size:28px;gap:10px}.meeting-entry-brand .brand-mark{width:36px;height:36px;border-radius:11px}.meeting-entry-brand .brand-mark svg{width:24px;height:24px}
.meeting-badge{font-size:12px;color:#b9bed2;border:1px solid #41465b;border-radius:20px;padding:6px 10px}
#guest-heading{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:10px 0;overflow-wrap:anywhere}
#guest-description{font-size:15px;line-height:1.5;margin:0 0 24px;color:#adb3ca}
#guest-form{display:grid;gap:12px}#guest-form label{font-size:15px;color:#e5e7f1;display:grid;gap:9px}
#guest-name{font-size:16px;min-height:52px;background:#11131b;border:1px solid #45495d;border-radius:10px;padding:13px 14px;width:100%;color:#f5f6fc}
#guest-name[readonly]{background:#222635;color:#cbd0e1}
#meeting-entry-view .button{min-height:52px;font-size:16px;border-radius:11px;white-space:normal;line-height:1.35;padding:12px 14px}
#meeting-entry-view .primary{background:#6b70ff}#meeting-entry-view .secondary{background:#262938;border:1px solid #474b61}
.meeting-device{display:flex;align-items:center;gap:10px;color:#c7cada;font-size:14px;padding:12px;border:1px solid #383d51;border-radius:10px;margin:0}
.meeting-hint,.meeting-fine{color:#aeb5cd;font-size:13px;line-height:1.5;margin:0}
.meeting-fine{font-size:12px;margin:12px 0}
.meeting-help{color:#b9bfd3;font-size:14px;line-height:1.55;margin-top:12px}.meeting-help summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer}.meeting-help p{margin:4px 0 12px}
#guest-status:empty,#guest-error:empty{display:none}#guest-status,#guest-error{padding:14px;border:1px solid #484e68;border-radius:10px;line-height:1.6;font-size:15px;margin:16px 0}#guest-error{color:#ffcebd;background:#362730}
#guest-cancel{margin-top:12px}#meeting-entry-view .subtle{color:#bdc3da;background:transparent}
#group-call-status{color:#a3e6c2;font-size:15px;line-height:1.5;margin:8px 0 16px}#meeting-mic-recovery{background:#302b36;border:1px solid #655168;padding:14px;border-radius:12px;margin-bottom:16px;font-size:15px;line-height:1.5}
#group-more{display:none}#group-advanced{display:contents}
#group-play{white-space:normal}#group-more-dialog{width:min(540px,100% - 24px)}#group-more-content #group-advanced{display:grid;gap:12px}
#group-more-content .button,#group-more-content select{min-height:48px;font-size:16px}#group-more-content label{min-height:44px}#group-more-content .group-budget{display:grid}
@media(max-width:700px){
 input,textarea,select{font-size:16px!important}
 .meeting-in-call .sidebar,.meeting-in-call .topbar{display:none!important}
 .meeting-in-call #app-view{display:grid;grid-template-columns:minmax(0,1fr);height:100dvh}
 .meeting-in-call .workspace{min-width:0;width:100%;height:100%;padding:0}
 .meeting-in-call .workspace main{padding:0;min-width:0}
 .meeting-in-call #group-view{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#191b25;min-height:100%;height:100%;overflow:auto;width:100%;max-width:none;inset:0;overscroll-behavior:contain}
 .meeting-in-call #group-heading{font-size:23px;line-height:1.25;overflow-wrap:anywhere;padding:0}
 .meeting-in-call #group-roster{overflow-wrap:anywhere;font-size:14px;line-height:1.5}
 .meeting-in-call .call-window-actions{display:none}
 .meeting-in-call #group-bandwidth{font-size:12px}
 .meeting-in-call .group-grid{grid-template-columns:minmax(0,1fr);min-width:0}
 .meeting-in-call .group-tile{min-height:200px;border-radius:16px;background:radial-gradient(circle at 50% 36%,#333d5b,#222635 68%);min-width:0}
 .meeting-in-call .group-tile-caption{flex-wrap:wrap;padding:12px;gap:8px;line-height:1.5;overflow-wrap:anywhere}
 .meeting-in-call .group-tile-caption span{flex:1 1 100%}
 .meeting-in-call #group-view>footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;position:sticky;bottom:0;padding:14px 0 max(10px,env(safe-area-inset-bottom));background:#191b25;margin-top:12px;z-index:4}
 .meeting-in-call #group-view>footer>.button{min-width:0;min-height:64px;font-size:13px;line-height:1.3;padding:10px 4px;white-space:normal;border-radius:12px}
 #group-more{display:inline-flex}#group-play{grid-column:1/-1;grid-row:1;min-height:48px!important}
 #meeting-chat-dialog,#group-more-dialog,#group-inspector,#group-people-dialog{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 24px);padding:20px 16px;border-radius:16px;overflow:auto;overscroll-behavior:contain}
 #meeting-chat-dialog .dialog-heading,#group-more-dialog .dialog-heading{gap:8px;flex-wrap:wrap}#meeting-chat-close{min-width:44px;min-height:44px}
 #group-more-dialog button,#meeting-chat-dialog button{min-height:44px}
 .meeting-in-call #group-self-label{font-size:14px}
 .meeting-in-call #group-view.voice-only .group-tile{min-height:180px}
}
@media(max-width:360px){#meeting-entry-view{padding-left:16px;padding-right:16px}.meeting-entry-brand{margin-bottom:24px}.meeting-badge{font-size:11px}#guest-heading{font-size:25px}}

.meeting-person{padding:16px 0;border-bottom:1px solid #41465b;overflow-wrap:anywhere}.meeting-person p{color:#b4bdd2;margin:6px 0 12px}.meeting-person button{min-height:44px;margin-right:8px}#group-people-dialog{width:min(540px,calc(100% - 16px));max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:700px){
 .meeting-in-call #group-grid{flex:none;overflow:visible;grid-template-columns:minmax(0,1fr);width:100%;gap:12px;align-content:start}
 .meeting-in-call #group-grid .group-tile{width:100%;max-height:none;aspect-ratio:16/10;min-height:200px}
 .meeting-in-call #group-view.voice-only .group-tile{aspect-ratio:auto;height:260px;min-height:260px}
 .meeting-in-call #group-view.voice-only .group-tile.self{height:60px;min-height:60px;background:#24293a}
 .meeting-in-call #group-view.voice-only .group-tile.self:before{width:36px;height:36px;font-size:14px;left:30px;top:50%}
 .meeting-in-call #group-view.voice-only .group-tile.self .group-tile-caption{inset:0;padding:12px 12px 12px 60px;justify-content:flex-start;background:transparent}
 .meeting-in-call #group-view.voice-only .group-tile.self .group-tile-caption span{text-align:left}
 .meeting-in-call #group-view>footer{margin-bottom:0;border-radius:0;background:#191b25}
}

@media(max-width:700px){.meeting-in-call .group-tile-caption button{display:none!important}}