/* Full conversation surface, including Android's native keyboard viewport. */
body.communityPage.broadcastChatOpen{overflow:hidden!important}
body.communityPage.broadcastChatOpen>:is(.phaseHeader,.phaseBottomNav){visibility:hidden}
body.communityPage #broadcastRoom.broadcastChat:not([hidden]){position:fixed!important;z-index:10000;inset:var(--vobix-menu-top,0px) 0 auto!important;display:flex!important;flex-direction:column;box-sizing:border-box;width:min(100%,860px)!important;height:var(--vobix-menu-height,100dvh)!important;max-height:none!important;margin:0 auto!important;padding:var(--vobix-safe-top,0px) 0 var(--vobix-menu-safe-bottom,0px)!important;border:0!important;border-radius:0!important;overflow:hidden;background:#edf5fa!important;color:#173c55!important;box-shadow:0 0 45px #1e4e6720!important;text-align:left!important}
body.communityPage #broadcastRoom [hidden]{display:none!important}
body.communityPage #broadcastRoom *{box-sizing:border-box}
body.communityPage #broadcastRoom :is(button,input,textarea){font-family:inherit;touch-action:manipulation}
body.communityPage #broadcastRoom button{cursor:pointer;min-width:0!important;box-shadow:none!important;margin:0}
body.communityPage #broadcastRoom button:disabled{opacity:.45;cursor:default}
body.communityPage #broadcastRoom .broadcastChatHeader{display:flex!important;align-items:center;flex:none;gap:10px;padding:9px 12px!important;min-height:66px;background:#fff!important;border-bottom:1px solid #dce9f2}
body.communityPage #broadcastRoom .broadcastIconButton{display:grid!important;place-items:center;flex:none;width:40px!important;min-height:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#087ac2!important;font-size:26px!important;font-weight:500!important;line-height:1!important}
body.communityPage #broadcastPhoto{width:43px!important;height:43px!important;border-radius:50%!important}
body.communityPage #broadcastInfo{display:block!important;flex:1;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#173c55!important;text-align:left!important;border-radius:4px!important}
body.communityPage #broadcastName{display:block!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.communityPage #broadcastCount{display:block!important;margin:3px 0 0!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;color:#6b8192!important}
body.communityPage #broadcastDetails{position:absolute;z-index:3;inset:calc(var(--vobix-safe-top,0px) + 66px) 8px auto auto;width:min(380px,calc(100% - 16px));max-height:65%;overflow:auto;margin:0!important;padding:12px 16px 16px!important;background:#fff!important;border:1px solid #dce9f2;border-radius:18px;box-shadow:0 12px 35px #17455d26}
body.communityPage #broadcastRoom .broadcastDetailsTitle{display:flex;align-items:center;justify-content:space-between}
body.communityPage #broadcastDetails h3{font-size:16px!important;margin:0!important;line-height:1.4!important}
body.communityPage #broadcastRecipients{gap:16px!important;margin:8px 0!important;padding:8px 0!important}
body.communityPage #broadcastRecipients .communityRecipient{font-size:12px!important;line-height:1.4!important}
body.communityPage #broadcastDetails .communityTextButton{display:block!important;width:100%!important;min-height:44px!important;font-size:14px!important;text-align:left!important;padding:8px 0!important}
body.communityPage #broadcastDetails #deleteBroadcast{color:#4676b4!important}
body.communityPage #broadcastTimeline{flex:1;min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:16px 14px 12px!important;background:radial-gradient(circle at 20% 10%,#d9eefa80,transparent 65%),#eff5f9;scrollbar-width:thin}
body.communityPage #broadcastRoom .broadcastPrivacy{max-width:390px;margin:0 auto 20px!important;padding:10px 14px!important;border-radius:12px;background:#ffffffad!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;text-align:center!important;color:#647c8b!important}
body.communityPage #broadcastMessages{display:flex;flex-direction:column;gap:10px}
body.communityPage #broadcastRoom .broadcastDay{align-self:center;margin:3px auto 6px!important;padding:5px 10px!important;border-radius:8px;background:#dfeaf2!important;color:#617787!important;font-size:11px!important;font-weight:500!important;line-height:1.4!important}
body.communityPage #broadcastRoom .broadcastBubble{align-self:flex-end;max-width:min(86%,560px);min-width:120px;margin:0!important;padding:10px 12px 7px!important;border:1px solid #c5e4fa;border-radius:17px 4px 17px 17px;background:#d7efff!important;box-shadow:0 1px 2px #1d64800a;color:#153f5b!important;overflow-wrap:anywhere}
body.communityPage #broadcastRoom .broadcastText{margin:0 0 5px!important;padding:0!important;white-space:pre-wrap;font-size:16px!important;font-weight:400!important;line-height:1.45!important;text-align:left!important;color:inherit!important}
body.communityPage #broadcastRoom .broadcastMessageMeta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;color:#4c7b99!important;font-size:10px!important;font-weight:400!important;line-height:1.5!important}
body.communityPage #broadcastRoom .broadcastMessageMeta :is(time,span){font-size:inherit!important;font-weight:inherit!important;color:inherit!important}
body.communityPage #broadcastRoom .broadcastDeliveryDetails{font-size:12px!important;margin:8px 0 0!important;color:#47758f}
body.communityPage #broadcastRoom .broadcastDeliveryDetails summary{font-size:12px!important;cursor:pointer;min-height:30px;line-height:1.5!important}
body.communityPage #broadcastRoom .broadcastDeliveryDetails p{font-size:12px!important;margin:5px 0!important;font-weight:400!important;line-height:1.5!important}
body.communityPage #broadcastRoom .broadcastRetry{display:block;margin:6px 0 0!important;padding:8px 12px!important;min-height:40px!important;border:1px solid #9cccE9!important;border-radius:18px!important;color:#086eaf!important;background:#f3faff!important;font-size:12px!important;font-weight:600!important}
body.communityPage #broadcastRoom :is(#broadcastEmpty,#olderBroadcastMessages){font-size:13px!important;line-height:1.5!important;color:#698493!important;text-align:center!important;margin:20px auto!important;display:block}
body.communityPage #broadcastResults{flex:none;max-height:70px;overflow:auto;margin:0!important;padding:6px 16px!important;background:#f6faff!important;font-size:12px!important;line-height:1.4!important;color:#486f88!important;text-align:center!important}
body.communityPage #broadcastResults:empty{display:none!important}
body.communityPage #broadcastForm{display:flex!important;align-items:flex-end;gap:8px!important;flex:none;margin:0!important;padding:10px 12px!important;background:#fff!important;border:0!important;border-top:1px solid #dce9f2!important}
body.communityPage #broadcastRoom #broadcastMessage{display:block!important;flex:1;min-width:0!important;width:0!important;min-height:44px!important;max-height:112px!important;margin:0!important;padding:11px 16px!important;border:1px solid #d9e8f1!important;border-radius:24px!important;background:#f2f7fa!important;color:#173c55!important;font-size:16px!important;font-weight:400!important;line-height:22px!important;resize:none!important;box-shadow:none!important;overflow-y:auto;outline-offset:1px}
body.communityPage #broadcastRoom #sendBroadcast{display:grid!important;place-items:center;flex:none;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:50%!important;background:#098bea!important;color:#fff!important}
body.communityPage #broadcastRoom #sendBroadcast svg{display:block;width:22px;height:22px}
body.communityPage #broadcastRoom :focus-visible{outline:2px solid #087ed1;outline-offset:2px}
html.vobixMenuKeyboardOpen body.communityPage #broadcastRoom.broadcastChat{padding-bottom:0!important}
@media(max-width:360px){body.communityPage #broadcastRoom .broadcastChatHeader{gap:6px;padding-inline:6px!important}body.communityPage #broadcastName{font-size:16px!important}body.communityPage #broadcastTimeline{padding-inline:10px!important}body.communityPage #broadcastRoom .broadcastBubble{max-width:92%}}
@media(max-height:480px){body.communityPage #broadcastRoom .broadcastPrivacy{margin-bottom:10px!important;padding:6px 10px!important}body.communityPage #broadcastRoom .broadcastChatHeader{min-height:56px;padding-block:4px!important}body.communityPage #broadcastForm{padding-block:6px!important}}
/* Override the shared important palette in its own layer, so the title isn't
   painted like a primary action and the send icon retains its contrast. */
@layer vobixLight{
 body.communityPage #broadcastRoom :is(#broadcastInfo,#closeBroadcast,#broadcastOptions,#closeBroadcastDetails){background:transparent!important;background-image:none!important;color:#087ac2!important;border-color:transparent!important}
 body.communityPage #broadcastRoom #broadcastName{color:#173c55!important}
 body.communityPage #broadcastRoom #broadcastCount{color:#6b8192!important}
 body.communityPage #broadcastRoom #broadcastMessage{background:#f2f7fa!important;color:#173c55!important;border-color:#d9e8f1!important}
 body.communityPage #broadcastRoom #broadcastMessage::placeholder{color:#738998!important}
 body.communityPage #broadcastRoom #sendBroadcast{background:#098bea!important;color:#fff!important;border-color:transparent!important}
 body.communityPage #broadcastRoom #sendBroadcast :is(svg,path){color:#fff!important;fill:currentColor!important;stroke:none!important}
 body.communityPage #broadcastRoom .broadcastRetry{background:#f3faff!important;color:#086eaf!important;border-color:#9ccce9!important}
 body.communityPage #broadcastRoom #editBroadcastRecipients{background:transparent!important;color:#087ac2!important}
 body.communityPage #broadcastRoom #deleteBroadcast{background:transparent!important;color:#4676b4!important}
}
html[data-vobix-font=large] body.communityPage #broadcastRoom :is(.broadcastText,#broadcastMessage){font-size:18px!important;line-height:1.45!important}
html[data-vobix-font=xlarge] body.communityPage #broadcastRoom :is(.broadcastText,#broadcastMessage){font-size:20px!important;line-height:1.45!important}