.notification-card[data-v-c80a64c8]{border:1px solid var(--ss-line);border-radius:var(--ss-radius-md);background:var(--ss-surface);cursor:pointer;transition:border-color var(--ss-fast) var(--ss-ease),box-shadow var(--ss-fast) var(--ss-ease),background-color var(--ss-fast) var(--ss-ease);gap:14px;padding:16px 18px;display:flex;position:relative}.notification-card[data-v-c80a64c8]:hover{border-color:var(--ss-line-strong);box-shadow:var(--ss-shadow-sm)}.notification-card[data-v-c80a64c8]:focus-visible{outline:3px solid var(--ss-focus);outline-offset:2px}.notification-card.is-unread[data-v-c80a64c8]{background:var(--ss-primary-soft);box-shadow:inset 3px 0 0 var(--ss-primary)}.notification-card__icon[data-v-c80a64c8]{border-radius:var(--ss-radius-sm);background:var(--ss-soft);width:44px;height:44px;color:var(--ss-muted);flex:none;place-items:center;display:grid}.is-unread .notification-card__icon[data-v-c80a64c8]{background:var(--ss-surface);color:var(--ss-primary)}.notification-card--warning.is-unread .notification-card__icon[data-v-c80a64c8]{color:var(--ss-warning)}.notification-card--success.is-unread .notification-card__icon[data-v-c80a64c8]{color:var(--ss-success)}.notification-card--danger.is-unread .notification-card__icon[data-v-c80a64c8]{color:var(--ss-danger)}.notification-card__body[data-v-c80a64c8]{flex:1;gap:6px;min-width:0;display:grid}.notification-card__top[data-v-c80a64c8]{align-items:center;gap:10px;display:flex}.notification-card__time[data-v-c80a64c8]{color:var(--ss-muted);font-size:var(--ss-text-xs);white-space:nowrap}.notification-card__dot[data-v-c80a64c8]{background:var(--ss-primary);border-radius:50%;width:8px;height:8px;margin-left:auto}.notification-card__title[data-v-c80a64c8]{color:var(--ss-ink);font-size:var(--ss-text-md);margin:0;font-weight:600;line-height:1.35}.is-unread .notification-card__title[data-v-c80a64c8]{font-weight:700}.notification-card__start[data-v-c80a64c8]{color:var(--ss-muted);font-weight:500}.notification-card__text[data-v-c80a64c8]{color:var(--ss-ink-soft);font-size:var(--ss-text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-card__actions[data-v-c80a64c8]{margin-top:4px;display:flex}.notification-card--compact[data-v-c80a64c8]{gap:12px;padding:12px 14px}.notification-card--compact .notification-card__icon[data-v-c80a64c8]{width:36px;height:36px}.notification-card--compact .notification-card__title[data-v-c80a64c8]{font-size:var(--ss-text-sm)}.notification-card--compact .notification-card__text[data-v-c80a64c8]{font-size:var(--ss-text-xs);-webkit-line-clamp:2}