.activity-count,.activity-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sp-16);padding:0 var(--sp-4);border-radius:var(--radius-pill);background:var(--c-pink-strong);color:var(--c-white);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-normal);white-space:nowrap}
.activity-count{position:absolute;right:0;top:0;pointer-events:none;box-shadow:0 0 0 var(--sp-2) var(--c-white)}
.activity-notifications{margin:0 0 var(--sp-16);min-width:0;overflow:hidden}
.activity-body{padding:0 var(--sp-8) var(--sp-8)}
.activity-body button{min-height:var(--control-h);padding:var(--sp-8);font:inherit;font-size:var(--fs-ui-body);line-height:var(--lh-normal);border:0;border-radius:var(--radius-m);background:transparent;color:var(--c-text);cursor:pointer}
.activity-read-all{display:block;margin-left:auto}
.activity-new,.activity-more,.activity-retry{width:100%}
.activity-body .activity-new{background:var(--c-bg-aqua)}
.activity-list{list-style:none;padding:0;margin:0}
.activity-item{border-top:1px solid var(--c-border)}
.activity-item.is-unread{background:var(--c-bg-pink)}
.activity-link{display:flex;align-items:flex-start;gap:var(--sp-8);min-height:var(--control-h);padding:var(--sp-12) var(--sp-8);text-decoration:none;color:var(--c-text);border-radius:var(--radius-s)}
.activity-avatar{display:grid;place-items:center;flex-shrink:0;width:var(--sp-32);height:var(--sp-32);border-radius:50%;overflow:hidden;background:var(--c-bg-muted);font-size:var(--fs-ui-body)}
.activity-avatar img{width:100%;height:100%;object-fit:cover}
.activity-copy{flex:1;min-width:0;overflow-wrap:anywhere;font-size:var(--fs-ui-body);line-height:var(--lh-relaxed)}
.activity-copy p{margin:0}
.activity-work{font-weight:700}
.activity-copy .activity-excerpt{margin-top:var(--sp-4);white-space:pre-wrap}
.activity-time{display:block;margin-top:var(--sp-4);color:var(--c-text-sub);font-size:var(--fs-ui-meta)}
.activity-unread{flex-shrink:0;color:var(--c-pink-strong);font-size:var(--fs-ui-meta);line-height:var(--lh-relaxed)}
.activity-message{margin:var(--sp-8);color:var(--c-text-sub);font-size:var(--fs-ui-body);line-height:var(--lh-relaxed)}
.activity-notifications :is(a,button,summary):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);box-shadow:var(--shadow-focus)}
.activity-notifications button:disabled{color:var(--c-text-sub);cursor:default}
.activity-count[hidden],.activity-notifications [hidden]{display:none}