/* =========================================================
   FASE 36A - Visual leve admin
   Preserva aparência sem scripts visuais em loop.
   ========================================================= */

:root {
  --moov-purple: #5b2cff;
  --moov-purple-dark: #33117c;
  --moov-bg: #f7f4ff;
  --moov-card: #ffffff;
  --moov-border: rgba(91, 44, 255, .14);
}

.nav-item.active,
.nav-item.is-active,
[data-section].active,
[data-section].is-active {
  background: linear-gradient(135deg, rgba(91,44,255,.18), rgba(91,44,255,.08)) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.26) !important;
}

.moov-card,
.card,
.dashboard-card,
.kpi-card,
.admin-card,
.table-card {
  border-radius: 18px !important;
  border: 1px solid var(--moov-border) !important;
  box-shadow: 0 12px 28px rgba(26, 16, 70, .08) !important;
}

#main-content,
.main-content,
.admin-content {
  scroll-behavior: auto !important;
}

[id^="sec-"] {
  transition: none !important;
}

[id^="sec-"][hidden] {
  display: none !important;
}

table {
  contain: layout style !important;
}

tbody {
  will-change: auto !important;
}

.loading,
.spinner,
.skeleton {
  animation-duration: .8s !important;
}