/* AUTO GERADO PELO EDITAR_LAYOUT.PHP */

:root{
  --e-dash_header_bg: #6f42c1;
}

html[data-theme="light"]{
  --e-dash_header_bg: #6f42c1;
}

/* ============================
   INDEX (classes reais)
   ============================ */
body[data-page="index"] .d-flex.flex-column > .row .card{
  background: var(--e-index_fundo_card_produto, var(--card)) !important;
  border-color: var(--e-index_borda_card_produto, rgba(255,255,255,.10)) !important;
}
body[data-page="index"] .js-confirmar-pedido button.btn{
  background: var(--e-index_botao_confirmar_bg, var(--brand)) !important;
  color: var(--e-index_botao_confirmar_texto, #fff) !important;
}
body[data-page="index"] .badge-esgotado{
  background: var(--e-index_badge_esgotado_bg, #dc3545) !important;
  color: var(--e-index_badge_esgotado_texto, #fff) !important;
}

/* ============================
   DASHBOARD (classes reais)
   ============================ */
body[data-page="dashboard"] .navbar.navbar-theme{
  background: var(--e-dash_header_bg, transparent) !important;
}
body[data-page="dashboard"] .navbar.navbar-theme *{
  color: var(--e-dash_header_texto, var(--text)) !important;
}

/* Cards gerais do dashboard (usa .card-glass-soft) */
body[data-page="dashboard"] .card.card-glass-soft{
  background: var(--e-dash_cards_bg, var(--card)) !important;
}

/* KPIs (usa .kpi-tile e .kpi-mini) */
body[data-page="dashboard"] .kpi-tile,
body[data-page="dashboard"] .kpi-mini{
  background: var(--e-dash_kpi_bg, rgba(255,255,255,.06)) !important;
  border-color: var(--e-dash_kpi_borda, rgba(255,255,255,.12)) !important;
}

/* Tabelas (usa .table-theme) */
body[data-page="dashboard"] table.table-theme{
  background: var(--e-dash_tabela_bg, transparent) !important;
}
body[data-page="dashboard"] table.table-theme thead th{
  background: var(--e-dash_tabela_cabecalho_bg, rgba(255,255,255,.06)) !important;
  color: var(--e-dash_tabela_cabecalho_texto, var(--text)) !important;
}

/* Logs (container usa .logs-scroll dentro de um card) */
body[data-page="dashboard"] .logs-scroll{
  background: var(--e-dash_fundo_logs, transparent) !important;
}

/* Botões Confirmar/Recusar pedidos (usa .js-pedido-action) */
body[data-page="dashboard"] .js-pedido-action[data-acao="confirmar"]{
  background: var(--e-dash_botao_confirmar_bg, var(--brand)) !important;
  color: var(--e-dash_botao_confirmar_texto, #fff) !important;
  border-color: var(--e-dash_botao_confirmar_bg, var(--brand)) !important;
}
body[data-page="dashboard"] .js-pedido-action[data-acao="recusar"]{
  border-color: var(--e-dash_botao_recusar_borda, #dc3545) !important;
  color: var(--e-dash_botao_recusar_texto, #dc3545) !important;
}

/* Badges (usa .badge-soft e SLA .badge.js-sla) */
body[data-page="dashboard"] .badge-soft,
body[data-page="dashboard"] .badge.js-sla{
  background: var(--e-dash_badge_bg, rgba(255,255,255,.10)) !important;
  color: var(--e-dash_badge_texto, var(--text)) !important;
}

/* ============================
   ADMIN (classes reais)
   ============================ */
body[data-page="admin"] .navbar.navbar-theme{
  background: var(--e-admin_header_bg, transparent) !important;
}
body[data-page="admin"] .navbar.navbar-theme *{
  color: var(--e-admin_header_texto, var(--text)) !important;
}
body[data-page="admin"] table.table-theme{
  background: var(--e-admin_tabela_bg, transparent) !important;
}
body[data-page="admin"] table.table-theme thead th{
  background: var(--e-admin_tabela_cabecalho_bg, rgba(255,255,255,.06)) !important;
  color: var(--e-admin_tabela_cabecalho_texto, var(--text)) !important;
}
body[data-page="admin"] .btn.btn-roxo{
  background: var(--e-admin_botao_primario_bg, var(--brand)) !important;
  color: var(--e-admin_botao_primario_texto, #fff) !important;
}
body[data-page="admin"] .btn.btn-outline-danger{
  background: var(--e-admin_botao_remover_bg, transparent) !important;
  color: var(--e-admin_botao_remover_texto, #dc3545) !important;
  border-color: var(--e-admin_botao_remover_texto, #dc3545) !important;
}
body[data-page="admin"] .btn.btn-outline-primary{
  border-color: var(--e-admin_botao_outline_borda, #6f42c1) !important;
  color: var(--e-admin_botao_outline_texto, #6f42c1) !important;
}

/* ============================
   EDITAR (classes comuns)
   ============================ */
body[data-page="editar"] .navbar.navbar-theme{
  background: var(--e-editar_header_bg, transparent) !important;
}
body[data-page="editar"] .navbar.navbar-theme *{
  color: var(--e-editar_header_texto, var(--text)) !important;
}
body[data-page="editar"] .card{
  background: var(--e-editar_cards_bg, var(--card)) !important;
}
body[data-page="editar"] table thead th{
  background: var(--e-editar_tabela_cabecalho_bg, rgba(255,255,255,.06)) !important;
}
body[data-page="editar"] .btn.btn-roxo{
  background: var(--e-editar_botao_salvar_bg, var(--brand)) !important;
  color: var(--e-editar_botao_salvar_texto, #fff) !important;
}
body[data-page="editar"] .btn.btn-outline-primary,
body[data-page="editar"] .btn.btn-outline-secondary{
  border-color: var(--e-editar_botao_secundario_borda, rgba(255,255,255,.25)) !important;
  color: var(--e-editar_botao_secundario_texto, var(--text)) !important;
}
body[data-page="editar"] input, 
body[data-page="editar"] select, 
body[data-page="editar"] textarea{
  background: var(--e-editar_input_bg, rgba(255,255,255,.06)) !important;
  color: var(--e-editar_input_texto, var(--text)) !important;
}

/* ============================
   LOGIN
   ============================ */
body[data-page="login"] .card{
  background: var(--e-login_card_bg, var(--card)) !important;
  border-color: var(--e-login_card_borda, rgba(255,255,255,.12)) !important;
}
body[data-page="login"] .btn.btn-primary{
  background: var(--e-login_botao_bg, var(--brand)) !important;
  color: var(--e-login_botao_texto, #fff) !important;
  border-color: var(--e-login_botao_bg, var(--brand)) !important;
}
body[data-page="login"] input, 
body[data-page="login"] select{
  background: var(--e-login_input_bg, rgba(255,255,255,.06)) !important;
  color: var(--e-login_input_texto, var(--text)) !important;
}