/* Icon Utility Styles */

/* Base SVG sizing */
svg[data-icon] {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Icon in buttons */
button svg {
  margin-right: 6px;
}

button svg:last-child {
  margin-right: 0;
}

/* Icon color utilities */
.icon-teal { color: var(--teal); }
.icon-red { color: var(--red); }
.icon-green { color: var(--green); }
.icon-yellow { color: var(--yellow); }
.icon-blue { color: var(--blue); }
.icon-muted { color: var(--muted); }

/* Icon sizing utilities */
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 28px; height: 28px; }