/* ── Material Design Icons styling ──────────────────────────────────────────── */
.mdi {
  fill: currentColor;
  vertical-align: middle;   /* centreert icoon op de tekst (werkt ook voor inline-flex wrappers) */
  flex-shrink: 0;
}
/* wrapper rond een placeholder zodat hij netjes uitlijnt in tekst/knoppen */
.icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  vertical-align: middle;
}
/* In knoppen: icoon + tekst netjes naast elkaar (de .btn heeft al gap) */
.btn .mdi { margin: 0; }
/* Brand-logo icoon iets groter en in accentkleur */
.nav-brand .mdi { color: var(--accent); }
/* Status-/feedback-kleuren voor losse iconen via modifier-klassen */
.mdi-success { color: #1d7a3e; }
.mdi-error   { color: #e2001a; }
.mdi-warn    { color: #b8860b; }
.mdi-muted   { color: var(--muted); }

/* Officieel AH-logo (blauw/wit, eigen kleuren) */
.ah-logo { vertical-align: middle; flex-shrink: 0; border-radius: 4px; }