/* AJUSTE DE SUPERFÍCIES — FUNDO ÚNICO, SEM QUADROS ANINHADOS */
:root {
  --app-bg: #F7F1E7;
  --surface: #FFFAF1;
  --surface-hover: #F5EBDD;
  --text: #654633;
  --text-secondary: #80634C;
  --border: #E7D8C2;
}

/* Uma única superfície contínua para toda a área de trabalho */
html, body,
.app-wrapper,
.app-content-wrapper,
.app-main {
  background: #F7F1E7 !important;
  background-image: none !important;
}

/* Neutraliza o fundo bege adicional que vinha dos wrappers dos módulos */
.dashboard-page,
.admin-page,
.admin-module,
.module-page,
.op-page,
.products-page,
.stock-page,
.reports-page,
.container-fluid.products-page,
.container-fluid.admin-module,
.products-heading,
.stock-heading,
.module-heading,
.op-heading {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* O título e a descrição ficam diretamente sobre o fundo baunilha.
   Apenas cartões funcionais mantêm superfície creme. */
.products-summary,
.products-panel,
.products-form-card,
.stock-card,
.stock-panel,
.stock-form-card,
.op-panel,
.op-stat,
.module-panel,
.content-card,
.dashboard-card,
.dash-card {
  background: #FFFAF1 !important;
  border: 1px solid #E7D8C2 !important;
  box-shadow: 0 2px 9px rgba(101,70,51,.035) !important;
}

/* Produtos: remove os últimos acentos rosados/azulados do CSS legado */
.products-summary-icon {
  background: #F2E5D1 !important;
  color: #A46F50 !important;
}
.products-summary span,
.products-summary-note span { color: #80634C !important; }
.products-summary-divider { background: #E7D8C2 !important; }
.products-filters { background: #FFFAF1 !important; border-bottom-color: #E7D8C2 !important; }
.products-search input,
.products-status-filter {
  background: #FFFCF7 !important;
  border-color: #DDCBB0 !important;
  color: #654633 !important;
}
.products-search input:focus,
.products-status-filter:focus {
  border-color: #B88B50 !important;
  box-shadow: 0 0 0 .16rem rgba(184,139,80,.13) !important;
}
.products-table thead th {
  background: #F0E3CF !important;
  color: #76563E !important;
  border-bottom-color: #E7D8C2 !important;
}
.products-table tbody td { color: #654633 !important; border-color: #EDE1D0 !important; }
.products-table tbody tr:hover { background: #FAF3E8 !important; }
.product-name { color: #654633 !important; }
.product-code { color: #9A8068 !important; }
.product-unit { background: #F2E5D1 !important; color: #87583E !important; }
.products-actions .btn {
  background: #FFFAF1 !important;
  border-color: #E1D1BA !important;
  color: #87583E !important;
}
.products-actions .btn:hover {
  background: #F3E6D3 !important;
  border-color: #B88B50 !important;
  color: #654633 !important;
}
.products-filters .btn-primary,
.products-new-btn {
  background: #A46F50 !important;
  border-color: #A46F50 !important;
  color: #FFFFFF !important;
}

/* Login: área inteira baunilha; formulário sem painel/caixa por trás */
.login-page {
  background: #F7F1E7 !important;
}
.login-content {
  background: #F7F1E7 !important;
}
.login-form-wrapper,
.login-heading,
.login-form {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.login-form-wrapper {
  padding: 0 !important;
}
.login-form input,
.login-form .input-wrapper {
  background: #FFFAF1 !important;
}
.login-form .input-wrapper {
  border-color: #DDCBB0 !important;
}
.login-form .input-wrapper:focus-within {
  border-color: #B88B50 !important;
  box-shadow: 0 0 0 .16rem rgba(184,139,80,.13) !important;
}