.room-services{padding:22px 26px;margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.room-services strong{font-size:19px;letter-spacing:-.5px}.room-services p{margin:6px 0 0;font-size:13px;color:var(--muted)}.room-service-links{display:flex;gap:10px;flex-wrap:wrap}.room-service-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;font-size:13px;text-decoration:none;border:1px solid var(--line)}.room-services>.help{flex-basis:100%;margin:0;font-size:12px;border-top:1px solid var(--line);padding-top:12px}.room-service-links [hidden]{display:none!important}.connect-customer-room{margin-bottom:24px!important}.connect-agent-room{margin-bottom:24px!important}.connect-customer-room .audio-person{padding:20px;background:#f4f6fb;border-radius:16px}.connect-customer-room .audio-person h3{margin:0;font-size:20px}.call-grid{margin-top:24px}.room-service-links a:hover{background:#edf2fc;color:#244e9d}html .room-setup-link{display:none}.call-heading .badge{display:none}#call-controls,#connect-customer-room,#connect-agent-room{scroll-margin-top:24px}@media(max-width:650px){.room-services{padding:20px}.room-service-links{width:100%;display:grid;grid-template-columns:1fr 1fr}.room-service-links a{font-size:12px;justify-content:center;padding:10px;text-align:center}.room-service-links #room-agent-link{grid-column:1/-1}.connect-customer-room .audio-person{padding:14px;gap:14px}.connect-customer-room .audio-person h3{font-size:18px}.connect-customer-room .call-provider{max-width:none;text-align:left}}
/* One primary stage, with compact audio and conversation tools alongside it. */
.call-workstation{max-width:1480px}.call-heading{margin-bottom:20px}.member-connect{padding:22px 26px!important;margin-top:20px}.member-connect-heading h2{font-size:26px;margin:4px 0 8px}.member-connect-heading .eyebrow{font-size:10px;margin:0 0 6px}.member-connect-heading p:not(.eyebrow){font-size:13px;margin:0}.member-match-fields{margin:20px 0}.member-connect-actions button{min-height:46px;padding:12px 20px;font-size:14px}.member-connect>.help{margin:14px 0 0}.call-grid,.call-grid:has(#reading-panel[hidden]){grid-template-columns:minmax(0,1fr) 340px;gap:20px}
.call-page .room-sidebar{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--vl-shadow)}.room-sidebar .connect-customer-room,.room-sidebar .connect-agent-room{padding:0!important;margin:0 0 22px!important;background:transparent;border:0;box-shadow:none;border-radius:0}.room-sidebar .connect-customer-room{border-bottom:1px solid var(--line);padding-bottom:20px!important}.room-sidebar .panel-heading{gap:10px}.room-sidebar .connect-customer-room .panel-heading,.room-sidebar .connect-agent-room .panel-heading{display:block}.room-sidebar .connect-customer-room h2,.room-sidebar .connect-agent-room h2{font-size:19px;margin:0 0 5px}.room-sidebar .call-provider{font-size:10px;max-width:none;text-align:left}.room-sidebar .audio-person{padding:12px;margin:16px 0;gap:12px}.room-sidebar .audio-avatar{width:40px;height:40px;font-size:20px;flex:none}.room-sidebar .audio-person h3{font-size:14px}.room-sidebar .audio-wave{display:none}.room-sidebar #connect-customer-status,.room-sidebar #connect-agent-status{font-size:12px;line-height:1.6}.room-sidebar .connect-customer-room>.help,.room-sidebar .connect-agent-room>.help{font-size:10px;line-height:1.6}.room-sidebar .connect-customer-room .form-actions{gap:8px;flex-wrap:wrap}.room-sidebar .connect-customer-room button,.room-sidebar .connect-customer-room .primary,.room-sidebar #connect-agent-open{font-size:12px;padding:10px 12px;min-height:40px;text-align:center}.room-sidebar .connect-customer-room a.primary{display:block;text-decoration:none;flex-basis:100%}.room-sidebar .connect-agent-room>p:not(.eyebrow){font-size:12px;line-height:1.6}.room-sidebar .connect-agent-ccp{min-width:0;width:100%}
.room-guide{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 22px}.room-guide>summary{font-weight:600;font-size:13px;cursor:pointer}.room-guide .call-intro{border:0;box-shadow:none;padding:20px 0!important;margin-bottom:0!important}.room-guide .intro-symbol{display:none}.room-guide .call-intro h2{font-size:20px}.room-guide .call-intro p{font-size:12px}.room-guide .call-intro #start-form{font-size:12px}.call-status{font-size:12px;margin:18px 0}.call-status:empty{display:none}
@media(max-width:900px){.call-grid,.call-grid:has(#reading-panel[hidden]){grid-template-columns:1fr}.room-sidebar .connect-customer-room .panel-heading,.room-sidebar .connect-agent-room .panel-heading{display:flex}.member-connect{padding:20px!important}.room-guide .call-intro{display:block}.member-connect-heading h2{font-size:24px}}
@media(max-width:600px){.member-connect-actions{gap:10px}.member-match-fields{gap:14px}.member-connect-heading p:not(.eyebrow){line-height:1.6}.room-guide{padding:16px}.room-guide .call-intro>div:nth-child(2){min-width:0}.call-page .room-sidebar{padding:18px}.room-sidebar .connect-customer-room .panel-heading,.room-sidebar .connect-agent-room .panel-heading{display:block}}
.call-focus-choice{margin:18px 0;font-size:13px;color:var(--muted,#666);display:flex;align-items:center;gap:9px}.call-focus-choice input{accent-color:#315fd6;width:16px;height:16px}
#call-controls,#connect-customer-room,#connect-agent-room{scroll-margin-top:110px}
html[data-hide-other-call=true][data-active-call=video] #connect-customer-room,html[data-hide-other-call=true][data-active-call=video] #connect-agent-room{display:none!important}
html[data-hide-other-call=true][data-active-call=audio] #call-controls,html[data-hide-other-call=true][data-active-call=audio] #reading-panel,html[data-hide-other-call=true][data-active-call=audio] .room-guide{display:none!important}
html[data-hide-other-call=true][data-active-call=audio] .call-grid{grid-template-columns:minmax(0,1fr)}
html[data-hide-other-call=true][data-active-call=audio] .room-sidebar{max-width:850px;width:100%;justify-self:center}
html[data-hide-other-call=true][data-active-call=audio] .call-grid{grid-template-columns:minmax(0,1fr)!important}

/* A quiet mic-on wave follows the successful microphone control state. */
.call-meter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex-wrap:wrap;margin:8px 0 14px}
.call-meter-row #call-clock{margin:0;font-size:12px}
.mic-wave-indicator{display:flex;align-items:center;gap:10px;color:#4c6da7;font-size:11px;visibility:hidden;min-height:30px}
.mic-wave-bars{display:flex;align-items:center;gap:3px;height:28px}
.mic-wave-bars i{display:block;width:3px;height:var(--wave-height);border-radius:4px;background:currentColor;transform:scaleY(.3)}
.meeting-card:has(#microphone[aria-pressed="true"]) .mic-wave-indicator{visibility:visible}
.meeting-card:has(#microphone[aria-pressed="true"]) .mic-wave-bars i{animation:vl-mic-wave 1.1s ease-in-out infinite;animation-delay:var(--wave-delay)}
@keyframes vl-mic-wave{0%,100%{transform:scaleY(.3);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.meeting-card:has(#microphone[aria-pressed="true"]) .mic-wave-bars i{animation:none;transform:scaleY(.7)}}
@media(max-width:600px){.call-meter-row{gap:6px}.mic-wave-indicator{font-size:10px}.mic-wave-bars{gap:2px}}