/* Complementa app-dark.css: regras com html[data-agil-theme="dark"] têm efeito só no tema escuro */

#header .header-bar-top {
  border-bottom: 1px solid rgba(199, 203, 209, 0.22);
}

html[data-agil-theme="dark"] {
  color-scheme: dark;
}

html[data-agil-theme="dark"] #header .header-bar-top {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

html[data-agil-theme="dark"] .promo-footer-cv {
  border-top-color: rgba(212, 255, 0, 0.28);
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
}
html[data-agil-theme="dark"] .promo-footer-cv__panel {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

/* Lua = modo claro ativo (clique para escurecer); sol = modo escuro ativo */
.agilpass-theme-icon-sun {
  display: none;
}

html[data-agil-theme="dark"] .agilpass-theme-icon-moon {
  display: none !important;
}

html[data-agil-theme="dark"] .agilpass-theme-icon-sun {
  display: inline-block !important;
}

html[data-agil-theme="dark"] body {
  background-color: #19222c !important;
}

/* Hero / CTA negócio: coluna clara e tipografia Bootstrap */
html[data-agil-theme="dark"] .cta-negocio-card .bg-white {
  background-color: #252d38 !important;
}

html[data-agil-theme="dark"] .cta-negocio-card .text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] .cta-negocio-card p.font-poppins.mb-3 {
  color: #cbd5e1 !important;
}

/*
 * Dropdowns do header (Entrar / Começar / Para negócios):
 * Com data-bs-theme="dark", o Bootstrap pode tratar .text-dark como cor clara;
 * os itens usam bg-white — resultado: texto claro em fundo branco.
 * Forçamos superfície escura em todo o menu e nos links (.bg-white).
 */
html[data-agil-theme="dark"] #header .dropdown-menu.bg-white,
html[data-agil-theme="dark"] .navbar .dropdown-menu.bg-white,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu.bg-white {
  background-color: #222e3c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  --bs-dropdown-bg: #222e3c;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.45);
}

html[data-agil-theme="dark"] #header .dropdown-menu .bg-white,
html[data-agil-theme="dark"] .navbar .dropdown-menu .bg-white,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu .bg-white {
  background-color: #222e3c !important;
}

html[data-agil-theme="dark"] #header .dropdown-menu .text-dark,
html[data-agil-theme="dark"] .navbar .dropdown-menu .text-dark,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu .text-dark {
  color: #f1f5f9 !important;
  --bs-text-opacity: 1;
}

html[data-agil-theme="dark"] #header .dropdown-menu .color-555,
html[data-agil-theme="dark"] .navbar .dropdown-menu .color-555,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu .color-555 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #header .dropdown-menu .bg-hover-f1:hover,
html[data-agil-theme="dark"] .navbar .dropdown-menu .bg-hover-f1:hover,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu .bg-hover-f1:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Submenu aninhado (ex.: Começar → Para negócios) */
html[data-agil-theme="dark"] #header .dropdown-menu .dropdown-menu,
html[data-agil-theme="dark"] .navbar .dropdown-menu .dropdown-menu,
html[data-agil-theme="dark"] .fixed-bottom .dropdown-menu .dropdown-menu {
  background-color: #222e3c !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Navbar clara sobre fundo escuro */
html[data-agil-theme="dark"] .navbar-light {
  --bs-navbar-color: rgba(255, 255, 255, 0.88);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-active-color: #fff;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.45);
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
}

/* Localização mobile (#boxHeaderEndereco): tinha .text-dark — no tema escuro o BS
   usa cor “dark” clara; com header escuro o contraste some. color-light-or-dark
   no blade + reforço aqui para texto e ícones. */
html[data-agil-theme="dark"] #menu a#boxHeaderEndereco,
html[data-agil-theme="dark"] #menu a#boxHeaderEndereco.color-light-or-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #menu a#boxHeaderEndereco i {
  color: #e2e8f0 !important;
}

#menu .navbar-collapse input.form-control.bg-transparent::placeholder {
  color: rgba(55, 65, 81, 0.72);
  opacity: 1;
}

#menu .navbar-collapse input.form-control.bg-transparent::-webkit-input-placeholder {
  color: rgba(55, 65, 81, 0.72);
}

#menu .navbar-collapse input.form-control.bg-transparent::-moz-placeholder {
  color: rgba(55, 65, 81, 0.72);
  opacity: 1;
}

html[data-agil-theme="dark"] #menu .navbar-collapse input.form-control.bg-transparent::placeholder,
html[data-agil-theme="dark"] #menu input[type="search"].form-control::placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] #menu .navbar-collapse input.form-control.bg-transparent::-webkit-input-placeholder,
html[data-agil-theme="dark"] #menu input[type="search"].form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
}

