/* branding runtime — MySQL admin_branding + espelho config/branding.json */
/* Escuro: paleta completa do white-label. Não usar :root/html soltos — isso vaza no tema claro. */
html[data-theme="dark"],
html:not([data-theme="light"]) {
  --panel-bg: #0f1115 !important;
  --panel-surface: #0d0e12 !important;
  --panel-surface-elevated: #15171c !important;
  --panel-surface-hover: rgba(255, 255, 255, 0.05) !important;
  --panel-input-bg: #1e222b !important;
  --panel-text: #ffffff !important;
  --panel-text-muted: #94a3b8 !important;
  --panel-text-secondary: #94a3b8 !important;
  --panel-accent: #38bdf8 !important;
  --panel-accent-hover: #38bdf8 !important;
  --panel-accent-soft: rgba(56, 189, 248, 0.15) !important;
  --panel-accent-muted: rgba(56, 189, 248, 0.38) !important;
  --panel-menu-accent: #38bdf8 !important;
  --panel-menu-accent-soft: rgba(255, 255, 255, 0.05) !important;
  --futuristic-bg: #0f1115 !important;
  --futuristic-sidebar-bg: #0d0e12 !important;
  --futuristic-header-bg: #0d0e12 !important;
  --futuristic-card-bg: #15171c !important;
  --futuristic-text: #ffffff !important;
  --futuristic-text-muted: #94a3b8 !important;
  --futuristic-active-bg: rgba(255, 255, 255, 0.05) !important;
  --futuristic-accent: #38bdf8 !important;
}

/* Claro: fundos/textos do tema claro; só o accent do white-label. */
html[data-theme="light"] {
  --panel-accent: #38bdf8 !important;
  --panel-accent-hover: #38bdf8 !important;
  --panel-accent-soft: rgba(56, 189, 248, 0.15) !important;
  --panel-accent-muted: rgba(56, 189, 248, 0.38) !important;
  --panel-menu-accent: #38bdf8 !important;
  --futuristic-accent: #38bdf8 !important;
}

html.panel-mobile-lite[data-theme="dark"],
html.panel-mobile-lite:not([data-theme="light"]) {
  --ml-bg: #0f1115 !important;
  --ml-surface: #15171c !important;
  --ml-surface-hover: #1e222b !important;
  --ml-text: #ffffff !important;
  --ml-muted: #94a3b8 !important;
  --ml-accent: #38bdf8 !important;
  --ml-accent-strong: #38bdf8 !important;
  --ml-accent-hover: #38bdf8 !important;
  --ml-accent-muted: rgba(56, 189, 248, 0.38) !important;
  --ml-accent-soft: rgba(56, 189, 248, 0.15) !important;
}
html.panel-mobile-lite[data-theme="light"] {
  --ml-accent: #38bdf8 !important;
  --ml-accent-strong: #38bdf8 !important;
  --ml-accent-hover: #38bdf8 !important;
  --ml-accent-muted: rgba(56, 189, 248, 0.38) !important;
  --ml-accent-soft: rgba(56, 189, 248, 0.15) !important;
}

