/* ==========================================
   NOTIFICATIONS
   ========================================== */
.notifications-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
}

.notification-item,
.activity-item {
	padding: 12px 14px;
	border-radius: var(--radius);
	border: 1px solid var(--glass-border);
	background: var(--glass);
	display: flex;
	justify-content: space-between;
	gap: var(--gap-xl);
	transition: all 0.15s ease;
}

.notification-item:hover,
.activity-item:hover {
	border-color: rgba(var(--accent-rgb), 0.2);
}

.notification-item.is-unread {
	background: rgba(var(--accent-rgb), 0.05);
	border-left: 3px solid var(--accent);
}

.notification-message {
	font-weight: 500;
}

.notification-time {
	color: var(--muted);
	font-size: var(--font-note);
	white-space: nowrap;
}

/* ==========================================
   NOTIFICATION FILTERS
   ========================================== */
.notif-filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-sm);
	margin-bottom: var(--gap-md);
}

/* ==========================================
   ACTIVITY LIST (history)
   ========================================== */
.activity-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-md);
}

.activity-message {
	font-weight: 500;
	line-height: 1.5;
}