.notif-row{cursor:pointer;border-bottom:1px solid var(--color-border-light);width:100%;transition:background var(--transition-fast,.15s);align-items:flex-start;gap:8px;padding:12px 16px;display:flex}.notif-row--compact{padding:10px 16px}.notif-row:hover{background:var(--color-bg-active)}.notif-row--unread{background:var(--color-bg-secondary)}.notif-row--unread:hover{background:var(--color-bg-active)}.notif-row__main{flex:auto;min-width:0}.notif-row__title-line{align-items:center;gap:8px;min-width:0;display:flex}.notif-row__title{flex:0 auto;min-width:0;font-size:13px}.notif-row__dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-row__body{margin-top:2px;font-size:12px;display:block}.notif-row__when{margin-top:4px;font-size:11px;display:block}.notif-row__actions{opacity:0;transition:opacity var(--transition-fast,.15s);flex-shrink:0;align-items:center;gap:2px;display:flex}.notif-row:hover .notif-row__actions,.notif-row:focus-within .notif-row__actions{opacity:1}.notif-section{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:14px 16px 6px;font-size:11px;font-weight:700}