.menu-heading.active,.menu-heading:hover{background:var(--panel2);color:var(--text);box-shadow:inset -3px 0 var(--accent)}
.status-bar{display:flex;align-items:center;gap:18px;overflow-x:auto;margin-bottom:20px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--card),var(--panel2));white-space:nowrap}
.status-bar span{display:flex;align-items:center;gap:7px;color:var(--muted)}
.status-bar strong{color:var(--text);font-size:16px}
.notification-host{position:relative;margin-right:auto}
.notification-button{position:relative}
.notification-badge{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#07111f;font-size:11px;font-weight:800}
.notification-panel{position:absolute;z-index:40;top:50px;left:0;width:min(440px,calc(100vw - 30px));max-height:70vh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(9,20,34,.99);box-shadow:var(--shadow)}
.notification-row{align-items:flex-start}
.notification-row>small{white-space:nowrap}
@media(max-width:900px){.status-bar{gap:14px}.notification-host{margin-right:0}.notification-panel{position:fixed;top:75px;left:15px;right:15px;width:auto}}