.notification-group{margin-top:.875rem}.notification-group>h2{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .375rem;padding:0 .25rem;font-size:.6875rem;font-weight:650;line-height:1.4}.notification-list{gap:.375rem;display:grid}.notification-swipe{border-radius:var(--radius-lg);isolation:isolate;position:relative;overflow:hidden}.notification-swipe-action{width:7rem;color:var(--primary-foreground);align-items:center;gap:.4rem;padding:0 .875rem;font-size:.75rem;font-weight:650;display:flex;position:absolute;inset-block:0}.notification-swipe-action--read{background:var(--primary);justify-content:flex-start;left:0}.notification-card{z-index:1;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;width:100%;min-height:76px;padding:.75rem;transition:transform .18s ease-out,background-color .15s ease-out,border-color .15s ease-out;display:grid;position:relative}.notification-card.is-dragging{cursor:grabbing;transition:none}.notification-card.is-unread{border-color:color-mix(in oklab, var(--primary) 18%, var(--border));background:color-mix(in oklab, var(--primary) 4%, var(--card))}.notification-card:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 30%, transparent)}.notification-kind{border-radius:var(--radius-lg);width:2.375rem;height:2.375rem;color:var(--foreground);background:var(--muted);place-items:center;display:grid}.notification-card.is-unread .notification-kind{background:color-mix(in oklab, var(--primary) 11%, var(--card))}.notification-kind svg{width:1.125rem;height:1.125rem}.notification-copy{gap:.18rem;min-width:0;display:grid}.notification-copy strong{align-items:center;gap:.4rem;font-size:.875rem;font-weight:550;line-height:1.3;display:flex}.notification-card.is-unread .notification-copy strong{font-weight:680}.notification-unread-dot{border-radius:var(--radius-pill);background:var(--primary);flex:none;width:.45rem;height:.45rem}.notification-copy p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-copy small,.notification-card time{color:var(--muted-foreground);font-size:.6875rem}.notification-card time{white-space:nowrap}.notification-inline-actions{border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;background:var(--card);box-shadow:var(--shadow-xs);pointer-events:none;gap:.125rem;padding:.125rem;transition:opacity .14s ease-out,transform .14s ease-out;display:flex;position:absolute;bottom:.3rem;right:.35rem;transform:translateY(2px)}.notification-inline-actions .btn{pointer-events:auto;width:1.75rem;min-width:1.75rem;height:1.75rem;padding:0}.notification-inline-actions .btn:last-child{color:var(--destructive)}.notification-swipe:hover .notification-inline-actions,.notification-swipe:focus-within .notification-inline-actions{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none){.notification-inline-actions{display:none}}