/* =====================================================
   HOCLIEUHUB — HỆ THỐNG BIỂU TƯỢNG LUCIDE
   Phong cách: hiện đại, tối giản, thân thiện với học sinh.
   ===================================================== */

:root {
  --hhl-icon-size-sm: 16px;
  --hhl-icon-size-md: 20px;
  --hhl-icon-size-lg: 24px;
  --hhl-icon-stroke: 2;
}

.hhl-lucide-icon,
svg.lucide {
  width: 1em;
  height: 1em;
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: -0.14em;
  stroke-width: var(--hhl-icon-stroke);
}

button svg.lucide,
a svg.lucide,
label svg.lucide {
  pointer-events: none;
}

.compact-menu-list svg.lucide,
.compact-menu-logout svg.lucide {
  width: var(--hhl-icon-size-md);
  height: var(--hhl-icon-size-md);
  vertical-align: middle;
}

.compact-search-icon svg.lucide,
.header-action-link svg.lucide,
.compact-navbar-right svg.lucide {
  width: var(--hhl-icon-size-md);
  height: var(--hhl-icon-size-md);
}

button svg.lucide,
.btn-primary svg.lucide,
.btn-secondary svg.lucide,
.primary-link svg.lucide,
.secondary-link svg.lucide {
  margin-right: 6px;
}

.home-stats svg.lucide,
.dashboard-stat-grid svg.lucide,
.stats-grid svg.lucide,
.quick-links svg.lucide {
  width: var(--hhl-icon-size-lg);
  height: var(--hhl-icon-size-lg);
}

/* Huy hiệu/thành tựu vẫn giữ biểu tượng màu riêng để tạo cảm giác phần thưởng. */
.level-badge,
.badge-icon,
.achievement-icon,
.badge-unlock-popup__icon,
.mission-icon {
  font-family: inherit;
}

@media (max-width: 768px) {
  :root {
    --hhl-icon-size-md: 19px;
    --hhl-icon-size-lg: 22px;
  }
}