/* ============================================================
   MEGA THEME OVERRIDE for CRS admin-spa
   Paleta: verde Mega (#25d366) sobre near-black (#0a0a0a)
   Aplicado em 2026-05-14
   ============================================================ */

:root,
:root.dark,
.dark,
html.dark {
  /* ----- Primary brand ----- */
  --primary-color: #25d366 !important;
  --secondary-color: #1ea64f !important;
  --accent-color: #25d366 !important;
  --success-color: #25d366 !important;

  /* ----- Gradients (banners, headers, login) ----- */
  --bg-gradient-start: #0a0a0a !important;
  --bg-gradient-mid: #141414 !important;
  --bg-gradient-end: #1a1a1a !important;

  /* ----- Surfaces / glass ----- */
  --surface-color: rgba(26, 26, 26, 0.95) !important;
  --glass-color: rgba(37, 211, 102, 0.06) !important;
  --glass-strong-color: rgba(26, 26, 26, 0.95) !important;

  /* ----- Text ----- */
  --text-primary: #f1f5f9 !important;

  /* ----- Tables / hover ----- */
  --table-hover: rgba(37, 211, 102, 0.10) !important;
  --border-color: rgba(37, 211, 102, 0.18) !important;

  /* ----- Element Plus core ----- */
  --el-color-primary: #25d366 !important;
  --el-color-primary-light-3: #4dde85 !important;
  --el-color-primary-light-5: #6de69b !important;
  --el-color-primary-light-7: #a3eebf !important;
  --el-color-primary-light-8: #c8f4d9 !important;
  --el-color-primary-light-9: #102a18 !important;
  --el-color-primary-dark-2: #1ea64f !important;
  --el-color-success: #25d366 !important;

  /* ----- Element Plus backgrounds (dark) ----- */
  --el-bg-color: #141414 !important;
  --el-bg-color-page: #0a0a0a !important;
  --el-bg-color-overlay: #1a1a1a !important;
  --el-fill-color-blank: #141414 !important;
}

/* Gradient login card / hero / sidebar overrides */
.bg-gradient-to-r,
.bg-gradient-to-br,
.bg-gradient-to-b,
[class*="from-purple"],
[class*="from-indigo"],
[class*="from-blue"],
[class*="to-pink"],
[class*="to-purple"] {
  background: linear-gradient(135deg, #0a0a0a 0%, #141414 100%) !important;
}

/* Botão primary (Login "ENTRAR" e CTAs) */
.el-button--primary,
.el-button--primary:not(.is-disabled):hover,
.el-button--primary:not(.is-disabled):focus {
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #052e16 !important;
  font-weight: 700 !important;
}
.el-button--primary:not(.is-disabled):hover {
  background: #1ea64f !important;
  border-color: #1ea64f !important;
}

/* Links e textos accent */
a, .text-primary, [class*="text-indigo"], [class*="text-purple"], [class*="text-blue-5"] {
  color: #25d366 !important;
}

/* Inputs focus */
.el-input__wrapper.is-focus,
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #25d366 inset !important;
}

/* Menu lateral active item */
.el-menu-item.is-active,
.router-link-active,
.router-link-exact-active {
  color: #25d366 !important;
  background: rgba(37, 211, 102, 0.10) !important;
  border-left-color: #25d366 !important;
}

/* Tags / badges success */
.el-tag--success,
.el-tag.el-tag--success {
  background: rgba(37, 211, 102, 0.15) !important;
  border-color: #25d366 !important;
  color: #25d366 !important;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar-thumb {
  background: rgba(37, 211, 102, 0.25) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(37, 211, 102, 0.45) !important;
}