html[data-agil-theme="dark"] #menu .navbar-collapse input.form-control.bg-transparent::-moz-placeholder,
html[data-agil-theme="dark"] #menu input[type="search"].form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] .agilpass-theme-toggle {
  color: inherit !important;
}

html[data-agil-theme="dark"] .agilpass-theme-toggle:focus {
  box-shadow: none;
}

/* --------------------------------------------------------------------------
   Modal de categorias (#ModalProcurar): com tema escuro o fundo do modal
   continuava claro (util.css) enquanto os títulos herdavam cor clara do
   app-dark — texto ilegível. Forçamos superfície escura coerente com o site.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #ModalProcurar .modal-content {
  background-color: #1a2332;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e8eaed;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-header.bg-disabled,
html[data-agil-theme="dark"] #ModalProcurar .modal-footer.bg-disabled {
  background-color: #222b3a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-body {
  background-color: #1a2332 !important;
  color: #e8eaed !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-title.color-base,
html[data-agil-theme="dark"] #ModalProcurar .color-title-tipo-negocio {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalProcurar .btn-close {
  filter: invert(1) grayscale(100%) brightness(1.85);
  opacity: 0.9;
}

html[data-agil-theme="dark"] #ModalProcurar .color-price {
  color: #ff9a85 !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-footer .form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-footer .form-floating > label {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-footer .form-floating > .form-control:focus ~ label,
html[data-agil-theme="dark"] #ModalProcurar .modal-footer .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #ModalProcurar .modal-dialog-scrollable .modal-body {
  scrollbar-color: #4b5563 #1a2332;
}

/* Modal de idiomas (#ModalIdiomas) */
html[data-agil-theme="dark"] #ModalIdiomas .modal-content {
  background-color: #1a2332;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e8eaed;
}

html[data-agil-theme="dark"] #ModalIdiomas .modal-body {
  background-color: #1a2332 !important;
  color: #e8eaed !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .btn-close {
  filter: invert(1) grayscale(100%) brightness(1.85);
  opacity: 0.9;
}

html[data-agil-theme="dark"] #ModalIdiomas .bg-light {
  background-color: #2d3748 !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .input-group-text.bg-white {
  background-color: #374151 !important;
  color: #e8eaed !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .form-control.border-0.bg-transparent {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .border-light-subtle.bg-white {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .text-dark {
  color: #e8eaed !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .border-primary.bg-light {
  background-color: rgba(13, 110, 253, 0.2) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
}

html[data-agil-theme="dark"] #ModalIdiomas .color-888 {
  color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
   Conta: modais de endereço (#ModalAdd / #ModalDeletar) e texto da listagem
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #ModalAdd .modal-content,
html[data-agil-theme="dark"] #ModalDeletar .modal-content {
  background-color: #1e2330 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #ModalAdd .modal-header.bg-header,
html[data-agil-theme="dark"] #ModalAdd .modal-footer.bg-header,
html[data-agil-theme="dark"] #ModalDeletar .modal-header.bg-header,
html[data-agil-theme="dark"] #ModalDeletar .modal-footer.bg-header {
  background-color: #252d3a !important;
}

html[data-agil-theme="dark"] #ModalAdd .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-agil-theme="dark"] #ModalAdd .modal-footer.bg-header,
html[data-agil-theme="dark"] #ModalDeletar .modal-footer.bg-header {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-agil-theme="dark"] #ModalAdd .modal-body.bg-body,
html[data-agil-theme="dark"] #ModalDeletar .modal-body {
  background-color: #1e2330 !important;
}

html[data-agil-theme="dark"] #ModalAdd .color-base-two-temas,
html[data-agil-theme="dark"] #ModalDeletar .color-base-two-temas {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalAdd label,
html[data-agil-theme="dark"] #ModalDeletar label {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #ModalAdd .form-control,
html[data-agil-theme="dark"] #ModalDeletar .form-control,
html[data-agil-theme="dark"] #ModalAdd select.form-control,
html[data-agil-theme="dark"] #ModalDeletar select.form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalAdd .form-control:focus,
html[data-agil-theme="dark"] #ModalDeletar .form-control:focus {
  border-color: rgba(100, 92, 170, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(100, 92, 170, 0.2);
}

html[data-agil-theme="dark"] #ModalAdd .text-dark,
html[data-agil-theme="dark"] #ModalDeletar .text-dark {
  color: #e8eaed !important;
}

/* Página /account/addresses: listagem e separadores */
html[data-agil-theme="dark"] main section .border.border-dark {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] main section .text-dark.font-poppins {
  color: #e2e8f0 !important;
}

