/* Shared chat invitation component. Does not affect team logos or match controls. */
#chatMsgs .cbCompactInvite{flex:0 0 auto;align-self:flex-start;box-sizing:border-box;width:fit-content;max-width:min(100%,420px);height:auto;min-height:0;margin:6px 0;padding:10px 12px;border-radius:12px;box-shadow:none;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
.cbCompactInvite h4,.cbCompactInvite p{margin:0 0 5px;font-size:14px;line-height:1.4}
.cbCompactInvite h4{display:inline;margin-right:8px}
.cbCompactInvite p:first-of-type{display:inline}
.cbCompactInvite p:nth-of-type(2){margin-top:5px}
.cbCompactInvite.terminal{max-width:420px;width:fit-content}
body.cb-chat-view .hubIntro .friendActs button,body.cb-chat-view .hubIntro .backHub,body.cb-chat-view #chatSendBtn{min-height:44px!important;min-width:44px!important;font-size:12px!important}
.cbCompactInvite.terminal{padding:7px 10px;background:#142039;border-color:#34465c}
.cbCompactInvite.terminal p:nth-of-type(2),.cbCompactInvite.terminal .inviteActions{display:none}
.cbCompactInvite .inviteActions{display:flex;flex-wrap:wrap;gap:8px}
.cbCompactInvite button,.cbInviteIndicator,#cbNotifyPanel button{min-height:44px;min-width:44px;box-sizing:border-box;padding:8px 12px;font-size:14px;line-height:1.2;touch-action:manipulation}
#chatInviteIndicator{flex:none;margin:0 0 4px}
#chatMsgs{min-width:0;overflow-x:hidden;overflow-anchor:none}
.cbInviteIndicator{border:1px solid #ffd34e;border-radius:10px;background:#172b4b;color:#fff;max-width:100%}
#cbNotifyBell{min-width:44px!important;min-height:44px!important}
#cbNotifyPanel{box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto}
#cbNotifyPanel .cbNotifyHead{flex-wrap:wrap;gap:6px}
#cbNotifyPanel .cbNotifyFilters{flex-wrap:wrap;gap:4px}
#cbNotifyPanel .cbNotif{overflow-wrap:anywhere;padding-right:12px}
#cbNotifyPanel .cbNotif h4,#cbNotifyPanel .cbNotif p{font-size:14px;line-height:1.4}
#cbNotifyPanel .cbNotif .meta,#cbNotifyPanel .cbNotifyHead span{font-size:12px}
#cbNotifyPanel [data-cb-dismiss]{float:right;margin:0 0 6px 8px}
@media(max-height:430px){.chatBox{min-height:0!important}.chatMsgs{min-height:0!important;max-height:42dvh}.chatInputRow{flex-shrink:0}.cbCompactInvite{margin:4px 0!important}#cbNotifyPanel{top:8px!important;bottom:8px!important}}