.notif-row[data-v-a48b4622]{align-items:flex-start;border-bottom:1px solid var(--app-border);cursor:pointer;display:flex;gap:10px;outline:none;padding:11px 14px;transition:background .15s}.notif-row[data-v-a48b4622]:focus-visible,.notif-row[data-v-a48b4622]:hover{background:var(--app-surface-hover)}.notif-row--unread[data-v-a48b4622]{background:color-mix(in srgb,var(--app-accent-muted) 55%,transparent)}.notif-row--unread[data-v-a48b4622]:hover{background:color-mix(in srgb,var(--app-accent-muted) 75%,var(--app-surface-hover) 25%)}.notif-avatar-wrap[data-v-a48b4622]{flex-shrink:0;position:relative}.notif-avatar[data-v-a48b4622]{background:linear-gradient(135deg,var(--app-sidebar-logo-from),var(--app-sidebar-logo-to));border-radius:50%;color:var(--app-btn-primary-text);font-size:.75rem;font-weight:700}.notif-avatar[data-v-a48b4622],.notif-chip[data-v-a48b4622]{align-items:center;display:inline-flex;height:34px;justify-content:center;width:34px}.notif-chip[data-v-a48b4622]{border-radius:10px}.notif-chip-badge[data-v-a48b4622]{align-items:center;border:2px solid var(--app-dialog-bg);border-radius:50%;bottom:-3px;display:inline-flex;height:16px;justify-content:center;position:absolute;right:-3px;width:16px}.notif-body[data-v-a48b4622]{flex:1;min-width:0}.notif-line[data-v-a48b4622]{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.notif-title[data-v-a48b4622]{align-items:center;color:var(--app-text-primary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;line-height:1.3;max-width:100%;white-space:nowrap}.notif-title[data-v-a48b4622],.notif-title-text[data-v-a48b4622]{min-width:0;overflow:hidden;text-overflow:ellipsis}.notif-count[data-v-a48b4622]{background:var(--app-surface-hover);border-radius:999px;font-size:.625rem;line-height:1.3;padding:1px 6px}.notif-count[data-v-a48b4622],.notif-time[data-v-a48b4622]{color:var(--app-text-muted);flex-shrink:0}.notif-time[data-v-a48b4622]{font-size:.6875rem;font-variant-numeric:tabular-nums;-moz-tab-size:1;-o-tab-size:1;tab-size:1;white-space:nowrap}.notif-text[data-v-a48b4622]{color:var(--app-text-secondary);display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.4;margin:2px 0 0;-webkit-box-orient:vertical;overflow:hidden}.notif-actions[data-v-a48b4622]{display:flex;gap:6px;margin-top:7px}.notif-action[data-v-a48b4622]{background:var(--app-surface);border:1px solid var(--app-border);border-radius:6px;color:var(--app-text-secondary);cursor:pointer;font-size:.6875rem;font-weight:600;padding:3px 10px;transition:background .15s,color .15s,border-color .15s}.notif-action[data-v-a48b4622]:disabled{cursor:not-allowed;opacity:.55}.notif-action--approve[data-v-a48b4622]:hover:not(:disabled),.notif-action--complete[data-v-a48b4622]:hover:not(:disabled){background:color-mix(in srgb,var(--app-success) 10%,transparent);border-color:var(--app-success);color:var(--app-success)}.notif-action--reject[data-v-a48b4622]:hover:not(:disabled){background:color-mix(in srgb,var(--app-error) 10%,transparent);border-color:var(--app-error);color:var(--app-error)}.notif-meta[data-v-a48b4622]{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.notif-dot[data-v-a48b4622]{border-radius:50%;height:8px;width:8px}.notif-toggle[data-v-a48b4622]{background:transparent;border:none;border-radius:4px;color:var(--app-text-muted);cursor:pointer;font-size:.625rem;font-weight:500;opacity:0;padding:2px 4px;transition:opacity .15s,color .15s,background .15s;white-space:nowrap}.notif-row:focus-within .notif-toggle[data-v-a48b4622],.notif-row:hover .notif-toggle[data-v-a48b4622]{opacity:1}.notif-toggle[data-v-a48b4622]:hover{background:var(--app-surface-hover);color:var(--app-text-primary)}