html[data-theme="dark"] body,
html:not([data-theme="light"]) body {
  background-color: var(--panel-bg, #0f1115) !important;
}
.navigation-sidebar,
.sidebar-fixed-block,
.sidebar-top-brand,
.sidebar-nav-scroll {
  background-color: var(--panel-surface, #0d0e12) !important;
}
.main-header {
  background-color: var(--futuristic-header-bg, #0d0e12) !important;
}
main.page-content,
.page-content,
#main-content-wrapper,
.dashboard-container,
main.container-fluid {
  background-color: var(--panel-bg, #0f1115) !important;
}
.clientes-list-card,
.card,
.card-body,
.modal-content,
.modal-header,
.modal-footer,
.swal2-popup:not(.panel-notify-toast):not(.swal2-toast),
.bottom-sheet-content,
.panel-site-footer,
footer.panel-site-footer {
  background-color: var(--panel-surface-elevated, #15171c) !important;
}
/* Formulários: fundo só no card (cantos 8px); card-body transparente */
.form-list-card.card,
.card.form-list-card {
  background-color: var(--panel-surface-elevated, #15171c) !important;
  border-radius: 8px !important;
}
.form-list-card > .card-body,
.card.form-list-card > .card-body {
  background-color: transparent !important;
  border-radius: 8px !important;
}
.table,
.table > :not(caption) > * > *,
table.dataTable,
.dataTables_wrapper {
  --bs-table-bg: var(--panel-surface-elevated, #15171c);
  background-color: var(--panel-surface-elevated, #15171c) !important;
}
.form-control,
.form-select,
textarea.form-control,
.input-group .form-control,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper input[type="search"],
.bottom-sheet-search-input-group {
  background-color: var(--panel-input-bg, #1e222b) !important;
}
select option,
.form-select option {
  background-color: var(--panel-surface-elevated, #15171c) !important;
  color: var(--panel-text, #ffffff) !important;
}
.navigation-sidebar .nav-link .text,
.navigation-sidebar .menu-category-header,
.navigation-sidebar .nav-item .nav-link {
  color: var(--panel-text-muted, #94a3b8) !important;
}
.navigation-sidebar .nav-item:not(.active) > .nav-link:hover {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--panel-text, #ffffff) !important;
}
.navigation-sidebar .nav-item:not(.active) > .nav-link:hover .text {
  color: var(--panel-text, #ffffff) !important;
}
.navigation-sidebar .nav-item.active > .nav-link,
.navigation-sidebar .nav-item.active > .nav-link:hover,
.navigation-sidebar .nav-item.active > .nav-link:focus,
.navigation-sidebar .nav-item.is-current > .nav-link,
.nav-item.active > .nav-link,
.nav-item.active > .nav-link:hover,
.nav-item.active > .nav-link:focus,
.nav-item.is-current > .nav-link {
  background-color: transparent !important;
  background: transparent !important;
  border-left: 4px solid var(--panel-menu-accent, #38bdf8) !important;
  padding-left: 9px !important;
  box-shadow: none !important;
}
.navigation-sidebar .nav-menu > .nav-item.active,
.navigation-sidebar .nav-menu > .nav-item.is-current {
  position: relative !important;
}
.navigation-sidebar .nav-menu > .nav-item.active::before,
.navigation-sidebar .nav-menu > .nav-item.is-current::before,
.navigation-sidebar .nav-menu > .nav-item > .menu-active-rail,
#menu-active-rail-fixed {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}
.navigation-sidebar .nav-item.active > .nav-link,
.navigation-sidebar .nav-item.is-current > .nav-link,
.nav-item.active > .nav-link,
.nav-item.active > .nav-link:hover,
.nav-item.active > .nav-link:focus,
.nav-item.is-current > .nav-link {
  color: #ffffff !important;
  background: var(--panel-menu-accent-soft, rgba(56, 189, 248, 0.38)) !important;
  background-color: var(--panel-menu-accent-soft, rgba(56, 189, 248, 0.38)) !important;
  border-left: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: none !important;
}
.navigation-sidebar .nav-item.active > .nav-link .text,
.navigation-sidebar .nav-item.active > .nav-link .menu-ico,
.navigation-sidebar .nav-item.is-current > .nav-link .text,
.navigation-sidebar .nav-item.is-current > .nav-link .menu-ico,
.nav-item.active > .nav-link .text,
.nav-item.active > .nav-link .menu-ico,
.nav-item.is-current > .nav-link .text,
.nav-item.is-current > .nav-link .menu-ico {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  outline: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.navigation-sidebar .nav-item.active > .nav-link::before,
.nav-item.active > .nav-link::before,
.nav-item.is-current > .nav-link::before {
  display: none !important;
  content: none !important;
}
@media (max-width: 991.98px) {
  body::before {
    background: var(--panel-bg, #0f1115) !important;
  }
}