/* ==========================================================================
   MDGRUPPE OS — Icon Sizing Utilities
   Companion to app/templates/_macros/icon.html (Lucide SVG set).
   Source: DESIGN-SPEC-2026-04-24-OSUX01 v1.1 § 7.
   Sizes intentionally live in their own file: tokens.css is MD-locked
   (commit 0fb15a6, 2026-04-17) and new utilities must not mutate it.
   ========================================================================== */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: inherit;
}

.icon svg {
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon-16,
.icon-16 svg { width: 16px; height: 16px; }

.icon-20,
.icon-20 svg { width: 20px; height: 20px; }

.icon-24,
.icon-24 svg { width: 24px; height: 24px; }

.icon-32,
.icon-32 svg { width: 32px; height: 32px; }