.notif-swipe[data-v-1d1f189f]{border-radius:12px;overflow:hidden;position:relative}.swipe-bg[data-v-1d1f189f]{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-1d1f189f],.swiping .swipe-bg[data-v-1d1f189f]{display:flex}.notif-item[data-v-1d1f189f]{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-1d1f189f]:hover{background:#fafafa}.notif-item.unread[data-v-1d1f189f]{background:#fff7f7;border-color:#fecaca}.notif-item.unread .notif-title[data-v-1d1f189f]{font-weight:700}.notif-item.compact[data-v-1d1f189f]{border:none;border-bottom:1px solid #f3f4f6;border-radius:8px;padding:.7rem 2.2rem .7rem .75rem}.notif-item:focus-within .delete-btn[data-v-1d1f189f],.notif-item:hover .delete-btn[data-v-1d1f189f]{opacity:1}.notif-illu[data-v-1d1f189f]{margin-top:-.1rem}.notif-main[data-v-1d1f189f]{flex:1;min-width:0}.notif-top[data-v-1d1f189f]{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.notif-title[data-v-1d1f189f]{color:#1f2937;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time[data-v-1d1f189f]{color:#9ca3af;flex-shrink:0;font-size:.75rem}.expanded .notif-title[data-v-1d1f189f]{white-space:normal}.notif-body[data-v-1d1f189f]{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}.expanded .notif-body[data-v-1d1f189f]{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;white-space:pre-line}.notif-image[data-v-1d1f189f]{background:#f3f4f6;border-radius:10px;display:block;margin-top:.6rem;max-height:320px;-o-object-fit:cover;object-fit:cover;width:100%}.notif-actions[data-v-1d1f189f]{margin-top:.7rem}.action-btn[data-v-1d1f189f]{align-items:center;background:#d00;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:.4rem;padding:.5rem .95rem}.action-btn[data-v-1d1f189f]:hover{background:#b00}.action-btn[data-v-1d1f189f]:focus-visible{outline:2px solid #d00;outline-offset:2px}.notif-meta[data-v-1d1f189f]{color:#9ca3af;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-top:.35rem;text-transform:uppercase}.unread-dot[data-v-1d1f189f]{background:#d00;border-radius:50%;bottom:.9rem;height:9px;position:absolute;right:.9rem;width:9px}.delete-btn[data-v-1d1f189f]{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-1d1f189f]:hover{background:#fee2e2;color:#d00}@media(hover:none){.delete-btn[data-v-1d1f189f]{display:none}}@media(max-width:991px){.notif-item[data-v-1d1f189f],.notif-swipe[data-v-1d1f189f]{border-radius:var(--radius-md)}.notif-item[data-v-1d1f189f]{border-color:var(--c-hairline);gap:.75rem;min-height:72px;padding:.85rem 1rem}.notif-item.unread[data-v-1d1f189f]{border-color:#fecaca}.notif-item.compact[data-v-1d1f189f]{padding:.75rem .85rem}}@media(max-width:991px)and (hover:hover){.notif-item[data-v-1d1f189f]{padding-right:2.4rem}}@media(max-width:991px){.notif-title[data-v-1d1f189f]{font-size:1rem}.notif-body[data-v-1d1f189f]{font-size:.92rem}.notif-image[data-v-1d1f189f]{border-radius:var(--radius-sm);max-height:240px}.notif-actions[data-v-1d1f189f]{margin-top:.75rem}.action-btn[data-v-1d1f189f]{border-radius:var(--radius-md);justify-content:center;min-height:44px;min-width:44px;padding:.5rem 1.1rem}.notif-meta[data-v-1d1f189f]{font-size:.75rem}.unread-dot[data-v-1d1f189f]{bottom:1rem;right:1rem}}