.notifications-list{margin:0;padding:0;list-style:none}.notifications-item{border-bottom:1px solid var(--border)}.notifications-item:last-child{border-bottom:0}.notifications-row{align-items:flex-start;gap:var(--s-3);width:100%;min-height:64px;padding:var(--s-4);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}a.notifications-row:hover,button.notifications-row:hover{background:var(--surface-2)}.notifications-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.notifications-static{cursor:default}.notifications-title{align-items:center;gap:var(--s-2);display:flex}.notifications-unread .notifications-title strong{font-weight:700}.notifications-read .notifications-title strong{color:var(--fg-muted);font-weight:500}.notifications-new{font-size:var(--t-xs);color:var(--accent-text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.notifications-new:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px}.notifications-unread{box-shadow:inset 3px 0 0 var(--brand)}.notifications-time{font-size:var(--t-xs);color:var(--fg-subtle)}.notifications-bell{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);color:var(--fg);place-items:center;text-decoration:none;display:inline-grid;position:relative}.notifications-bell:hover{background:var(--surface-3)}.notifications-bell-count{border-radius:var(--r-pill);background:var(--brand);min-width:18px;height:18px;color:var(--on-brand);text-align:center;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;right:2px}.notifications-prefs{gap:var(--s-5);flex-direction:column;display:flex}
