/* 
   icons.css — Стили для минималистичных SVG-иконок CRM 
   Адаптация под все темы оформления
*/

.crm-icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: var(--icon-stroke, 2);
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  pointer-events: none; /* Чтобы не мешали кликам */
}

/* Принудительная видимость в карточках */
.lead-card .crm-icon {
  color: var(--text2, #94a3b8) !important;
  opacity: 1 !important;
}

/* Эффект при наведении на родительский элемент (например, .nav-item) */
.nav-item:hover .crm-icon,
.icon-btn:hover .crm-icon {
  transform: scale(1.1);
  filter: drop-shadow(0 0 8px var(--accent-glow, rgba(59, 130, 246, 0.3)));
}

.nav-item.active .crm-icon {
  stroke-width: calc(var(--icon-stroke, 2) + 0.5px);
  filter: drop-shadow(0 0 10px var(--accent-glow, rgba(59, 130, 246, 0.4)));
}

/* ─── Адаптация по темам ─── */

/* 1. Светлая и Бежевая (Минимализм, тонкие линии) */
.light, .theme-beige, .theme-sage {
  --icon-stroke: 1.5;
}

/* 2. Ночная (Чёткость и контраст) */
.theme-night {
  --icon-stroke: 1.8;
}

/* 3. Стеклянная (Ультра-минимализм, сияние) */
.theme-glass {
  --icon-stroke: 1.2;
}
.theme-glass .crm-icon {
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
}

/* 4. Золотая (Премиум, мягкое свечение) */
.theme-gold {
  --icon-stroke: 1.4;
}
.theme-gold .crm-icon {
  filter: drop-shadow(0 0 5px rgba(212, 160, 23, 0.4));
  color: var(--accent);
}

/* 5. Розовая (Мягкость) */
.theme-pink {
  --icon-stroke: 2;
}

/* Специфичные размеры для разных мест */
.sidebar .crm-icon {
  width: 22px;
  height: 22px;
}

.topbar .crm-icon {
  width: 18px;
  height: 18px;
}

.gs-item-icon .crm-icon {
  width: 16px;
  height: 16px;
}

/* Кнопка "Быстрый лид" и уведомления */
.icon-btn .crm-icon {
  width: 20px;
  height: 20px;
}