/**
 * Global Icon System - SVG Standard
 * Wszystkie ikony SVG w systemie używają tego samego stylu
 * Styl: Lucide-style, stroke-based, enterprise look
 */

/* Bazowa klasa dla wszystkich ikon SVG */
.ui-icon {
  width: 32px;
  height: 32px;
  stroke: #9CA3AF;
  stroke-width: 1.8;
  fill: none;
  vertical-align: middle;
  display: inline-block;
  flex-shrink: 0;
}

/* Aktywna ikona (np. w aktywnym elemencie menu) */
.active .ui-icon,
.ui-icon.active {
  stroke: #3B82F6;
}

/* Ikona po najechaniu myszką */
:hover > .ui-icon,
.ui-icon:hover {
  stroke: #E5E7EB;
}

/* Ikona w przycisku aktywnym */
.btn:active > .ui-icon,
.btn.active > .ui-icon {
  stroke: #3B82F6;
}

/* Ikona w disabled elemencie */
:disabled > .ui-icon,
.disabled > .ui-icon {
  stroke: #6B7280;
  opacity: 0.5;
}

/* ENTERPRISE PATCH — HARD EDGES */
*,
*::before,
*::after {
  border-radius: 0 !important;
}