.callAiStatus{position:absolute;top:calc(58px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:52;max-width:85%;padding:5px 10px;border-radius:12px;background:#eaf5fff0;color:#174563;font:500 11px/1.4 system-ui;text-align:center}
.callAiStatus[hidden]{display:none!important}.callAiStatus.warning{background:#fff1d4;color:#6b3c00}
.mediaAiResult{display:block;padding:6px 2px;color:#315069;font:500 11px/1.4 system-ui;max-width:280px}
#captionsTargetLanguage{display:block;width:100%;min-height:44px;margin:8px 0 16px;padding:8px 12px;border-radius:10px;border:1px solid #8ba7be;background:#fff;color:#102d43;font:inherit}
/* Captions reserve their own region. Both camera images end above it. */
#callVideoArea.hasCaptionSpace{--caption-bottom:calc(94px + var(--vobix-safe-bottom,env(safe-area-inset-bottom)));--caption-height:92px;--picture-height:calc(100% - var(--caption-bottom) - var(--caption-height) - 46px)}
#callVideoArea.hasCaptionSpace[data-call-type=video] :is(.remoteVideo,.localVideo):not(.groupFloating),
#callVideoArea.hasCaptionSpace[data-call-type=video].localVideoPrimary :is(.remoteVideo,.localVideo):not(.groupFloating),
#callVideoArea.hasCaptionSpace[data-call-type=video].callLocalPreview :is(.remoteVideo,.localVideo):not(.groupFloating){position:absolute!important;top:0!important;bottom:auto!important;width:50%!important;height:var(--picture-height)!important;max-height:var(--picture-height)!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;object-fit:contain!important;transform:none!important;box-shadow:none!important;cursor:default!important}
#callVideoArea.hasCaptionSpace[data-call-type=video] .remoteVideo:not(.groupFloating){left:0!important;right:auto!important}
#callVideoArea.hasCaptionSpace[data-call-type=video] .localVideo:not(.groupFloating){left:50%!important;right:0!important}
#callVideoArea.hasCaptionSpace .remoteVideoWaiting{height:var(--picture-height)!important;bottom:auto!important}
#callVideoArea.hasCaptionSpace .groupRemoteMediaGrid{bottom:calc(var(--caption-bottom) + var(--caption-height) + 46px)!important}
#callVideoArea.hasCaptionSpace .audioCallIdentity{bottom:calc(var(--caption-bottom) + var(--caption-height) + 46px)!important}
#callVideoArea.hasCaptionSpace .liveCaptionsPanel{display:block;position:absolute;left:0;right:0;bottom:var(--caption-bottom);width:100%;height:var(--caption-height);max-height:var(--caption-height);box-sizing:border-box;padding:12px 18px;border:0;border-top:1px solid #759bb54d;border-radius:0;transform:none;background:#edf7ff;color:#12354d;backdrop-filter:none;overflow-y:auto;font:500 16px/1.45 system-ui;text-align:left}
#callVideoArea.hasCaptionSpace .captionsToggle{bottom:calc(var(--caption-bottom) + var(--caption-height) + 4px);background:#eaf5ff;color:#174563;border-color:#b7d6ec}
#callVideoArea.hasCaptionSpace .callSideActions{display:none!important}
@media(max-height:500px){#callVideoArea.hasCaptionSpace{--caption-height:64px;--caption-bottom:calc(76px + var(--vobix-safe-bottom,env(safe-area-inset-bottom)))}#callVideoArea.hasCaptionSpace .liveCaptionsPanel{font-size:13px;padding:7px 16px}}

/* Translation is offered once, only after spoken-language evidence. */
#captionsLanguageOffer{position:absolute;z-index:55;top:calc(82px + var(--vobix-safe-top,env(safe-area-inset-top)));left:12px;right:12px;max-width:360px;margin:auto;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #79cdeb;border-radius:16px;background:#10364cf5;color:#edf8ff;font:14px/1.35 system-ui;box-shadow:0 6px 24px #0005}
#captionsLanguageOffer span{flex:1;min-width:0}#captionsLanguageOffer button{flex:none;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:#dbf5ff;color:#10364c;font:600 14px system-ui;touch-action:manipulation}
#captionsConsentPanel{box-sizing:border-box;padding:calc(12px + var(--vobix-safe-top,env(safe-area-inset-top))) 12px calc(12px + var(--vobix-safe-bottom,env(safe-area-inset-bottom)));background:#00111da6}
#captionsConsentPanel .captionsConsentCard{box-sizing:border-box;width:min(100%,380px);max-height:calc(var(--vobix-visual-height,100dvh) - 24px - var(--vobix-safe-top,env(safe-area-inset-top)) - var(--vobix-safe-bottom,env(safe-area-inset-bottom)));overflow-y:auto;padding:16px;border:1px solid #73bada;background:#092337;color:#effaff;font:15px/1.4 system-ui}
.captionsConsentHeading{position:sticky;top:-16px;display:flex;align-items:center;gap:12px;padding:8px 0;background:#092337;z-index:1}
#captionsConsentPanel .captionsConsentHeading h2{flex:1;font-size:20px;margin:0}
#closeCaptionsConsentButton{flex:none;min-width:44px;min-height:44px;border:0;border-radius:12px;background:#dbf5ff;color:#10364c;font:28px system-ui;touch-action:manipulation}
#captionsConsentPanel .captionsConsentActions{position:sticky;bottom:-16px;padding:12px 0;background:#092337}
#captionsConsentPanel .captionsConsentActions button{font:600 14px system-ui;padding:10px}