.notification-card[data-v-822f95b0]{width:100%}.notification-content[data-v-822f95b0]{flex-direction:column;gap:8px;display:flex}.notification-meta[data-v-822f95b0],.notification-time[data-v-822f95b0]{align-items:center;display:flex}.notification-time[data-v-822f95b0]{color:#6c757d;font-size:12px;font-weight:500}.notification-title[data-v-822f95b0]{color:#2c3e50;margin:0;font-size:14px;font-weight:500;line-height:1.4}.notification-title[data-v-822f95b0]:hover{color:#1a252f}.notification-list[data-v-e6a3658b]{background:#fff;max-height:none;padding:0;overflow:visible}.notification-item[data-v-e6a3658b]{box-shadow:none;background:0 0;border-bottom:1px solid #f0f0f0;border-radius:0;align-items:flex-start;margin:0 0 8px;padding:10px 20px;transition:background .2s;display:flex;position:relative}.notification-item.unread[data-v-e6a3658b]{background:#f5f8fd}.notification-item[data-v-e6a3658b]:last-child{border-bottom:none}.notification-item[data-v-e6a3658b]:hover{background:#f7f7fa}.notification-link[data-v-e6a3658b]{width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.notification-badge[data-v-e6a3658b]{color:#5a5a5a;letter-spacing:.02em;background:#f1f3f6;border-radius:6px;margin-bottom:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.notification-badge.submission[data-v-e6a3658b]{color:#2e7d32;background:#e3f6e8}.notification-badge.sync-comply[data-v-e6a3658b]{color:#1976d2;background:#e3f0fa}.notification-badge.external[data-v-e6a3658b]{color:#7b1fa2;background:#f3e6fa}.notification-badge.sync[data-v-e6a3658b]{color:#0097a7;background:#e0f7fa}.notification-badge.compliance[data-v-e6a3658b]{color:#455a64;background:#e3eaf6}.notification-badge.compliance-confirm[data-v-e6a3658b]{color:#388e3c;background:#e3f6e8}.notification-badge.impact[data-v-e6a3658b]{color:#d32f2f;background:#fdeaea}.notification-badge.follow-up[data-v-e6a3658b]{color:#f57c00;background:#fff3e0}.notification-badge.publishing[data-v-e6a3658b]{color:#5d4037;background:#ede7e3}.notification-badge.feedback[data-v-e6a3658b]{color:#0288d1;background:#e3f2fd}.notification-badge.review[data-v-e6a3658b]{color:#ffa000;background:#fff8e1}.notification-badge.document[data-v-e6a3658b]{color:#455a64;background:#e3eaf6}.notification-badge.comment[data-v-e6a3658b]{color:#c2185b;background:#fce4ec}.empty-state[data-v-e6a3658b]{text-align:center;color:#b0b0b0;background:#fff;padding:40px 0}.empty-icon[data-v-e6a3658b]{opacity:.4;margin-bottom:10px;font-size:32px}.empty-text[data-v-e6a3658b]{margin:0;font-size:13px;font-weight:400}.view-all-btn[data-v-e6a3658b]{color:#fff;text-align:center;width:100%;box-shadow:none;background:#307fe2;border-radius:6px;padding:10px 0;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:block}.view-all-btn[data-v-e6a3658b]:hover{color:#fff;background:#4f5bd5}@media (width<=768px){.notification-header[data-v-e6a3658b]{padding:12px}.notification-title[data-v-e6a3658b]{font-size:15px}.notification-item[data-v-e6a3658b]{padding:8px 10px}.view-all-container[data-v-e6a3658b]{padding:12px}.empty-state[data-v-e6a3658b]{padding:30px 0}}