/* icons/sprite.css — SVG icon classes */
/* Usage: <svg class="ic ic-leaf"><use href="#icon-leaf"/></svg> */

.ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.ic svg {
  width: 100%;
  height: 100%;
}

/* Size variants */
.ic-sm { width: 16px; height: 16px; }
.ic-lg { width: 32px; height: 32px; }
.ic-xl { width: 42px; height: 42px; }
.ic-2xl { width: 64px; height: 64px; }

/* Quick icon blocks for menu grids */
.ic-block {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ic-block svg {
  width: 22px;
  height: 22px;
}

/* Color fills */
.ic-green { background: linear-gradient(135deg, #e8f5ee, #c8e6d4); }
.ic-green svg { stroke: #1a6b3c; }
.ic-gold { background: linear-gradient(135deg, #fff8e1, #ffe082); }
.ic-gold svg { stroke: #e65100; }
.ic-blue { background: linear-gradient(135deg, #e3f2fd, #90caf9); }
.ic-blue svg { stroke: #1565c0; }
.ic-coral { background: linear-gradient(135deg, #fce4ec, #f48fb1); }
.ic-coral svg { stroke: #c62828; }
.ic-purple { background: linear-gradient(135deg, #f3e5f5, #ce93d8); }
.ic-purple svg { stroke: #7b1fa2; }
.ic-teal { background: linear-gradient(135deg, #e0f2f1, #80cbc4); }
.ic-teal svg { stroke: #00695c; }
.ic-orange { background: linear-gradient(135deg, #fff3e0, #ffcc80); }
.ic-orange svg { stroke: #ef6c00; }
.ic-indigo { background: linear-gradient(135deg, #e8eaf6, #9fa8da); }
.ic-indigo svg { stroke: #3949ab; }
.ic-red { background: linear-gradient(135deg, #fce4ec, #f48fb1); }
.ic-red svg { stroke: #c62828; }

.ic-solid-green { background: linear-gradient(135deg, #1a6b3c, #2d8c55); }
.ic-solid-green svg { stroke: white; fill: none; }
.ic-solid-white { background: rgba(255,255,255,0.15); }
.ic-solid-white svg { stroke: white; fill: none; }

/* Badge status icons */
.ic-status-success { background: #e8f5ee; }
.ic-status-success svg { stroke: #1a6b3c; }
.ic-status-warning { background: #fff8e1; }
.ic-status-warning svg { stroke: #e65100; }
.ic-status-danger { background: #fdecea; }
.ic-status-danger svg { stroke: #c62828; }
.ic-status-info { background: #e3f2fd; }
.ic-status-info svg { stroke: #1565c0; }