/* --------------------------------------------------------------------------
   Páginas institucionais (para-usuários, para-empresas, etc.): util.css usa
   .bg-f5 { background: #F5F5F5 !important; } (shorthand). Com tema escuro,
   o texto herdado de data-bs-theme=dark fica claro sobre #F5 → ilegível.
   Sobrescrever com shorthand + section para ganhar da util.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.bg-f5,
html[data-agil-theme="dark"] .bg-f5 {
  background: #1a2332 !important;
  color: #e2e8f0;
}

html[data-agil-theme="dark"] .bg-f5 .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] .bg-f5 p:not(.text-light):not(.btn) {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] .bg-f5 .bi-check2-circle {
  color: #a5b4fc !important;
}

/* Seção de formulário / planos: fundo com imagem clara */
html[data-agil-theme="dark"] section.fundo-dots {
  background: #1a2332 !important;
}

html[data-agil-theme="dark"] #planos .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #planos .filtro-search.bg-white {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #planos .filtro-search.bg-white::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #planos .filtro-search.bg-white::-webkit-input-placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #planos .filtro-search.bg-white::-moz-placeholder {
  color: #94a3b8 !important;
}

/* Cartões de plano permanecem brancos: texto escuro dentro do card */
html[data-agil-theme="dark"] #planos .card-servico.bg-white .color-base {
  color: #152d45 !important;
}

html[data-agil-theme="dark"] #planos .card-servico.bg-white .color-grafite-04 {
  color: #4c555e !important;
}

html[data-agil-theme="dark"] #planos .card-servico.bg-white .list-group-item,
html[data-agil-theme="dark"] #planos .card-servico.bg-white .list-group-item span {
  color: #334155 !important;
  background-color: transparent !important;
}

/* Para-usuários: cartão está em #planos > #planos-tab-content com fundo escuro; as
   regras acima (texto #152d45) têm mais especificidade que #planos-tab-content
   sozinho — forçar texto claro quando ambos os ancestrais existem. */
html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .list-group-item,
html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .list-group-item span {
  color: #e2e8f0 !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .list-group-item .color-roxo {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .card-header-servico {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #planos #planos-tab-content .card-servico.bg-white .card-body-servico.border-bottom {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #planos .alert-info {
  background-color: rgba(13, 110, 253, 0.15) !important;
  border-color: rgba(13, 110, 253, 0.35) !important;
  color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   Para negócios — formulário #cadastro (cartões .bg-white + .filtro-search)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #cadastro .bg-white {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0;
}

html[data-agil-theme="dark"] #cadastro .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #cadastro .color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #cadastro .filtro-search.bg-white {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #cadastro .filtro-search.bg-white::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #cadastro .filtro-search.bg-white::-webkit-input-placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #cadastro .filtro-search.bg-white::-moz-placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #cadastro .filtro-search.bg-white:focus {
  border-color: rgba(129, 140, 248, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2) !important;
  background-color: #2d3748 !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #cadastro hr {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

/* --------------------------------------------------------------------------
   Busca sem resultados: #searchEmptyCard (text-muted + inputs .bg-light)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #searchEmptyCard.card {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .text-muted {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .form-control.bg-light,
html[data-agil-theme="dark"] #searchEmptyCard textarea.form-control.bg-light {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .form-control:focus {
  border-color: rgba(129, 140, 248, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2) !important;
  background-color: #2d3748 !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #searchEmptyCard .form-control::-webkit-input-placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .form-control::-moz-placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #searchEmptyCard .alert .btn-close {
  filter: invert(1) grayscale(100%) brightness(1.8);
}

/* Botões Filtros / Limpar: .bg-white + .color-base ou .text-dark no escuro = texto claro sobre branco */
html[data-agil-theme="dark"] #searchSection a.bg-white {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html[data-agil-theme="dark"] #searchSection a.bg-white i {
  color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   Reserva (negócio/atividade) #agenda: datas e horários .btn-outline-dark + .border-dark
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #agenda .btn-outline-dark {
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
}

html[data-agil-theme="dark"] #agenda a.btn-outline-dark:not(.active) {
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  background-color: rgba(255, 255, 255, 0.11) !important;
}

html[data-agil-theme="dark"] #agenda .btn-outline-dark:hover {
  color: #f8fafc !important;
  border-color: rgba(167, 139, 250, 0.55) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
}

/* Evita caixa branca + texto escuro do Bootstrap em [data-bs-theme=dark] */
html[data-agil-theme="dark"] #agenda a.btn.btn-outline-dark.active,
html[data-agil-theme="dark"] #agenda a.btn-outline-dark.active {
  color: #ffffff !important;
  background-color: #475569 !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  --bs-btn-active-bg: #475569;
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.4);
}

html[data-agil-theme="dark"] #agenda .btn-outline-dark .txtDia,
html[data-agil-theme="dark"] #agenda .btn-outline-dark .txtData {
  color: inherit !important;
}

