.notif-row[data-v-27691d58]{align-items:flex-start;animation:notif-in-27691d58 .32s ease both;cursor:pointer;display:flex;gap:12px;outline:none;padding:12px 16px 12px 20px;position:relative;transition:background-color .15s ease}.notif-row[data-v-27691d58]:focus-visible,.notif-row[data-v-27691d58]:hover{background:#f8fafc}.notif-row[data-v-27691d58]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.notif-row.unread[data-v-27691d58]{background:linear-gradient(90deg,#fff3e6,#fff 80%)}.notif-row.unread[data-v-27691d58]:hover{background:linear-gradient(90deg,#ffead2,#fafafa 80%)}.notif-row.unread[data-v-27691d58]:before{background:var(--accent);border-radius:0 3px 3px 0;bottom:10px;content:"";left:0;position:absolute;top:10px;width:3px}.notif-avatar[data-v-27691d58]{flex:none;height:46px;position:relative;width:46px}.notif-avatar-img[data-v-27691d58]{background:#f1f5f9;border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;width:46px}.notif-avatar-img.clickable[data-v-27691d58]{cursor:pointer}.notif-initials[data-v-27691d58]{color:#fff;font-size:16px;font-weight:600;letter-spacing:.02em}.notif-badge[data-v-27691d58],.notif-initials[data-v-27691d58]{align-items:center;display:flex;justify-content:center}.notif-badge[data-v-27691d58]{border:2px solid #fff;border-radius:50%;bottom:-3px;height:21px;position:absolute;right:-3px;width:21px}.notif-body[data-v-27691d58]{flex:1;min-width:0}.notif-title[data-v-27691d58]{color:#111827;font-size:14px;font-weight:600;line-height:1.35}.notif-headline[data-v-27691d58],.notif-text[data-v-27691d58]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}.notif-headline[data-v-27691d58]{-webkit-line-clamp:3;line-clamp:3;color:#374151;font-size:14px;line-height:1.4}.notif-headline strong[data-v-27691d58]{color:#111827;font-weight:600;margin-right:4px}.notif-text[data-v-27691d58]{-webkit-line-clamp:2;line-clamp:2;color:#4b5563;font-size:13px;line-height:1.4;margin-top:2px}.notif-time[data-v-27691d58]{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:4px;margin-top:5px}.notif-row.unread .notif-time[data-v-27691d58]{color:var(--accent);font-weight:600}.notif-row.unread[data-v-27691d58]{padding-right:48px}.notif-dot[data-v-27691d58]{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);height:10px;margin-top:-5px;right:22px;transition:opacity .15s ease;width:10px}.notif-dot[data-v-27691d58],.notif-read[data-v-27691d58]{position:absolute;top:50%}.notif-read[data-v-27691d58]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:var(--accent);display:flex;height:30px;justify-content:center;margin-top:-15px;opacity:0;pointer-events:none;right:12px;transition:opacity .15s ease,background-color .15s ease;width:30px}.notif-read[data-v-27691d58]:hover{background:#fff3e6}.notif-row:focus-within .notif-read[data-v-27691d58],.notif-row:hover .notif-read[data-v-27691d58]{opacity:1;pointer-events:auto}.notif-row:hover .notif-dot[data-v-27691d58]{opacity:0}@keyframes notif-in-27691d58{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notif-row[data-v-27691d58]{animation:none}}