.notification-modal{max-width:560px}
.notification-list{display:grid;gap:8px;margin:4px 0 6px;max-height:390px;overflow:auto}
.notification-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line,#e7e5ef);border-radius:12px;background:var(--surface-soft,#f7f6fb)}
.notification-item.unread{border-color:#b8a9ff;background:#f4f1ff}
.notification-item .avatar{flex:0 0 auto}.notification-item p{margin:1px 0 0;line-height:1.35;font-size:14px}.notification-item small{display:block;margin-top:5px;color:var(--muted,#777386);font-size:12px}
.notification-empty{margin:30px 0;text-align:center;color:var(--muted,#777386)}
body.dark-mode .notification-item{background:#252131;border-color:#393247}body.dark-mode .notification-item.unread{background:#2d2740;border-color:#6751b2}