/* Masked icons: one file per glyph in app/assets/images/icons. Colored by
   currentColor; sized by --icon-size or any width/height utility, which wins
   because these rules share the components layer. The layer order line
   matches Tailwind's so stylesheet load order cannot scramble it. */
@layer theme, base, components, utilities;
@layer components {
  .icon {
    background-color: currentColor;
    block-size: var(--icon-size, 1em);
    display: inline-block;
    flex-shrink: 0;
    inline-size: var(--icon-size, 1em);
    mask-image: var(--svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    pointer-events: none;
    user-select: none;
  }

  .icon--activity { --svg: url("/assets/icons/activity-b763cfad.svg"); }
  .icon--archive { --svg: url("/assets/icons/archive-ecf24ebd.svg"); }
  .icon--bell { --svg: url("/assets/icons/bell-241d4c42.svg"); }
  .icon--bell-off { --svg: url("/assets/icons/bell-off-cbe34a98.svg"); }
  .icon--bug { --svg: url("/assets/icons/bug-03b037b5.svg"); }
  .icon--calendar { --svg: url("/assets/icons/calendar-28efbd06.svg"); }
  .icon--check { --svg: url("/assets/icons/check-16cb2760.svg"); }
  .icon--chevron-down { --svg: url("/assets/icons/chevron-down-88aca7d7.svg"); }
  .icon--chevron-left { --svg: url("/assets/icons/chevron-left-a028fdfa.svg"); }
  .icon--chevron-right { --svg: url("/assets/icons/chevron-right-0cce741c.svg"); }
  .icon--chevrons-up-down { --svg: url("/assets/icons/chevrons-up-down-0075577f.svg"); }
  .icon--circle-alert { --svg: url("/assets/icons/circle-alert-7c49a294.svg"); }
  .icon--circle-check { --svg: url("/assets/icons/circle-check-1418ddeb.svg"); }
  .icon--circle-dashed { --svg: url("/assets/icons/circle-dashed-935f7456.svg"); }
  .icon--clock { --svg: url("/assets/icons/clock-45cdb8a9.svg"); }
  .icon--clock-arrow-up { --svg: url("/assets/icons/clock-arrow-up-ee428f9d.svg"); }
  .icon--cloud { --svg: url("/assets/icons/cloud-48c00777.svg"); }
  .icon--cloud-off { --svg: url("/assets/icons/cloud-off-5843cb54.svg"); }
  .icon--copy { --svg: url("/assets/icons/copy-5df0e6ae.svg"); }
  .icon--download { --svg: url("/assets/icons/download-7fdbea7d.svg"); }
  .icon--ellipsis { --svg: url("/assets/icons/ellipsis-53ada9be.svg"); }
  .icon--ellipsis-vertical { --svg: url("/assets/icons/ellipsis-vertical-1828f667.svg"); }
  .icon--eye-off { --svg: url("/assets/icons/eye-off-8169ef85.svg"); }
  .icon--fingerprint { --svg: url("/assets/icons/fingerprint-af1c4425.svg"); }
  .icon--git-branch { --svg: url("/assets/icons/git-branch-fde9d6bb.svg"); }
  .icon--git-compare-arrows { --svg: url("/assets/icons/git-compare-arrows-79fafa0c.svg"); }
  .icon--globe { --svg: url("/assets/icons/globe-cba723d9.svg"); }
  .icon--heart-pulse { --svg: url("/assets/icons/heart-pulse-32c74026.svg"); }
  .icon--info { --svg: url("/assets/icons/info-2a2d5ea6.svg"); }
  .icon--key-round { --svg: url("/assets/icons/key-round-63f5ceab.svg"); }
  .icon--layout-dashboard { --svg: url("/assets/icons/layout-dashboard-3c769aba.svg"); }
  .icon--loader { --svg: url("/assets/icons/loader-c47d34a6.svg"); }
  .icon--log-out { --svg: url("/assets/icons/log-out-0c042210.svg"); }
  .icon--mail-check { --svg: url("/assets/icons/mail-check-b96e5f9d.svg"); }
  .icon--moon { --svg: url("/assets/icons/moon-46cbe00c.svg"); }
  .icon--package { --svg: url("/assets/icons/package-c49cee2f.svg"); }
  .icon--pencil { --svg: url("/assets/icons/pencil-dc3cc8f5.svg"); }
  .icon--plug-zap { --svg: url("/assets/icons/plug-zap-9dc8ac3b.svg"); }
  .icon--plus { --svg: url("/assets/icons/plus-e5b9f078.svg"); }
  .icon--refresh-cw { --svg: url("/assets/icons/refresh-cw-9f628989.svg"); }
  .icon--rotate-ccw-key { --svg: url("/assets/icons/rotate-ccw-key-334b8a0c.svg"); }
  .icon--server { --svg: url("/assets/icons/server-428fe474.svg"); }
  .icon--shield-alert { --svg: url("/assets/icons/shield-alert-21faf373.svg"); }
  .icon--shield-check { --svg: url("/assets/icons/shield-check-82ed9cd3.svg"); }
  .icon--shield-half { --svg: url("/assets/icons/shield-half-eefe6392.svg"); }
  .icon--sliders-horizontal { --svg: url("/assets/icons/sliders-horizontal-92a99746.svg"); }
  .icon--smartphone { --svg: url("/assets/icons/smartphone-8b111430.svg"); }
  .icon--sticky-note { --svg: url("/assets/icons/sticky-note-91cad6af.svg"); }
  .icon--sun-moon { --svg: url("/assets/icons/sun-moon-5b041fb8.svg"); }
  .icon--sun { --svg: url("/assets/icons/sun-fdc23a27.svg"); }
  .icon--terminal { --svg: url("/assets/icons/terminal-bbb811aa.svg"); }
  .icon--trash-2 { --svg: url("/assets/icons/trash-2-0eae48d5.svg"); }
  .icon--triangle-alert { --svg: url("/assets/icons/triangle-alert-41e1a753.svg"); }
  .icon--unplug { --svg: url("/assets/icons/unplug-78db0c93.svg"); }
  .icon--user-round-plus { --svg: url("/assets/icons/user-round-plus-ba67c20f.svg"); }
  .icon--user-round { --svg: url("/assets/icons/user-round-030bdc29.svg"); }
  .icon--user-round-x { --svg: url("/assets/icons/user-round-x-e27c14b1.svg"); }
  .icon--users { --svg: url("/assets/icons/users-b5f2c8f4.svg"); }
  .icon--x { --svg: url("/assets/icons/x-9846e769.svg"); }
}
