.notification-card[data-v-877b2ea9]{display:flex;gap:var(--ko-space-4);align-items:flex-start;padding:var(--ko-space-5);border:1px solid var(--ko-border);border-radius:var(--ko-radius-lg);background:var(--ko-surface);box-shadow:var(--ko-shadow-xs);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.notification-card[data-v-877b2ea9]:hover{border-color:var(--ko-border-strong);box-shadow:var(--ko-shadow-sm)}.notification-card--unread[data-v-877b2ea9]{border-color:color-mix(in srgb,var(--ko-primary) 24%,var(--ko-border));background:var(--ko-primary-soft-2)}.notification-card--archived[data-v-877b2ea9]{opacity:.82}.notification-card__icon[data-v-877b2ea9]{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:var(--ko-radius);background:var(--ko-surface-subtle);color:var(--ko-text-muted)}.notification-card__icon.is-primary[data-v-877b2ea9]{background:var(--ko-primary-soft);color:var(--ko-primary)}.notification-card__icon[data-v-877b2ea9] .iconify,.notification-card__icon[data-v-877b2ea9] svg{width:20px;height:20px}.notification-card__body[data-v-877b2ea9]{display:grid;flex:1;gap:6px;min-width:0}.notification-card__head[data-v-877b2ea9]{display:flex;gap:var(--ko-space-3);align-items:center}.notification-card__title[data-v-877b2ea9]{min-width:0;padding:0;border:0;background:transparent;color:var(--ko-text-strong);font-size:var(--ko-font-size-body);font-weight:var(--ko-weight-bold);text-align:left;cursor:pointer}.notification-card__title[data-v-877b2ea9]:hover{color:var(--ko-primary)}.notification-card__flag[data-v-877b2ea9]{margin-left:auto;flex:0 0 auto;padding:2px 9px;border-radius:var(--ko-radius-pill);font-size:var(--ko-font-size-caption);line-height:var(--ko-line-height-caption);font-weight:var(--ko-weight-bold)}.notification-card__flag--unread[data-v-877b2ea9]{background:var(--ko-primary-soft);color:var(--ko-primary)}.notification-card__flag--archived[data-v-877b2ea9]{background:var(--ko-neutral-background);color:var(--ko-neutral-foreground)}.notification-card__text[data-v-877b2ea9]{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ko-text-muted);font-size:var(--ko-font-size-caption);line-height:1.5}.notification-card__foot[data-v-877b2ea9]{display:flex;gap:var(--ko-space-4);align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:2px}.notification-card__meta[data-v-877b2ea9]{display:inline-flex;gap:var(--ko-space-3);align-items:center;color:var(--ko-text-muted);font-size:var(--ko-font-size-caption)}.notification-card__chip[data-v-877b2ea9]{padding:2px 9px;border-radius:var(--ko-radius-pill);background:var(--ko-surface-subtle);color:var(--ko-text-muted);font-weight:var(--ko-weight-strong)}.notification-card__actions[data-v-877b2ea9]{display:inline-flex;gap:2px}.notification-card__action[data-v-877b2ea9]{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:var(--ko-radius);background:transparent;color:var(--ko-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.notification-card__action[data-v-877b2ea9]:hover{background:var(--ko-surface-hover);color:var(--ko-text-strong)}.notification-card__action--archive[data-v-877b2ea9]:hover{background:var(--ko-danger-background-soft);color:var(--ko-danger-foreground)}.notification-card__action[data-v-877b2ea9]:disabled{opacity:.45;cursor:not-allowed}.notification-card__action[data-v-877b2ea9] .iconify,.notification-card__action[data-v-877b2ea9] svg{width:16px;height:16px}.notification-list[data-v-a19cb992]{display:grid;gap:var(--ko-space-4);margin:0;padding:0;list-style:none}