.nx-activity-shell{display:grid;gap:14px}.nx-activity-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #273136;border-radius:16px;background:linear-gradient(125deg,rgba(18,30,33,.98),rgba(8,14,17,.98) 72%,rgba(0,124,127,.11))}.nx-activity-head span{color:#31dcd2;font-size:9px;font-weight:850;letter-spacing:.15em}.nx-activity-head h2{margin:5px 0 4px;font-size:22px}.nx-activity-head p{margin:0;color:#9ba8ad;font-size:12px}.nx-activity-head button:disabled{opacity:.42;cursor:not-allowed}.nx-activity-filters{display:flex;gap:7px;flex-wrap:wrap}.nx-activity-filters button{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 10px 0 12px;border:1px solid #303b40;border-radius:9px;background:#0d1418;color:#aab5b9;font-size:10px;font-weight:800;cursor:pointer}.nx-activity-filters button b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1c272c;color:#8f9da2;font-size:9px}.nx-activity-filters button.is-active{border-color:#31dcd2;background:rgba(49,220,210,.11);color:#78f3ed}.nx-activity-filters button.is-active b{background:rgba(49,220,210,.18);color:#78f3ed}.nx-activity-list{display:grid;gap:8px}.nx-activity-date{margin:12px 3px 1px;color:#829096;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nx-activity-date:first-child{margin-top:2px}.nx-activity-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #273136;border-radius:13px;background:linear-gradient(145deg,rgba(18,25,29,.98),rgba(9,14,17,.98));color:#edf4f5;text-align:left;cursor:pointer}.nx-activity-item:hover{border-color:rgba(49,220,210,.42);transform:translateY(-1px)}.nx-activity-item.is-unread{border-left:3px solid #31dcd2;background:linear-gradient(110deg,rgba(20,59,61,.5),rgba(9,14,17,.98) 58%);box-shadow:inset 0 0 24px rgba(49,220,210,.035)}.nx-activity-unread-dot{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:#31dcd2;box-shadow:0 0 10px rgba(49,220,210,.72)}.nx-activity-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(49,220,210,.25);border-radius:11px;background:rgba(49,220,210,.07);color:#55e9e3}.nx-activity-icon svg{width:16px}.nx-activity-copy strong,.nx-activity-copy small{display:block}.nx-activity-type{display:inline-block;margin-bottom:3px;color:#31dcd2;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.nx-activity-copy strong{font-size:12px}.nx-activity-copy small{margin-top:4px;color:#96a3a8;font-size:10px;line-height:1.4}.nx-activity-time{align-self:start;margin-top:2px;color:#7f8d92;font-size:9px;white-space:nowrap}.nx-activity-load-more{min-height:38px;margin-top:5px;border:1px solid #303b40;border-radius:11px;background:#0d1418;color:#b9c4c8;font-size:10px;font-weight:850;cursor:pointer}.nx-activity-load-more:hover{border-color:#31dcd2;color:#78f3ed}.nx-activity-empty{padding:28px;border:1px dashed #344147;border-radius:13px;color:#98a5aa;text-align:center;font-size:12px}.nx-activity-nav-count{display:grid;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:999px;background:#31dcd2;color:#031013;font-size:9px;font-weight:900;box-shadow:0 0 14px rgba(49,220,210,.3)}.nx-activity-nav-count[hidden]{display:none}@media(max-width:650px){.nx-activity-head{align-items:stretch;flex-direction:column}.nx-activity-item{grid-template-columns:34px minmax(0,1fr)}.nx-activity-time{grid-column:2}.nx-activity-unread-dot{top:9px;right:9px}}

/* Semantic collaboration signals */
.nx-activity-item{--activity-tone:#31dcd2;overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease}.nx-activity-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--activity-tone);opacity:.78}.nx-activity-item .nx-activity-icon{border-color:color-mix(in srgb,var(--activity-tone) 32%,transparent);background:color-mix(in srgb,var(--activity-tone) 9%,transparent);color:var(--activity-tone)}.nx-activity-item .nx-activity-type{color:var(--activity-tone)}.nx-activity-item:hover{border-color:color-mix(in srgb,var(--activity-tone) 44%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--activity-tone) 9%,transparent),rgba(9,14,17,.98) 48%)}
.nx-activity-item.is-room{--activity-tone:#31dcd2}.nx-activity-item.is-task{--activity-tone:#559cff}.nx-activity-item.is-mention{--activity-tone:#b77cff}.nx-activity-item.is-invite{--activity-tone:#ffc34d}.nx-activity-item.is-complete{--activity-tone:#48dfa5}.nx-activity-item.is-alert{--activity-tone:#ff6573}
.nx-activity-item.is-unread{border-left-color:var(--activity-tone);background:linear-gradient(110deg,color-mix(in srgb,var(--activity-tone) 15%,transparent),rgba(9,14,17,.98) 58%);box-shadow:inset 0 0 24px color-mix(in srgb,var(--activity-tone) 4%,transparent)}.nx-activity-item.is-unread .nx-activity-unread-dot{background:var(--activity-tone);box-shadow:0 0 11px color-mix(in srgb,var(--activity-tone) 72%,transparent)}
.nx-activity-filters button[data-activity-filter="mentions"]{--filter-tone:#b77cff}.nx-activity-filters button[data-activity-filter="tasks"]{--filter-tone:#559cff}.nx-activity-filters button[data-activity-filter="rooms"]{--filter-tone:#31dcd2}.nx-activity-filters button[data-activity-filter="unread"]{--filter-tone:#ffc34d}.nx-activity-filters button:not([data-activity-filter="all"]):hover,.nx-activity-filters button:not([data-activity-filter="all"]).is-active{border-color:color-mix(in srgb,var(--filter-tone) 48%,transparent);background:color-mix(in srgb,var(--filter-tone) 10%,transparent);color:var(--filter-tone)}.nx-activity-filters button:not([data-activity-filter="all"]).is-active b{background:color-mix(in srgb,var(--filter-tone) 17%,transparent);color:var(--filter-tone)}

/* Compact page header aligned with Finance, Cloud, and Rooms. */
.nx-activity-head{gap:14px;padding:8px 14px;border-radius:14px}
.nx-activity-head span{font-size:8px;letter-spacing:.17em}
.nx-activity-head h2{margin:2px 0;font-size:18px;font-weight:650;line-height:1.12;letter-spacing:-.01em}
.nx-activity-head p{font-size:10px}
.nx-activity-head #nx-activity-read-all{min-height:30px;padding:0 11px;border-radius:8px;font-size:9px;font-weight:800;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
.nx-activity-head #nx-activity-read-all:not(:disabled):is(:hover,:focus-visible){transform:translateY(-1px);border-color:rgba(65,239,232,.82);background:rgba(25,82,85,.42);color:#d6fffd;box-shadow:0 0 0 1px rgba(42,230,224,.12),0 8px 24px rgba(16,202,197,.18);outline:none}
.nx-activity-head #nx-activity-read-all:not(:disabled):active{transform:translateY(0);box-shadow:0 3px 12px rgba(25,201,199,.18)}
.nx-activity-head #nx-activity-read-all.is-caught-up:disabled{opacity:.78;border-color:rgba(49,220,210,.3);background:rgba(49,220,210,.08);color:#8fe9e4;cursor:default;box-shadow:inset 0 0 18px rgba(49,220,210,.035)}
@media(prefers-reduced-motion:reduce){.nx-activity-head #nx-activity-read-all{transition:none}.nx-activity-head #nx-activity-read-all:not(:disabled):is(:hover,:focus-visible,:active){transform:none}}
@media(max-width:650px){.nx-activity-head{padding:8px 10px}}