.navbar .header-activity{position:relative;display:block;color:var(--text)}
.navbar .header-activity>summary{position:relative;list-style:none;cursor:pointer;color:#dce5f2;user-select:none}
.navbar .header-activity>summary::-webkit-details-marker{display:none}
.navbar .header-activity>summary::marker{display:none;content:""}
.navbar .header-activity[open]>summary{background:#29415f;border-color:#58779d}
.navbar .header-activity>summary:focus-visible{outline:3px solid #79a9df;outline-offset:2px}
.header-activity-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--nav);border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:9px;font-weight:900;line-height:1}
.header-activity-panel{position:absolute;z-index:1100;top:calc(100% + 13px);right:-8px;width:370px;max-width:calc(100vw - 28px);overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);box-shadow:0 18px 48px #07111d38}
.header-activity-panel::before{content:"";position:absolute;right:19px;top:-6px;width:11px;height:11px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--card);transform:rotate(45deg)}
.header-activity-panel>header{position:relative;z-index:1;min-height:62px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--card)}
.header-activity-panel>header span,.header-activity-panel>header b,.header-activity-panel>header small{display:block}
.header-activity-panel>header b{font-size:14px}
.header-activity-panel>header small{margin-top:1px;color:var(--muted);font-size:10px}
.header-activity-panel>header>a{color:var(--accent);font-size:11px;font-weight:850}
.header-activity-list{max-height:386px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.header-activity-item{position:relative;min-width:0;padding:11px 13px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid var(--line);background:var(--card);transition:background .16s ease}
.header-activity-item:hover,.header-activity-item:focus-visible{background:color-mix(in srgb,var(--card),var(--accent) 6%);color:var(--text)}
.header-activity-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.header-activity-item.unread{background:color-mix(in srgb,var(--card),var(--accent) 8%)}
.header-activity-item.unread::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.header-activity-icon,.header-message-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.header-message-avatar{border-radius:50%;background:linear-gradient(135deg,#264362,#f36b21);color:#fff;font-weight:900}
.header-activity-item>span:nth-child(2){min-width:0}
.header-activity-item b,.header-activity-item time,.header-activity-item small{display:block;min-width:0}
.header-activity-item b{overflow:hidden;color:var(--text);font-size:12px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.header-activity-item time,.header-activity-item small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.header-message-item{grid-template-columns:38px minmax(0,1fr) auto}
.header-message-line{display:flex!important;align-items:center;gap:8px}
.header-message-line b{flex:1}
.header-message-line time{flex:0 0 auto;margin:0}
.header-message-item>em{min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:9px;font-style:normal;font-weight:900}
.header-activity-empty{min-height:116px;padding:20px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}
.header-activity-empty i{font-size:23px;color:color-mix(in srgb,var(--muted),transparent 18%)}
.header-activity-panel>footer{padding:10px 13px;background:color-mix(in srgb,var(--card),var(--bg) 48%);text-align:center}
.header-activity-panel>footer a{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-size:11px;font-weight:900}

@media(max-width:1120px){.navbar .header-activity{display:none}}
@media(prefers-reduced-motion:reduce){.header-activity-item{transition:none}}