/*
 * LMIS custom Lucide icons (extends Nexus icon set in wwwroot/css/nexus/app.css).
 *
 * Nexus only ships icons that were compiled into app.css. To add a new icon:
 * 1. Open https://lucide.dev/icons and pick an icon (e.g. "layout-list").
 * 2. Copy the SVG, replace stroke="currentColor" with stroke="black".
 * 3. URL-encode the SVG for use in a data URI (online tool or encodeURIComponent).
 * 4. Add a rule below: .lucide--your-icon-name { --svg: url("data:image/svg+xml,..."); }
 * 5. Use in markup: <span class="iconify lucide--your-icon-name size-4"></span>
 *
 * The .iconify class (from Nexus) applies the --svg variable as a CSS mask.
 */

.lucide--layout-list {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7'/%3E%3Cpath d='M14 9h7'/%3E%3Cpath d='M14 15h7'/%3E%3Cpath d='M14 20h7'/%3E%3C/g%3E%3C/svg%3E");
}
