.sosediCommunityChatButton{height:38px;min-width:58px;border:1px solid #d0ded2!important;border-radius:11px!important;padding:0 13px!important;background:var(--paper-control,#fff)!important;color:var(--ink,#263328)!important;font-size:13px!important;font-weight:650!important}
.sosediCommunityScreen{display:grid;gap:11px;max-width:100%;min-width:0}
#communityChatMessages{display:flex;flex-direction:column;gap:9px;max-height:min(46vh,450px);min-height:155px;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #e3e9e3;border-radius:12px;background:#f8faf7}
.sosediChatBubble{max-width:90%;padding:9px 12px;border:1px solid #dce9df;background:#fff;border-radius:12px;overflow-wrap:anywhere}
.sosediChatBubble small{display:block;font-size:11px;color:#557461;font-weight:650}
.sosediChatBubble p{margin:5px 0 0;white-space:pre-wrap;font-size:14px;line-height:1.4}
.sosediCommunitySend{display:flex;gap:7px}
.sosediCommunitySend input{min-width:0;flex:1;padding:10px;border:1px solid #ceddcf;border-radius:10px}
.sosediCommunityEvent{display:flex;gap:9px;align-items:center;border-bottom:1px solid #edf0ed;padding:6px 3px;font-size:12px}.sosediCommunityEvent b{color:#276644}
.sosediCommunityInvite{border:1px solid #dce8de;border-radius:11px;padding:11px}
.sosediCommunityInvite summary{cursor:pointer;font-weight:680}
#communityInviteForm{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
#communityInviteForm input{min-width:170px;flex:1}
#communityInviteForm input,#communityInviteForm select,#communityInviteLink{padding:9px;border:1px solid #d6e0d5;border-radius:9px}
#communityInviteLink{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:760px){.sosediCommunityChatButton{height:42px!important}.sosediCommunitySend{flex-wrap:wrap}.sosediCommunitySend button{min-height:42px}#communityInviteForm>*{max-width:100%}}
@media(max-width:760px){.sosediCommunityChatButton{font-size:0!important;width:40px!important;min-width:40px!important;padding:0!important}.sosediCommunityChatButton::before{content:"☏";font-size:19px}.sosediCommunityChatButton[data-unread]:not([data-unread=""])::after{content:attr(data-unread);position:relative;top:-7px;font-size:10px;font-weight:800;color:#267b48}}
/* Manage member invitations inside community settings, not chat. */
#communityInviteManagement{margin:4px 0!important;border:1px solid #dce8de!important;border-radius:11px!important}
#communityInviteManagement>summary{font-weight:650!important;cursor:pointer!important;padding:13px!important}
#communityInviteManagement>summary small{font-weight:400;color:#768478;margin-left:8px}
.sosediInviteManageBody{padding:12px;display:grid;gap:12px}
.sosediInviteManageBody>p{font-size:13px;color:#5e7061;margin:0}
#settingsInviteForm{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
#settingsInviteForm label{display:grid;flex:1;min-width:150px;gap:5px;font-size:12px}
#settingsInviteForm label:first-child{flex:2}
#settingsInviteForm input,#settingsInviteForm select,#settingsInviteResult input{width:100%;min-height:39px;box-sizing:border-box;padding:9px;border:1px solid #d2dfd4;border-radius:9px;font-size:13px}
#settingsInviteResult{display:flex;flex-wrap:wrap;gap:7px}
#settingsInviteResult[hidden]{display:none!important}
#settingsInviteResult input{flex:1;min-width:190px}
.sosediInviteRow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ecf0ec;padding:7px 2px;font-size:12px;overflow-wrap:anywhere}
.sosediInviteRow small{color:#69806b}
@media(max-width:760px){#settingsInviteForm{display:grid;grid-template-columns:1fr}#settingsInviteForm label{min-width:0}#settingsInviteResult input{min-width:0}}
/* Chat visibility: the header flex rule must not override HTML hidden. */
.topActions #communityChatBtn[hidden]{display:none!important}

/* Unified team activity badge, independent of the Chat visibility preference. */
.sosediCommunityNoticeButton{height:38px;min-width:124px;border:1px solid #d0ded2!important;border-radius:11px!important;padding:0 12px!important;background:var(--paper-control,#fff)!important;color:var(--ink,#263328)!important;font-size:13px!important;font-weight:650!important}
.topActions #communityNotificationBtn[hidden]{display:none!important}
.sosediCommunityEvent{flex-wrap:wrap;min-width:0}
.sosediCommunityEvent span{flex:1 1 50%;overflow-wrap:anywhere}
.sosediCommunityEvent button{border:1px solid #cfdcd2;border-radius:9px;background:#fff;padding:5px 10px;min-height:30px;color:#286044;font-size:12px;cursor:pointer}
.sosediCommunityEvent button:hover{background:#edf5ef}
@media(max-width:760px){
 .sosediCommunityNoticeButton{font-size:0!important;min-width:39px!important;width:39px!important;height:42px!important;padding:0!important;position:relative}
 .sosediCommunityNoticeButton::before{content:"🔔";font-size:19px}
 .sosediCommunityNoticeButton[data-unread]:not([data-unread=""])::after{content:attr(data-unread);font-size:10px;line-height:15px;position:absolute;right:-3px;top:-4px;min-width:15px;border-radius:10px;background:#267b48;color:#fff;padding:0 3px}
}


/* Compact responsibility tabs reuse existing Planner styles and task editor. */
.sosediTeamTabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #e2eae4;padding:0 0 9px}
.sosediTeamTabs button{flex:1 1 auto;min-height:38px;border:1px solid #d7e3da;border-radius:11px;background:#f7faf8;color:#35483a;padding:6px 10px;font-size:12.5px;font-weight:650;cursor:pointer}
.sosediTeamTabs button[data-selected="true"]{background:var(--ui-accent,#268657);border-color:var(--ui-accent,#268657);color:#fff}
.sosediTeamPanel[hidden]{display:none!important}
.sosediTeamPanel{max-height:min(53vh,490px);overflow-y:auto;overscroll-behavior:contain}
.sosediDelegationRow{width:100%;display:grid;gap:4px;text-align:left;min-height:52px;padding:11px 12px;margin:5px 0;border:1px solid #e0e8e2;border-radius:12px;background:#fcfdfc;cursor:pointer}
.sosediDelegationRow b{font-size:13px;color:#22352a;overflow-wrap:anywhere}
.sosediDelegationRow small{font-size:11px;color:#677b6c;overflow-wrap:anywhere}
.sosediDelegationRow:hover{border-color:#9dbba7;background:#f4f9f5}
.sosediTeamPushHelp{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e3ebe5;padding:10px 0 0;font-size:12px;color:#63756a}
.sosediTeamPushHelp button{min-height:35px;border:1px solid #d1e1d4;border-radius:10px;background:#f6faf7;color:#236443;font-weight:650;cursor:pointer;padding:6px 9px}
@media(max-width:760px){.sosediTeamTabs button{font-size:11.5px;min-height:42px}.sosediTeamPushHelp button{min-height:42px}}

.sosediTeamPushHelp button[hidden]{display:none!important}

/* A single, dismissible in-app announcement for new team assignments/messages. */
.sosediTeamActivityPopup{position:fixed;z-index:12000;top:calc(env(safe-area-inset-top,0px) + 14px);right:12px;box-sizing:border-box;width:min(380px,calc(100vw - 24px));max-height:min(65vh,480px);overflow:auto;background:var(--paper-control,#fff);color:var(--ink,#253a2d);border:1px solid #c4dacb;border-left:4px solid var(--ui-accent,#2f8a5b);border-radius:15px;box-shadow:0 18px 50px rgba(16,46,29,.2);padding:13px 14px;display:grid;gap:9px}
.sosediTeamActivityHead{display:flex;gap:9px;align-items:center}
.sosediTeamActivityHead>b{flex:1;font-size:14px;line-height:1.35}
.sosediTeamActivityHead>button{font-size:22px;border:0;background:transparent;color:#65786b;min-height:30px;min-width:30px;cursor:pointer}
.sosediTeamActivityPopup>p{margin:0;color:var(--ink,#253a2d);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.sosediTeamActivityPopup>small{color:#557261;font-size:11px}
.sosediTeamActivityActions{display:flex;justify-content:flex-end;gap:8px}
.sosediTeamActivityActions button{min-height:38px;border:1px solid #bcd6c6;border-radius:10px;padding:7px 14px;background:#f4faf6;color:#245b3d;font-weight:650;cursor:pointer}
.sosediTeamActivityActions button:last-child{background:var(--ui-accent,#2f8a5b);border-color:var(--ui-accent,#2f8a5b);color:#fff}
@media(max-width:760px){.sosediTeamActivityPopup{top:calc(env(safe-area-inset-top,0px) + 7px);right:8px;width:calc(100vw - 16px);padding:11px}.sosediTeamActivityActions button{min-height:44px}}


/* Team notifications: make read acknowledgement obvious, keep read history optional. */
.sosediCommunityReadActions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;padding:9px 0 4px}
.sosediCommunityReadActions .secondaryButton{flex:1 1 145px;min-height:40px;white-space:normal;text-align:center}
.sosediCommunityReadActions .secondaryButton:disabled{opacity:.62;cursor:default}
.sosediEventReadMark{font-size:11px;color:#677a6d;margin-left:4px}
@media(max-width:760px){.sosediCommunityReadActions .secondaryButton{min-height:44px}}

/* Notifications must never cover the header's actionable buttons on PC or phone. */
.sosediTeamActivityPopup{top:auto !important;bottom:18px;max-height:min(48vh,360px)}
@media(max-width:760px){
 .sosediTeamActivityPopup{
  bottom:calc(74px + env(safe-area-inset-bottom,0px));
  max-height:min(44vh,310px);
 }
}