.mzh-notification-card { display: block; }
.mzh-notification-card__inner { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--spacing-md); overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-primary); }
.mzh-notification-card mzh-icon { flex: none; }
.mzh-notification-card__text { width: var(--notification-card-text-w); min-width: 0; display: flex; flex-direction: column; gap: var(--spacing-sm); }
.mzh-notification-card__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--spacing-sm); }
.mzh-notification-card h2 { margin: 0; color: var(--color-text-primary); font-size: var(--typography-subtitle-font-size); line-height: var(--typography-subtitle-line-height); font-weight: var(--typography-weight-medium); }
.mzh-notification-card time { flex: none; color: var(--color-text-quaternary); font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); }
.mzh-notification-card p { margin: 0; color: var(--color-text-tertiary); font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); font-weight: var(--typography-weight-regular); }