.notification-item[data-v-a686afe7]{border-radius:8px;display:flex;gap:12px;padding:12px;transition:background-color .15s}.notification-item[data-v-a686afe7]:hover{background-color:#f5f5f5}.notification-item.unread[data-v-a686afe7]{background-color:#f0f9ff}.notification-item.unread[data-v-a686afe7]:hover{background-color:#e0f2fe}.icon-wrapper[data-v-a686afe7]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.icon-wrapper.priority-urgent[data-v-a686afe7]{background-color:#fee;color:#dc2626}.icon-wrapper.priority-high[data-v-a686afe7]{background-color:#fff7ed;color:#f59e0b}.icon-wrapper.priority-medium[data-v-a686afe7]{background-color:#eff6ff;color:#3b82f6}.icon-wrapper.priority-low[data-v-a686afe7]{background-color:#f3f4f6;color:#6b7280}.icon[data-v-a686afe7]{height:20px;width:20px}.message[data-v-a686afe7]{color:#6b7280;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.delete-btn[data-v-a686afe7],.mark-read-btn[data-v-a686afe7]{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px;transition:all .15s}.mark-read-btn[data-v-a686afe7]:hover{background-color:#10b981;color:#fff}.delete-btn[data-v-a686afe7]:hover{background-color:#ef4444;color:#fff}.overflow-y-auto[data-v-420bc6ee]::-webkit-scrollbar{width:6px}.overflow-y-auto[data-v-420bc6ee]::-webkit-scrollbar-track{background:transparent}.overflow-y-auto[data-v-420bc6ee]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.overflow-y-auto[data-v-420bc6ee]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:640px){.w-\[400px\][data-v-420bc6ee]{max-width:100vw;width:100vw}}@keyframes ring-14368baf{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.animate-ring[data-v-14368baf]{animation:ring-14368baf 2s ease-in-out infinite}