.notifications-header{margin-bottom:var(--space-3)}.notification-groups{display:grid;gap:20px}.notification-group{display:grid;gap:var(--space-2)}.notification-group h2{margin:0;color:var(--text-muted);font-size:var(--text-body);font-weight:600;line-height:var(--line-heading)}.notification-list{display:grid;gap:var(--space-2)}.notification-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:68px;border:var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-card-solid);box-shadow:var(--shadow-card);padding:var(--space-3)}.notification-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;font-size:var(--text-body);font-weight:700}.notification-icon.success{background:var(--knj-success)}.notification-icon.warning{background:var(--tone-draft)}.notification-icon.overdue{background:var(--tone-overdue)}.notification-icon.info{background:var(--knj-info)}.notification-row strong{display:block;margin-bottom:2px;font-size:var(--text-body);font-weight:600;line-height:var(--line-heading)}.notification-row p{margin:0;color:var(--text-muted);font-size:var(--text-caption);line-height:var(--line-heading)}.notification-row time{align-self:start;color:var(--text-muted);font-size:var(--text-micro);white-space:nowrap}.notification-empty-state{min-height:340px}@media(max-width:370px){.notification-row{grid-template-columns:40px minmax(0,1fr)}.notification-row time{grid-column:2;margin-top:-8px}}