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