.notifs-list{flex-direction:column;gap:8px;display:flex}.notif-row{background:var(--white);border:1px solid var(--stone);border-radius:var(--radius-lg);color:var(--midnight);grid-template-columns:32px 1fr 24px;align-items:flex-start;gap:14px;padding:14px 18px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}a.notif-row{cursor:pointer}a.notif-row:hover{border-color:var(--mint-dark);transform:translateY(-1px)}.notif-row.is-ongelezen{background:#6ee7c70a;border-color:#6ee7c740}.notif-row-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-icon--factuur{background:var(--midnight);color:var(--mint)}.notif-icon--examen{background:var(--mint);color:var(--midnight)}.notif-icon--contact{color:var(--mint-dark);background:#6ee7c726}.notif-icon--voortgang{color:var(--mint-dark);background:#6ee7c733}.notif-icon--systeem{background:var(--cream);color:var(--slate)}.notif-row-info{flex-direction:column;gap:4px;min-width:0;display:flex}.notif-row-titel{color:var(--midnight);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.notif-row-dot{background:var(--mint-dark);border-radius:50%;width:6px;height:6px;display:inline-block}.notif-row-body{color:var(--slate);font-size:13px;line-height:1.5}.notif-row-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.notif-row-tijd{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:10px}.notif-row-arrow{color:var(--muted);align-self:center;font-size:18px}