/**
 * Lucide no admin — complementa seletores que miravam `svg` no admin.html.
 * Classes de tamanho: .admin-lucide-13 … .admin-lucide-22
 */

.dash-theme-toggle svg,
.dash-theme-toggle .lucide-icon {
  width: 18px;
  height: 18px;
  display: block;
}

.dash-tab svg,
.dash-tab .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke: currentColor;
}

.section-title-row svg,
.section-title-row .lucide-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  stroke: currentColor;
}

.subsection-title svg,
.subsection-title .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--text-muted);
  flex-shrink: 0;
}

.preview-title svg,
.preview-title .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke: currentColor;
}

.btn-primary svg,
.btn-primary .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.btn-secondary svg,
.btn-secondary .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* Botões compactos na barra de gestão / import */
.admin-lucide-13 {
  width: 13px;
  height: 13px;
}

.admin-lucide-14 {
  width: 14px;
  height: 14px;
}

.admin-lucide-16 {
  width: 16px;
  height: 16px;
}

.admin-lucide-18 {
  width: 18px;
  height: 18px;
}

.admin-lucide-20 {
  width: 20px;
  height: 20px;
}

.admin-lucide-22 {
  width: 22px;
  height: 22px;
}

@keyframes adminLucideSpin {
  to {
    transform: rotate(360deg);
  }
}

.admin-lucide-spin {
  animation: adminLucideSpin 1s linear infinite;
}

.inst-card-arrow svg,
.inst-card-arrow .lucide-icon {
  width: 20px;
  height: 20px;
  display: block;
  stroke: currentColor;
}

.btn-deploy svg,
.btn-deploy .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke: currentColor;
}

#uploadModeBanner .lucide-icon {
  flex-shrink: 0;
}