.notification-list-page { max-width: 600px; margin: 0 auto; padding: var(--space-3); }
.notification-page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }

.notif-list { display: flex; flex-direction: column; gap: var(--space-2); }
.notif-item { display: flex; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius); }
.notif-item--unread { border-left: 3px solid var(--color-primary); background: var(--color-primary-light); }
.notif-item__icon { font-size: 1.3rem; flex-shrink: 0; }
.notif-item__body { flex: 1; min-width: 0; }
.notif-item__title { font-weight: 700; font-size: var(--font-size-sm); display: block; }
.notif-item__text { font-size: var(--font-size-sm); color: var(--color-text-secondary); margin: 2px 0; }
.notif-item__time { font-size: 0.72rem; color: var(--color-text-secondary); }