.notification-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.25rem;padding-right:.625rem;display:flex;position:relative}.notification-row:last-child{border-bottom:0}.notification-row[data-unread]{background:color-mix(in oklab, var(--primary) 5%, transparent)}.notification-row__open{text-align:left;cursor:pointer;border-radius:inherit;flex:1;align-items:flex-start;gap:.75rem;min-width:0;padding:.875rem 0 .875rem 1rem;display:flex}.notification-row:hover{background:var(--muted)}.notification-row__open:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.notification-row__avatar{flex-shrink:0}.notification-row__body{flex-direction:column;flex:1;gap:.125rem;min-width:0;font-size:.8125rem;line-height:1.45;display:flex}.notification-row__title{color:var(--muted-foreground)}.notification-row__title strong{color:var(--foreground);font-weight:600}.notification-row__detail{text-overflow:ellipsis;color:var(--muted-foreground);white-space:nowrap;overflow:hidden}.notification-row__meta{color:var(--muted-foreground);opacity:.85;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.75rem;display:flex}.notification-row__dot{border-radius:999px;width:.375rem;height:.375rem}.notification-row__unread{background:var(--primary);border-radius:999px;flex-shrink:0;width:.4375rem;height:.4375rem;margin-top:.5rem}.notification-row__toggle{color:var(--muted-foreground);flex-shrink:0;margin-top:.625rem}.notification-row__sr-only{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}