.notif-swipe[data-v-4b0f7b52]{border-radius:12px;overflow:hidden;position:relative}.swipe-bg[data-v-4b0f7b52]{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-4b0f7b52],.swiping .swipe-bg[data-v-4b0f7b52]{display:flex}.notif-item[data-v-4b0f7b52]{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-4b0f7b52]:hover{background:#fafafa}.notif-item.unread[data-v-4b0f7b52]{background:#fff7f7;border-color:#fecaca}.notif-item.unread .notif-title[data-v-4b0f7b52]{font-weight:700}.notif-item.compact[data-v-4b0f7b52]{border:none;border-bottom:1px solid #f3f4f6;border-radius:8px;padding:.7rem 2.2rem .7rem .75rem}.notif-item:focus-within .delete-btn[data-v-4b0f7b52],.notif-item:hover .delete-btn[data-v-4b0f7b52]{opacity:1}.notif-illu[data-v-4b0f7b52]{margin-top:-.1rem}.notif-main[data-v-4b0f7b52]{flex:1;min-width:0}.notif-top[data-v-4b0f7b52]{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.notif-title[data-v-4b0f7b52]{color:#1f2937;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time[data-v-4b0f7b52]{color:#9ca3af;flex-shrink:0;font-size:.75rem}.expanded .notif-title[data-v-4b0f7b52]{white-space:normal}.notif-body[data-v-4b0f7b52]{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-4b0f7b52]{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;white-space:pre-line}.notif-image[data-v-4b0f7b52]{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-4b0f7b52]{margin-top:.7rem}.action-btn[data-v-4b0f7b52]{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-4b0f7b52]:hover{background:#b00}.action-btn[data-v-4b0f7b52]:focus-visible{outline:2px solid #d00;outline-offset:2px}.notif-meta[data-v-4b0f7b52]{color:#9ca3af;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-top:.35rem;text-transform:uppercase}.unread-dot[data-v-4b0f7b52]{background:#d00;border-radius:50%;bottom:.9rem;height:9px;position:absolute;right:.9rem;width:9px}.delete-btn[data-v-4b0f7b52]{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-4b0f7b52]:hover{background:#fee2e2;color:#d00}@media(hover:none){.delete-btn[data-v-4b0f7b52]{display:none}}