/*
 * Lucide-style SVG иконки для Main Portal
 * Источник: lucide.dev (MIT License)
 */

/* Контейнер для иконок */
.icon-container {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.1);
  transition: all 0.3s ease;
}

body.theme-dark .icon-container {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.1);
}

.tool-card:hover .icon-container {
  transform: scale(1.05);
  background: rgba(99, 102, 241, 0.1);
  border-color: rgba(99, 102, 241, 0.3);
}

/* Скрываем старые эмодзи иконки */
.tool-card .icon {
  display: none;
}

/* SVG иконки */
.lucide-icon {
  width: 32px;
  height: 32px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Цвета для разных типов карточек */
.tool-card.blue .lucide-icon {
  color: #60a5fa; /* blue-400 */
}

.tool-card.orange .lucide-icon {
  color: #fb923c; /* orange-400 */
}

body.theme-dark .tool-card.blue .lucide-icon {
  color: #60a5fa;
}

body.theme-dark .tool-card.orange .lucide-icon {
  color: #fb923c;
}

/* Иконки в header */
.settings-btn svg,
.logout-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

body.theme-dark .settings-btn svg {
  color: #94a3b8; /* slate-400 */
}

body.theme-dark .logout-btn svg {
  color: #94a3b8; /* slate-400 */
}

body.theme-dark .settings-btn:hover svg {
  color: #6366f1; /* indigo-500 */
}

body.theme-dark .logout-btn:hover svg {
  color: #ef4444; /* red-500 */
}