html[data-agil-theme="dark"] #agenda a[uk-slidenav-previous],
html[data-agil-theme="dark"] #agenda a[uk-slidenav-next] {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #agenda .uk-slidenav {
  color: #cbd5e1 !important;
}

/* Profissionais (HTML via AJAX): cartão branco + .color-light-or-dark (claro no app-dark) = ilegível */
html[data-agil-theme="dark"] #profissionais-disponiveis-list .bg-white.border.rounded,
html[data-agil-theme="dark"] #profissionais-indisponiveis-list .bg-white.border.rounded {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* --------------------------------------------------------------------------
   Reserva: modal #ModalEscolher (Confirmar Reserva) no tema escuro
   util.css força .modal-body { background #F8F8F8 } + BS dark faz .text-dark claro
   = texto ilegível; corpo do modal escuro + tipografia explícita.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #ModalEscolher .modal-content {
  background-color: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-header {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-footer {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-body {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-title,
html[data-agil-theme="dark"] #ModalEscolher .modal-title.color-base {
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-body .text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-body .color-base {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .modal-body label {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .color-grafite-03,
html[data-agil-theme="dark"] #ModalEscolher .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #ModalEscolher hr.border-secondary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #ModalEscolher .form-control {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #ModalEscolher .alert-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fde68a !important;
}

html[data-agil-theme="dark"] #ModalEscolher .btn-close {
  filter: invert(1) grayscale(100%) brightness(1.8);
}

/* Opcional: tab/pill de modalidade */
html[data-agil-theme="dark"] #ModalEscolher .optModalidade.nav-link {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #ModalEscolher .optModalidade.nav-link.active,
html[data-agil-theme="dark"] #ModalEscolher .nav-link.active {
  background-color: #6c5ce7 !important;
  color: #fff !important;
}

/* --------------------------------------------------------------------------
   Reserva: modal #call-modal-success (agendamento confirmado)
   Mesmo conflito util.css .modal-body + BS .text-dark no tema escuro.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #call-modal-success .modal-content {
  background-color: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #call-modal-success .modal-body {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #call-modal-success .modal-body .text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #call-modal-success .modal-body .text-success {
  color: #4ade80 !important;
}

html[data-agil-theme="dark"] #call-modal-success .modal-footer {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* --------------------------------------------------------------------------
   Reservas (/account/books): cartões bg-white com .rounded-2
   BS tema escuro deixa .text-dark claro — em cartão ainda branco (util .modal-body
   não aplica, mas conflitos de ordem) forçar fundo escuro + tipografia explícita.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 .color-grafite-03 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 .color-grafite-04 {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 .text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 a.text-dark {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 p,
html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 span:not(.badge) {
  color: inherit;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 p.text-dark,
html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 .font-inter.text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 .text-warning.bg-base {
  color: #fcd34d !important;
  background-color: rgba(15, 23, 42, 0.65) !important;
}

html[data-agil-theme="dark"] main.overflow-x-hidden section .bg-white.rounded-2 hr.border-secondary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

/* --------------------------------------------------------------------------
   Conta / Reservas: modais check-in, cancelar e avaliar (fora do <main>)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #ModalCheckin .modal-content,
html[data-agil-theme="dark"] #ModalCancelar .modal-content,
html[data-agil-theme="dark"] #ModalAvaliar .modal-content {
  background-color: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalCheckin .modal-header,
html[data-agil-theme="dark"] #ModalCancelar .modal-header,
html[data-agil-theme="dark"] #ModalAvaliar .modal-header {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalCheckin .modal-header .color-base-two-temas,
html[data-agil-theme="dark"] #ModalCancelar .modal-header .color-base-two-temas,
html[data-agil-theme="dark"] #ModalAvaliar .modal-header .color-base-two-temas {
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] #ModalCheckin .modal-body,
html[data-agil-theme="dark"] #ModalCancelar .modal-body,
html[data-agil-theme="dark"] #ModalAvaliar .modal-body {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #ModalCheckin .modal-body .text-dark {
  color: #e2e8f0 !important;
}

/* Código numérico: app-dark .color-base é claro — se o corpo do modal ficar claro
   (util.css / cache), vira branco sobre branco. Faixa clara + dígitos escuros. */
html[data-agil-theme="dark"] #ModalCheckin #set_codigo_checkin,
html[data-agil-theme="dark"] #ModalCheckin .modal-body input#set_codigo_checkin {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background-color: #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 0.65rem 1rem !important;
  margin-top: 0.35rem !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] #ModalCancelar .modal-body textarea,
html[data-agil-theme="dark"] #ModalCancelar .modal-body .textarea-form {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

/* .placeholder-edit no app-dark usa #161632 nos pseudo-elementos — some no fundo escuro */
html[data-agil-theme="dark"] #ModalCancelar .modal-body textarea.placeholder-edit::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] #ModalCancelar .modal-body textarea.placeholder-edit::-webkit-input-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #ModalCancelar .modal-body textarea.placeholder-edit::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] #ModalCancelar .modal-body textarea.placeholder-edit:-ms-input-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] #ModalCancelar .modal-footer {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] #ModalAvaliar .modal-body label.text-light-if-dark {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #ModalAvaliar .modal-body .textarea-form,
html[data-agil-theme="dark"] #ModalAvaliar .modal-body textarea {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #ModalAvaliar .modal-body textarea::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #ModalAvaliar #setStarText,
html[data-agil-theme="dark"] #ModalAvaliar #setStarTextProfissional {
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] #ModalAvaliar .modal-body .color-777 {
  color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
   FAQ (#myTab): painéis brancos, perguntas .color-333, abas .color-grafite
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.fundo-dots .container-fluid > h1.color-base {
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-agil-theme="dark"] section.fundo-dots #myTab .nav-link {
  color: #94a3b8 !important;
  background-color: transparent !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab .nav-link:hover {
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
}

html[data-agil-theme="dark"] section.fundo-dots #myTab .nav-link.active {
  color: #f1f5f9 !important;
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.14) rgba(255, 255, 255, 0.14) #252d38 !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .tab-pane.bg-white {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .clickFaq.color-333 {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .clickFaq .color-grafite-05 {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .clickFaq strong {
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .clickFaq .bi-caret-right {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] section.fundo-dots #myTab ~ .tab-content .tab-pane .border-secondary {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* --------------------------------------------------------------------------
   Perfil público (/pt-br/profile/{id}): cartões .bg-white em site/pt-br/profile
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] #profile-public section.bg-white {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
  color: #e2e8f0;
}

