#utility-panel:has(.activity-feed){display:flex;flex-direction:column;padding-bottom:max(20px,env(safe-area-inset-bottom));width:min(520px,100%)}#utility-panel:has(.activity-feed)>header{flex:none}#utility-panel:has(.activity-feed) #utility-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:16px}
.activity-tabs,.activity-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.activity-tabs{padding-bottom:12px;border-bottom:1px solid var(--line,#29445d)}.activity-tabs span{font-weight:750;color:#66b7ff}.activity-tabs button,.activity-controls button{min-width:0;white-space:normal}.activity-feed>p{font-size:14px;line-height:1.6;color:#91a7ba}.activity-list{display:grid;gap:14px}.activity-card{padding:17px;border:1px solid var(--line,#29445d);border-radius:15px;background:#0c1b2e;display:grid;gap:9px;overflow-wrap:anywhere}.activity-kind{font-size:11px;font-weight:750;color:#90ccff}.activity-author{font-size:14px;color:#e7f2fc}.activity-card time{font-size:12px;color:#8fa6bd}.activity-card h3{font-size:17px;line-height:1.4;margin:0}.activity-card p{font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.activity-card img{width:100%;max-height:200px;object-fit:cover;border-radius:10px}.activity-card button{justify-self:start;min-width:0;white-space:normal;text-align:start}.activity-controls{margin-top:15px}.activity-status{line-height:1.5}.activity-detail{width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto;border-radius:18px}.activity-detail>header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.activity-detail>header h2{font-size:20px;margin:0}.activity-detail>section:empty{display:none}
html[data-design=light] .activity-card{background:#fff;border-color:#d4e1ed;color:#213d52}html[data-design=light] .activity-kind,html[data-design=light] .activity-tabs span{color:#2269b4}html[data-design=light] .activity-author{color:#193d59}html[data-design=light] .activity-card time,html[data-design=light] .activity-feed>p{color:#577083}
[dir=rtl] #utility-panel:has(.activity-feed){right:auto;left:0}@media(max-width:380px){.activity-tabs>*{flex:1 1 100%}.activity-card{padding:13px}.activity-card h3{font-size:16px}}
.activity-list{gap:8px}
#utility-panel .activity-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;margin:0;padding:14px;text-align:start;font:inherit;white-space:normal;cursor:pointer;color:#e7f2fc;border-radius:12px;box-shadow:none}
.activity-notice-content{display:grid;gap:5px;min-width:0}
.activity-summary{font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.activity-notice-arrow{flex:none;font-size:24px;color:#90ccff}
#utility-panel .activity-notice:hover{border-color:#66b7ff}
#utility-panel .activity-notice:focus-visible{outline:3px solid #438fe0;outline-offset:2px}
html[data-design=light] #utility-panel .activity-notice{background:#fff;color:#213d52;border-color:#d4e1ed}
html[data-design=light] .activity-notice-arrow{color:#2269b4}
[dir=rtl] .activity-notice-arrow{transform:rotate(180deg)}
.member-alerts-button{position:relative;overflow:visible!important}
.member-alerts-button .activity-unread-badge{position:absolute;top:-6px;inset-inline-end:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#dc2626!important;color:#fff!important;border:2px solid #fff;font:700 11px/1 system-ui!important;box-shadow:0 2px 5px #0002;pointer-events:none}
.member-alerts-button .activity-unread-badge[hidden]{display:none!important}
html[data-design=dark] .member-alerts-button .activity-unread-badge{border-color:#0c1d2e}