.notif-swipe[data-v-42743b07]{border-radius:12px;overflow:hidden;position:relative}.swipe-bg[data-v-42743b07]{align-items:center;background:#d00;color:#fff;display:none;font-size:1.4rem;inset:0;justify-content:flex-end;padding-right:1.25rem;position:absolute}.notif-item[data-v-42743b07],.swiping .swipe-bg[data-v-42743b07]{display:flex}.notif-item[data-v-42743b07]{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-family:var(--degular);gap:.85rem;padding:.9rem 2.4rem .9rem 1rem;position:relative;transition:background .15s ease,transform .15s ease}.notif-item[data-v-42743b07]:hover{background:#fafafa}.notif-item.unread[data-v-42743b07]{background:#fff7f7;border-color:#fecaca}.notif-item.unread .notif-title[data-v-42743b07]{font-weight:700}.notif-item.compact[data-v-42743b07]{border:none;border-bottom:1px solid #f3f4f6;border-radius:8px;padding:.7rem 2.2rem .7rem .75rem}.notif-item:focus-within .delete-btn[data-v-42743b07],.notif-item:hover .delete-btn[data-v-42743b07]{opacity:1}.notif-icon[data-v-42743b07]{align-items:center;background:#f3f4f6;border-radius:50%;color:#4a5568;display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;overflow:hidden;width:40px}.compact .notif-icon[data-v-42743b07]{font-size:1.1rem;height:34px;width:34px}.unread .notif-icon[data-v-42743b07]{background:#fee2e2;color:#d00}.notif-icon .notif-thumb[data-v-42743b07]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.notif-main[data-v-42743b07]{flex:1;min-width:0}.notif-top[data-v-42743b07]{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.notif-title[data-v-42743b07]{color:#1f2937;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time[data-v-42743b07]{color:#9ca3af;flex-shrink:0;font-size:.75rem}.notif-body[data-v-42743b07]{color:#4b5563;display:-webkit-box;font-size:.88rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.35;margin:.15rem 0 0;-webkit-box-orient:vertical;overflow:hidden}.notif-meta[data-v-42743b07]{color:#9ca3af;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-top:.35rem;text-transform:uppercase}.unread-dot[data-v-42743b07]{background:#d00;border-radius:50%;bottom:.9rem;height:9px;position:absolute;right:.9rem;width:9px}.delete-btn[data-v-42743b07]{align-items:center;background:transparent;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .15s ease;width:26px}.delete-btn[data-v-42743b07]:hover{background:#fee2e2;color:#d00}@media(hover:none){.delete-btn[data-v-42743b07]{display:none}}