/* Mingle Activity (V980). Uses the page tokens from mingle.css, so light and dark follow html.dark. */
.activity-bell{position:relative;color:var(--ink)}
.activity-bell[aria-current="page"]{color:var(--teal);border-color:var(--teal)}
.activity-count{position:absolute;top:-.2rem;right:-.3rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:1rem;background:#9b4a31;color:#fffefa;font-size:.62rem;font-weight:700;line-height:1.25rem;text-align:center;white-space:nowrap}
html.dark .activity-count{background:var(--coral);color:#112824}
.activity-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1rem}
.activity-filters .chip[aria-pressed="true"]{color:var(--surface);background:var(--ink);border-color:var(--ink)}
.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.activity-list:focus{outline:none}
.activity-item{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.9rem;align-items:start;background:var(--surface);border:.0625rem solid var(--line);border-radius:.8rem;padding:1rem 1.1rem}
.activity-item.unread{border-left:.25rem solid var(--teal)}
.activity-item.gone{background:transparent;border-style:dashed}
.activity-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--teal-soft);color:var(--teal)}
.activity-item.gone .activity-icon{background:var(--line);color:var(--muted)}
.activity-text{min-width:0;display:grid;gap:.2rem}
.activity-title{font-size:.92rem;overflow-wrap:anywhere}
.activity-body{font-size:.82rem;color:var(--ink);overflow-wrap:anywhere}
.activity-meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}
.activity-new{display:inline-flex;padding:.05rem .45rem;border-radius:.3rem;background:var(--teal-soft);color:var(--teal);font-weight:700;font-size:.62rem;letter-spacing:.04rem}
.activity-gone{font-size:.75rem;color:var(--muted)}
.activity-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}
.activity-empty{border:.0625rem dashed var(--line);border-radius:.8rem;padding:2rem 1.2rem;text-align:center;color:var(--muted);font-size:.85rem;background:var(--surface)}
.activity-more{margin-top:1rem}
@media(max-width:44rem){
  .activity-item{grid-template-columns:2.1rem minmax(0,1fr);gap:.7rem;padding:.85rem .8rem}
  .activity-icon{width:2.1rem;height:2.1rem}
  .activity-actions{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:.5rem}
  .activity-actions .button{min-height:2.75rem}
  .activity-bell{min-width:2.5rem;min-height:2.5rem}
}