/* Extracted verbatim from index.html (was the <style> block at line 144).
   Order matters: this cascades before app.css. */
  /* Default sizing for inline lucide icons — small UI utility icons. */
  [data-lucide], svg.lucide { width: 16px; height: 16px; stroke-width: 2; vertical-align: -2px; }
  /* When the icon sits inside .btn-icon (a 28x28 click target), inherit
     color from the button so hover state propagates cleanly. */
  .btn-icon [data-lucide], .btn-icon svg.lucide { width: 14px; height: 14px; color: inherit; vertical-align: 0; }
  /* Nav icons are larger — preserve the 22px feel that the emoji had. */
  .nav-icon [data-lucide], .nav-icon svg.lucide { width: 20px; height: 20px; stroke-width: 2; }
  /* Search box leading icon should track the muted color of the placeholder. */
  .search-box [data-lucide], .search-box svg.lucide { width: 14px; height: 14px; color: var(--muted); }
