/* ============================================================
   Icon utility — inline Lucide SVGs injected by js/icons.js into
   <i class="ic" data-icon="scale"></i>. Color follows `color`.
   ============================================================ */
.ic {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  line-height: 0;
  vertical-align: -0.14em;
}
.ic svg {
  width: 100%;
  height: 100%;
  display: block;
  stroke: currentColor;   /* overrides the file's stroke → inherits color */
  fill: none;
}

/* round icon "chip" */
.icon-chip { display: inline-grid; place-items: center; border-radius: 22px; flex: none; }
.icon-chip .ic { width: 60%; height: 60%; }
