product-inventory-management.git

			@@ -255,6 +255,7 @@
			flex-direction: column;
			width: 500px;
			padding: 16px;
			background: rgba(255, 255, 255, 0.92);
			}

			.popover-header {
			@@ -264,12 +265,12 @@
			width: 100%;
			margin-bottom: 16px;
			padding-bottom: 12px;
			border-bottom: 1px solid #f0f0f0;
			border-bottom: 1px solid var(--surface-border);

			.popover-title {
			font-size: 18px;
			font-weight: 500;
			color: #303133;
			color: var(--text-primary);
			}
			}

			@@ -315,11 +316,11 @@
			.notification-item {
			display: flex;
			padding: 12px 0;
			border-bottom: 1px solid #f0f0f0;
			border-bottom: 1px solid rgba(148, 163, 184, 0.18);
			transition: background-color 0.3s;

			&:hover {
			background-color: #f5f7fa;
			background-color: #f8fbff;
			}

			&.read {
			@@ -333,7 +334,7 @@
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #f0f9ff;
			background-color: rgba(59, 130, 246, 0.12);
			border-radius: 50%;
			margin-right: 12px;
			}
			@@ -345,13 +346,13 @@
			.notification-title {
			font-size: 14px;
			font-weight: 500;
			color: #303133;
			color: var(--text-primary);
			margin-bottom: 8px;
			}

			.notification-detail {
			font-size: 13px;
			color: #606266;
			color: var(--text-secondary);
			line-height: 1.5;
			margin-bottom: 8px;
			word-break: break-all;
			@@ -359,7 +360,7 @@

			.notification-time {
			font-size: 12px;
			color: #909399;
			color: var(--text-tertiary);
			}
			}

			@@ -375,7 +376,7 @@
			.pagination-wrapper {
			margin-top: 16px;
			padding-top: 16px;
			border-top: 1px solid #f0f0f0;
			border-top: 1px solid var(--surface-border);
			display: flex;
			justify-content: center;
			padding-left: 0;