/* ================================================================
   Coreva Dashboard Icon System
   All 25 icons from Coreva_Dashboard_Icons/svg
   Usage:  <img src="~/images/coreva-icons/dashboard.svg" class="ci ci-18" alt="">
           <img src="~/images/coreva-icons/users.svg"     class="ci ci-24" alt="">
   Stroke color in SVG source: #2FB7EC (Coreva cyan)
   ================================================================ */

/* Size modifiers */
.ci      { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.ci-16   { width: 16px;  height: 16px;  }
.ci-18   { width: 18px;  height: 18px;  }
.ci-20   { width: 20px;  height: 20px;  }
.ci-24   { width: 24px;  height: 24px;  }
.ci-28   { width: 28px;  height: 28px;  }
.ci-32   { width: 32px;  height: 32px;  }
.ci-48   { width: 48px;  height: 48px;  }
.ci-64   { width: 64px;  height: 64px;  }

/* Opacity variants for inactive/muted state */
.ci-muted  { opacity: 0.45; }
.ci-active { opacity: 1;    }

/* White-tinted icon (for dark sidebar) — achieved via CSS filter */
/* Original stroke is #2FB7EC. On dark bg it reads well as-is. */
.ci-white  { filter: brightness(0) invert(1); }

/* Sidebar icon spacing */
.sidebar-nav-link .ci,
.sidebar-nav-link img.ci { margin-right: 0.75rem; }