/*
 * icons.css — App icon definitions using Lucide Icons
 *
 * Lucide: https://lucide.dev — Modern, clean SVG icons
 * Loaded via CDN in HTML: <script src="https://unpkg.com/lucide@latest"></script>
 *
 * Usage: <i data-lucide="monitor"></i>
 */

/* Icon sizing */
[data-lucide] {
   width: 18px;
   height: 18px;
   stroke-width: 1.75;
   vertical-align: middle;
}

.icon-sm [data-lucide], [data-lucide].sm { width: 14px; height: 14px; }
.icon-lg [data-lucide], [data-lucide].lg { width: 22px; height: 22px; }
.icon-xl [data-lucide], [data-lucide].xl { width: 28px; height: 28px; }

/* Category depth icons */
.tree-icon [data-lucide] { color: #86868b; }
.depth-1 .tree-icon [data-lucide] { color: #0071e3; width: 20px; height: 20px; }
.depth-2 .tree-icon [data-lucide] { color: #555; }
.depth-3 .tree-icon [data-lucide] { color: #999; }

/* Status badge icons */
.badge [data-lucide] { width: 12px; height: 12px; margin-right: 2px; }

/* Button icons */
.btn [data-lucide] { width: 16px; height: 16px; margin-right: 4px; }

/* Card placeholder */
.card-photo [data-lucide] { width: 48px; height: 48px; color: #c7c7cc; stroke-width: 1.2; }

/* Header icons */
.header [data-lucide] { width: 20px; height: 20px; }

/* Nav icons */
.nav-icon [data-lucide] { width: 18px; height: 18px; margin-right: 8px; }