html[data-agil-theme="dark"] #profile-public section.bg-white h1 {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .font-montserrat.weight-700 {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-grafite-05-if-light {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-light-if-dark-if-light {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .text-light-if-dark {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white p.color-grafite-04.text-light-if-dark {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-blue-info-link {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .text-danger {
  color: #f87171 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white hr.border,
html[data-agil-theme="dark"] #profile-public section.bg-white hr.border-secondary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #profile-public section.bg-white i.weight-400 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-grafite-04-if-light {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #profile-public section.bg-white .color-no-star {
  color: #475569 !important;
}

/* --------------------------------------------------------------------------
   Conta: menu (/account/menu) — banner "sem plano", headline e dark mode
   -------------------------------------------------------------------------- */

/* Banner "sem plano" — light mode */
.account-menu-plan-banner {
  background: linear-gradient(135deg, #fff5ef 0%, #feeadb 100%);
  border-left: 4px solid #e85815;
}

/* Botão CTA do banner */
.account-menu-plan-btn {
  background: linear-gradient(135deg, #e85815 0%, #c44a0e 100%);
  border: none;
  box-shadow: 0 3px 14px rgba(232, 88, 21, .35);
  color: #fff !important;
  transition: box-shadow .2s ease, background .2s ease;
}
.account-menu-plan-btn:hover {
  background: linear-gradient(135deg, #d14e12 0%, #a83a08 100%);
  box-shadow: 0 5px 20px rgba(232, 88, 21, .5);
  color: #fff !important;
}

/* headline com color-price não precisa ser sobrescrito no escuro (app-dark.css já trata .color-price) */
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-headline:not(.color-price) {
  color: #f1f5f9 !important;
}

/* util.css .color-grafite-04 (#4c555e) some no fundo escuro — texto de apoio no bloco "sem plano" */
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-headline + .color-grafite-04,
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-plan-pitch {
  color: #a8b4c6 !important;
}

/* Banner — dark mode */
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-plan-banner {
  background: linear-gradient(135deg, #1c0d04 0%, #2b1508 100%) !important;
  border-left-color: #f97316 !important;
}
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-plan-btn {
  background: linear-gradient(135deg, #f97316 0%, #e85815 100%) !important;
  box-shadow: 0 3px 14px rgba(249, 115, 22, .4) !important;
}
html[data-agil-theme="dark"] main.overflow-x-hidden section .account-menu-plan-btn:hover {
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
  box-shadow: 0 5px 20px rgba(249, 115, 22, .6) !important;
}

/* Títulos de secção da área logada (menu, plano, dados, etc.): vermelho legível no escuro */
html[data-agil-theme="dark"] main.overflow-x-hidden section h1.color-price {
  color: #fca5a5 !important;
}

/* --------------------------------------------------------------------------
   Conta: planos (/account/plan) — pills brancas e card (color-base claro no app-dark)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main.overflow-x-hidden section .container-fluid > hr.border {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #planos-tabs.nav-pills.bg-white,
html[data-agil-theme="dark"] #planos-tab-content ul.nav-pills.bg-white {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.1rem rgba(0, 0, 0, 0.35);
}

html[data-agil-theme="dark"] #planos-tabs .nav-link:not(.active),
html[data-agil-theme="dark"] #planos-tab-content .nav-link[data-plano-id]:not(.active) {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #planos-tabs .nav-link.active,
html[data-agil-theme="dark"] #planos-tab-content .nav-link[data-plano-id].active {
  color: #ffffff !important;
  background-color: #6c5ce7 !important;
}

html[data-agil-theme="dark"] #planos-tab-content .nav-link[data-plano-id] .tab-plan-preco.color-grafite-02 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #planos-tab-content .nav-link[data-plano-id].active .tab-plan-preco.color-grafite-02 {
  color: rgba(255, 255, 255, 0.85) !important;
}

html[data-agil-theme="dark"] #planos-tab-content .nav-link[data-plano-id]:not(.active) .tab-plan-preco span.text-white {
  color: #c4b5fd !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico.bg-white {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico .list-group-item {
  background-color: transparent !important;
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico .list-group-item span {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] #planos-tab-content .card-servico .text-end .color-777 {
  color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
   Secções .bg-white no tema escuro (ex.: fluxos com cartões brancos):
   .color-base do app-dark é claro → ilegível. Forçar texto escuro no branco.
   (register-step-02 usa #register-step-02: painéis escuros + texto claro.)
   Regras mais específicas (#profile-public, #cadastro, #planos-tab-content…)
   continuam a prevalecer.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main section.bg-white .color-base {
  color: #152d45 !important;
}

/* --------------------------------------------------------------------------
   Quem somos: cartões .mb-4.bg-white (só esta página usa esta combinação)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.mb-4.bg-white.p-4.rounded-10.box-shadow {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
  color: #e2e8f0;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.mb-4.bg-white.p-4.rounded-10.box-shadow .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.mb-4.bg-white.p-4.rounded-10.box-shadow p {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.mb-4.bg-white.p-4.rounded-10.box-shadow .color-grafite-04 {
  color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
   Política / Termos: caixa .bg-white.p-4.box-shadow.rounded (sem rounded-10)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-4.box-shadow.rounded {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
  color: #e2e8f0;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-4.box-shadow.rounded h2 {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-4.box-shadow.rounded p {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-4.box-shadow.rounded .color-grafite-03 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-4.box-shadow.rounded hr.border {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

/* --------------------------------------------------------------------------
   Blog: estado vazio, cards, corpo do post, paginação, CTA do artigo
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-5.rounded-10.box-shadow.text-center {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > div.bg-white.p-5.rounded-10.box-shadow.text-center .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow {
  background-color: #252d38 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow h2.text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .color-grafite-04 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .bg-light {
  background-color: #2d3748 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .blog-post-content,
html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .blog-post-content p,
html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .blog-post-content li {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 article.bg-white.rounded-10.box-shadow .blog-post-content a {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 .card .col-md-9.bg-white {
  background-color: #252d38 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 .card .col-md-9.bg-white h2.text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 .card .col-md-9.bg-white .text-secondary {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .pagination .page-link {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] section.fundo-dots .pagination .page-item.active .page-link {
  background-color: #6c5ce7 !important;
  border-color: #6c5ce7 !important;
  color: #fff !important;
}

html[data-agil-theme="dark"] section.fundo-dots .pagination .page-item.disabled .page-link {
  background-color: #1e293b !important;
  color: #64748b !important;
}

/* --------------------------------------------------------------------------
   Contato: subtítulo, formulário .lead-form, ícones, alerta
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] section.fundo-dots .container-fluid.px-xl-8 > p.text-dark {
  color: #cbd5e1 !important;
}

/* Uma única “faixa” atrás do ícone + campo (só contato usa .lead-form) */
html[data-agil-theme="dark"] section.fundo-dots form .d-flex:has(.lead-form) {
  background-color: #2d3748 !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  gap: 0.75rem;
}

html[data-agil-theme="dark"] section.fundo-dots form .d-flex.align-items-center:has(.lead-form) {
  align-items: center;
}

html[data-agil-theme="dark"] section.fundo-dots form .d-flex:has(textarea.lead-form) {
  align-items: flex-start;
}

html[data-agil-theme="dark"] section.fundo-dots .lead-form {
  color: #f1f5f9 !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-agil-theme="dark"] section.fundo-dots .lead-form::placeholder {
  color: #64748b !important;
  opacity: 1;
}

html[data-agil-theme="dark"] section.fundo-dots .lead-form::-webkit-input-placeholder {
  color: #64748b !important;
}

html[data-agil-theme="dark"] section.fundo-dots .lead-form::-moz-placeholder {
  color: #64748b !important;
  opacity: 1;
}

html[data-agil-theme="dark"] section.fundo-dots select.lead-form option {
  background-color: #2d3748;
  color: #f1f5f9;
}

html[data-agil-theme="dark"] section.fundo-dots hr.border.border-dark {
  border-color: rgba(255, 255, 255, 0.14) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] section.fundo-dots .color-icon-form {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] section.fundo-dots .header-icons i {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] section.fundo-dots form .bi-chat-left-dots {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] section.fundo-dots .alert-success {
  background-color: rgba(25, 135, 84, 0.2) !important;
  border-color: rgba(25, 135, 84, 0.45) !important;
  color: #bbf7d0 !important;
}

/* --------------------------------------------------------------------------
   Cadastro passo 2: pergunta empresa parceira (topbar + área branca → painel escuro)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] body:has(#register-step-02) {
  background-color: #19222c !important;
}

html[data-agil-theme="dark"] main#register-step-02 {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] #register-step-02 section.bg-white {
  background-color: #1e293b !important;
  color: #e2e8f0;
}

html[data-agil-theme="dark"] #register-step-02 section.border.border-bottom.bg-white {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] #register-step-02 .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #register-step-02 a.color-roxo {
  color: #a5b4fc !important;
}

html[data-agil-theme="dark"] #register-step-02 a.color-roxo:hover {
  color: #c7d2fe !important;
}

/* --------------------------------------------------------------------------
   Cadastro passo 3 (elegibilidade empresa): coluna do formulário + .text-dark
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] body:has(#register-step-03) {
  background-color: #19222c !important;
}

html[data-agil-theme="dark"] #register-step-03 h1.text-dark.font-inter {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #register-step-03 h1.color-suave {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] #register-step-03 label.font-poppins {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] #register-step-03 .form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] #register-step-03 .form-control:focus {
  color: #f1f5f9 !important;
  background-color: #2d3748 !important;
  border-color: rgba(129, 140, 248, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2) !important;
}

html[data-agil-theme="dark"] #register-step-03 hr.border {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] #register-step-03 #boxBtnBuscar .bg-white.border-0.text-danger {
  background-color: transparent !important;
  color: #fca5a5 !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — criar senha:
   tela usa app-light.css e bg claro; forçar contraste no tema escuro.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-criarsenha {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .color-grafite,
html[data-agil-theme="dark"] main#para-negocios-criarsenha .color-grafite-03,
html[data-agil-theme="dark"] main#para-negocios-criarsenha h2.color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .form-floating label {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .form-control:disabled {
  background-color: #2d3748 !important;
  color: #f1f5f9 !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-criarsenha .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-criarsenha .navbar-brand .color-pass {
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — horário de funcionamento (mesma base que criar senha)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .color-grafite,
html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento h2.color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento label span {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento hr {
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .form-control,
html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento input.horas {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .form-control::placeholder,
html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento input.horas::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .form-control:disabled {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-horario-funcionamento .navbar-brand .color-pass {
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — atividades (form + Select2 + cards de repasse)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-atividades {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-atividades section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades h2.color-grafite,
html[data-agil-theme="dark"] main#para-negocios-atividades .color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades label {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-atividades textarea.textarea-form {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades textarea.textarea-form::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-atividades #linha-valor-particular-assinantes .bg-light {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades #linha-valor-particular-assinantes .text-muted {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades #linha-valor-particular-assinantes .text-dark {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-atividades .navbar-brand .color-pass {
  color: inherit !important;
}

/* Select2 (Bootstrap 5): seleção fica dentro do main; lista abre no body */
html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection__placeholder {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  background-color: #334155 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] .select2-dropdown {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-agil-theme="dark"] .select2-results__option {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] .select2-results__option--selected {
  background-color: #334155 !important;
}

html[data-agil-theme="dark"] .select2-results__option--highlighted,
html[data-agil-theme="dark"] .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #475569 !important;
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] .select2-results__group {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] .select2-search__field {
  background-color: #2d3748 !important;
  color: #f1f5f9 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — atividades-opt (pular / cadastrar mais)
   min-height no main evita “vazio” escuro abaixo do conteúdo curto vs body.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-atividades-opt {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-atividades-opt section.border.border-bottom.bg-white,
html[data-agil-theme="dark"] main#para-negocios-atividades-opt section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades-opt section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades-opt .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades-opt h2.color-grafite,
html[data-agil-theme="dark"] main#para-negocios-atividades-opt .color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-atividades-opt .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-atividades-opt .navbar-brand .color-pass {
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — logotipo (upload)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-logotipo {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo section.border.border-bottom.bg-white,
html[data-agil-theme="dark"] main#para-negocios-logotipo section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo label {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo .file-form {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo .file-form::file-selector-button {
  background-color: #475569 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px;
  padding: 0.35rem 0.75rem;
  margin-right: 0.75rem;
  cursor: pointer;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo .file-form::-webkit-file-upload-button {
  background-color: #475569 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px;
  padding: 0.35rem 0.75rem;
  margin-right: 0.75rem;
  cursor: pointer;
}

html[data-agil-theme="dark"] main#para-negocios-logotipo .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-logotipo .navbar-brand .color-pass {
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   Para negócios (cadastro) — cartão / plano (form + validade + benefícios)
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-card {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-card section.border.border-bottom.bg-white,
html[data-agil-theme="dark"] main#para-negocios-card section.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card section.bg-f9 {
  background-color: #19222c !important;
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card h2.color-grafite,
html[data-agil-theme="dark"] main#para-negocios-card .color-grafite {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card h1 .text-primary {
  color: #93c5fd !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .color-suave {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .color-suave strong {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-list li {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card #para-negocios-card-main {
  background: linear-gradient(180deg, #121820 0%, #161c28 55%, #1a1428 100%) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .para-negocios-card-header {
  background-color: #1a2332 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box h1.color-base {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-price-accent {
  color: #a78bfa !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-panel {
  background: linear-gradient(160deg, #1e1a33 0%, #252040 45%, #2a2448 100%) !important;
  border-color: rgba(167, 139, 250, 0.25) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-panel__title {
  color: #c4b5fd !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-panel-mobile {
  background: linear-gradient(135deg, #1e1a33 0%, #252040 100%) !important;
  border: 1px solid rgba(167, 139, 250, 0.22) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-mobile-title {
  color: #c4b5fd !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-security-note .card-security-icon {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-security-note .card-security-text {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .text-card-label {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-address-sep {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .trust-badges {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card label {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .form-control {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .form-control.p-form,
html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .card-field-select {
  background-color: #1a2332 !important;
  color: #f1f5f9 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .card-field-select {
  --bs-form-select-bg: #1a2332;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  /* Lista nativa do select (Chrome/Edge/Firefox): evita options escuros em fundo escuro */
  color-scheme: dark;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box select.card-field-select option,
html[data-agil-theme="dark"] main#para-negocios-card .card-form-box select.card-field-select optgroup {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .form-control.p-form:focus,
html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .card-field-select:focus {
  border-color: #8b7cf7 !important;
  box-shadow: 0 0 0 3px rgba(139, 124, 247, 0.25) !important;
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .card-form-box .form-floating > .form-control {
  background-color: #1a2332 !important;
  color: #f1f5f9 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .benefits-list li .check-icon {
  color: #a78bfa !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html[data-agil-theme="dark"] main#para-negocios-card select.select-form {
  background-color: #2d3748 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card select.select-form option {
  background-color: #1e293b;
  color: #f1f5f9;
}

html[data-agil-theme="dark"] main#para-negocios-card .form-floating label {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .form-floating label span {
  color: inherit !important;
}

html[data-agil-theme="dark"] main#para-negocios-card .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-card .navbar-brand .color-pass {
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   Para negócios — cadastro cartão Stripe (locales != pt-br): card-form-box
   branco + .color-base claro no app-dark = título ilegível.
   -------------------------------------------------------------------------- */

html[data-agil-theme="dark"] main#para-negocios-card-stripe {
  background-color: #19222c !important;
  min-height: 100vh;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe > section.border.border-bottom.bg-white {
  background-color: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe > section.py-5 {
  background: #19222c !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .navbar-brand .color-agil,
html[data-agil-theme="dark"] main#para-negocios-card-stripe .navbar-brand .color-pass {
  color: inherit !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box {
  background-color: #252d38 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box h1.color-base,
html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box h1 {
  color: #f1f5f9 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box h1 .fs-18 {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box .mb-4 p.font-poppins.weight-500.fs-14 {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .card-form-box .form-label {
  color: #e2e8f0 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .benefits-list li {
  color: #cbd5e1 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .trust-badges {
  color: #94a3b8 !important;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe #stripe-card-element {
  background-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color-scheme: dark;
}

html[data-agil-theme="dark"] main#para-negocios-card-stripe .rounded-4[style*="linear-gradient"],
html[data-agil-theme="dark"] main#para-negocios-card-stripe .rounded-3[style*="linear-gradient"] {
  background: linear-gradient(135deg, #1e293b 0%, #312e81 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}