/* Lucide icon presentation */
.ig-lucide,
.stat-icon svg,
.feature-icon svg,
.ml-stat-icon svg,
.connect-icon svg,
.notification-item__icon svg,
.notification-empty__icon svg,
.empty-state-icon svg,
.store-method-option__emoji svg,
.changelog-item-icon svg,
.toast-icon svg {
  width: 1.25em;
  height: 1.25em;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0;
  vertical-align: middle;
}
.stat-icon,
.feature-icon,
.ml-stat-icon,
.notification-item__icon,
.notification-empty__icon,
.empty-state-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.stat-icon.blue { color: var(--accent, #ff5c1a); }
.stat-icon.green { color: var(--success, #3dd68c); }
.stat-icon.yellow { color: var(--warning, #ffb020); }
.stat-icon.red { color: var(--danger, #ff4d5a); }
.stat-icon.warn { color: var(--warning, #ffb020); }
.feature-icon { color: var(--accent, #ff5c1a); width: 2.5rem; height: 2.5rem; margin-bottom: 0.75rem; }
.feature-icon svg { width: 2rem; height: 2rem; }
.ml-stat-icon { color: var(--accent, #ff5c1a); }
.ml-stat-icon svg { width: 1.5rem; height: 1.5rem; }
.connect-icon { color: var(--accent, #ff5c1a); background: rgba(255, 92, 26, 0.1); border: 1px solid rgba(255, 92, 26, 0.2); }
.connect-icon svg { width: 22px; height: 22px; }
.connect-icon.discord,
.connect-icon.docs,
.connect-icon.panel,
.connect-icon.mail,
.connect-icon.ml,
.connect-icon.appeal,
.connect-icon.status,
.connect-icon.legal { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); color: var(--text-primary, #f2f2f2); }
.hero-icon-wrap svg { width: 28px; height: 28px; }
.store-method-option__emoji { display: inline-flex; align-items: center; }
.changelog-item-icon { display: inline-flex; margin-right: 0.35rem; vertical-align: middle; }

.nav-icon, .nav-icon svg, .login-ico, .login-ico svg, .faq-chevron, .faq-chevron svg {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.nav-item .nav-icon svg { width: 1.125rem; height: 1.125rem; }
.login-ico svg { width: 1rem; height: 1rem; }
.store-pay-ico svg { width: 1.25rem; height: 1.25rem; }
.discord-ico { color: #5865f2; }

.empty-ico, .empty-ico svg { width: 2.5rem; height: 2.5rem; opacity: 0.45; }
.section-ico, .section-ico svg { width: 1.125rem; height: 1.125rem; vertical-align: -0.2em; margin-right: 0.35rem; }
.btn-ico-inline, .btn-ico-inline svg { width: 1rem; height: 1rem; vertical-align: -0.15em; margin-right: 0.25rem; }
.sidebar-chevron, .sidebar-chevron svg { width: 1rem; height: 1rem; }

/* Page stat cards — Lucide inside colored tile (matches sidebar stroke icons) */
.stat-card > .stat-icon[data-lucide],
.stat-card > i.stat-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md, 6px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
.stat-card > .stat-icon[data-lucide] svg,
.stat-card > i.stat-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
}
.stat-card > .stat-icon.blue { background: rgba(255, 92, 26, 0.12); color: var(--accent, #ff5c1a); }
.stat-card > .stat-icon.green { background: var(--success-bg, rgba(61, 214, 140, 0.12)); color: var(--success, #3dd68c); }
.stat-card > .stat-icon.yellow { background: var(--warning-bg, rgba(255, 176, 32, 0.12)); color: var(--warning, #ffb020); }
.stat-card > .stat-icon.red { background: var(--danger-bg, rgba(255, 77, 90, 0.12)); color: var(--danger, #ff4d5a); }