
/* ============================================================
   SGW V755 — CORES DE MENUS / SUBMENUS / TABELAS
   Mantém o topo V754 azul escuro.
   Clareia a navegação interna, filtros, abas e tabelas.
   ============================================================ */

html.sgw755-colors{
  --v755-bg:#f3f6fb;
  --v755-card:#ffffff;
  --v755-soft:#f7faff;
  --v755-softblue:#edf5ff;
  --v755-line:#d8e5f2;
  --v755-line2:#c8d9e9;
  --v755-text:#234565;
  --v755-title:#0c3867;
  --v755-muted:#6b86a0;
  --v755-blue:#1677ff;
  --v755-blue2:#0d63c9;
  --v755-shadow:0 5px 18px rgba(37,84,127,.07);
}

/* ============================================================
   1. PRESERVA O TOPO V754
   ============================================================ */
html.sgw755-colors #sgw450TopShell,
html.sgw755-colors #sgw450TopShell > div,
html.sgw755-colors #sgw450TopShell > section,
html.sgw755-colors #sgw450TopShell > nav{
  /* V754 continua soberana */
}

/* Dropdowns do topo continuam brancos */
html.sgw755-colors #sgw450TopShell .sgw450-dropdown,
html.sgw755-colors #sgw450TopShell .sgw461-menu,
html.sgw755-colors #sgw450TopShell [role="menu"]{
  background:#fff!important;
  background-image:none!important;
  color:var(--v755-text)!important;
  border:1px solid var(--v755-line)!important;
}

html.sgw755-colors #sgw450TopShell .sgw450-dropdown a,
html.sgw755-colors #sgw450TopShell .sgw450-dropdown button,
html.sgw755-colors #sgw450TopShell .sgw461-menu a,
html.sgw755-colors #sgw450TopShell .sgw461-menu button,
html.sgw755-colors #sgw450TopShell [role="menu"] a,
html.sgw755-colors #sgw450TopShell [role="menu"] button{
  background:#fff!important;
  color:var(--v755-text)!important;
}

html.sgw755-colors #sgw450TopShell .sgw450-dropdown a:hover,
html.sgw755-colors #sgw450TopShell .sgw450-dropdown button:hover,
html.sgw755-colors #sgw450TopShell .sgw461-menu a:hover,
html.sgw755-colors #sgw450TopShell .sgw461-menu button:hover,
html.sgw755-colors #sgw450TopShell [role="menu"] a:hover,
html.sgw755-colors #sgw450TopShell [role="menu"] button:hover{
  background:var(--v755-softblue)!important;
  color:var(--v755-blue2)!important;
}

/* ============================================================
   2. MENUS / SUBMENUS INTERNOS DAS PÁGINAS
   Apenas dentro do conteúdo, nunca no #sgw450TopShell.
   ============================================================ */
html.sgw755-colors body.sgw453-provider-server main .nav-tabs,
html.sgw755-colors body.sgw453-provider-server main .nav-pills,
html.sgw755-colors body.sgw453-provider-server main .tabs,
html.sgw755-colors body.sgw453-provider-server main .tabbar,
html.sgw755-colors body.sgw453-provider-server main .tab-bar,
html.sgw755-colors body.sgw453-provider-server main .submenu,
html.sgw755-colors body.sgw453-provider-server main .sub-menu,
html.sgw755-colors body.sgw453-provider-server main .page-menu,
html.sgw755-colors body.sgw453-provider-server main .section-menu,
html.sgw755-colors body.sgw453-provider-server main .filter-menu,
html.sgw755-colors body.sgw453-provider-server main .toolbar,
html.sgw755-colors body.sgw453-provider-server main .filter-bar,
html.sgw755-colors body.sgw453-provider-server .content-area .nav-tabs,
html.sgw755-colors body.sgw453-provider-server .content-area .nav-pills,
html.sgw755-colors body.sgw453-provider-server .content-area .tabs,
html.sgw755-colors body.sgw453-provider-server .content-area .submenu,
html.sgw755-colors body.sgw453-provider-server .content-area .sub-menu{
  background:var(--v755-card)!important;
  background-image:none!important;
  color:var(--v755-text)!important;
  border-color:var(--v755-line)!important;
  box-shadow:var(--v755-shadow)!important;
}

/* Itens internos */
html.sgw755-colors body.sgw453-provider-server main .nav-tabs a,
html.sgw755-colors body.sgw453-provider-server main .nav-tabs button,
html.sgw755-colors body.sgw453-provider-server main .nav-pills a,
html.sgw755-colors body.sgw453-provider-server main .nav-pills button,
html.sgw755-colors body.sgw453-provider-server main .tabs a,
html.sgw755-colors body.sgw453-provider-server main .tabs button,
html.sgw755-colors body.sgw453-provider-server main .submenu a,
html.sgw755-colors body.sgw453-provider-server main .submenu button,
html.sgw755-colors body.sgw453-provider-server main .sub-menu a,
html.sgw755-colors body.sgw453-provider-server main .sub-menu button,
html.sgw755-colors body.sgw453-provider-server main .page-menu a,
html.sgw755-colors body.sgw453-provider-server main .page-menu button{
  background:#fff!important;
  color:var(--v755-text)!important;
  border-color:var(--v755-line)!important;
  box-shadow:none!important;
}

html.sgw755-colors body.sgw453-provider-server main .nav-tabs a:hover,
html.sgw755-colors body.sgw453-provider-server main .nav-tabs button:hover,
html.sgw755-colors body.sgw453-provider-server main .nav-pills a:hover,
html.sgw755-colors body.sgw453-provider-server main .nav-pills button:hover,
html.sgw755-colors body.sgw453-provider-server main .tabs a:hover,
html.sgw755-colors body.sgw453-provider-server main .tabs button:hover,
html.sgw755-colors body.sgw453-provider-server main .submenu a:hover,
html.sgw755-colors body.sgw453-provider-server main .submenu button:hover,
html.sgw755-colors body.sgw453-provider-server main .sub-menu a:hover,
html.sgw755-colors body.sgw453-provider-server main .sub-menu button:hover{
  background:var(--v755-softblue)!important;
  color:var(--v755-blue2)!important;
}

html.sgw755-colors body.sgw453-provider-server main .nav-tabs .active,
html.sgw755-colors body.sgw453-provider-server main .nav-pills .active,
html.sgw755-colors body.sgw453-provider-server main .tabs .active,
html.sgw755-colors body.sgw453-provider-server main .submenu .active,
html.sgw755-colors body.sgw453-provider-server main .sub-menu .active,
html.sgw755-colors body.sgw453-provider-server main [aria-selected="true"]{
  background:var(--v755-blue)!important;
  color:#fff!important;
  border-color:var(--v755-blue)!important;
}

/* ============================================================
   3. CLIENTES — FILTROS / CARDS SUPERIORES
   Corrige TODOS / ATIVOS / DESATIVADOS escuros da captura.
   ============================================================ */
html.sgw755-colors body.sgw-clientes-premium main [class*="status-card"],
html.sgw755-colors body.sgw-clientes-premium main [class*="stat-card"],
html.sgw755-colors body.sgw-clientes-premium main [class*="summary-card"],
html.sgw755-colors body.sgw-clientes-premium main [class*="filter-card"],
html.sgw755-colors body.sgw-clientes-premium main [class*="cliente-card"],
html.sgw755-colors body.sgw-clientes-premium main .status-cards > *,
html.sgw755-colors body.sgw-clientes-premium main .stats-cards > *,
html.sgw755-colors body.sgw-clientes-premium main .summary-cards > *,
html.sgw755-colors body.sgw-clientes-premium main .clientes-stats > *,
html.sgw755-colors body.sgw-clientes-premium main .clientes-summary > *{
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important;
  background-image:none!important;
  color:var(--v755-text)!important;
  border:1px solid var(--v755-line)!important;
  box-shadow:var(--v755-shadow)!important;
}

html.sgw755-colors body.sgw-clientes-premium main [class*="status-card"] *,
html.sgw755-colors body.sgw-clientes-premium main [class*="stat-card"] *,
html.sgw755-colors body.sgw-clientes-premium main [class*="summary-card"] *,
html.sgw755-colors body.sgw-clientes-premium main [class*="filter-card"] *{
  color:inherit;
}

/* Caso os três filtros sejam links/botões grandes */
html.sgw755-colors body.sgw-clientes-premium main a[href*="status="],
html.sgw755-colors body.sgw-clientes-premium main button[data-status],
html.sgw755-colors body.sgw-clientes-premium main [data-filter-status]{
  background:#fff!important;
  color:var(--v755-title)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw-clientes-premium main a[href*="status="].active,
html.sgw755-colors body.sgw-clientes-premium main button[data-status].active,
html.sgw755-colors body.sgw-clientes-premium main [data-filter-status].active{
  background:var(--v755-softblue)!important;
  color:var(--v755-blue2)!important;
  border-color:#abd0f4!important;
}

/* ============================================================
   4. CLIENTES — TABELA 100% CLARA
   Remove linhas navy alternadas.
   ============================================================ */
html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page,
html.sgw755-colors body.sgw-clientes-premium .provider-table,
html.sgw755-colors body.sgw-clientes-premium .clientes-page{
  background:#fff!important;
  background-image:none!important;
  color:var(--v755-text)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page table,
html.sgw755-colors body.sgw-clientes-premium .provider-table table{
  background:#fff!important;
  color:var(--v755-text)!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page thead,
html.sgw755-colors body.sgw-clientes-premium .provider-table thead{
  background:#eef5fc!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page thead th,
html.sgw755-colors body.sgw-clientes-premium .provider-table thead th{
  background:#eef5fc!important;
  color:var(--v755-title)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page tbody tr,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody tr{
  background:#fff!important;
  color:var(--v755-text)!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page tbody tr:nth-child(even),
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody tr:nth-child(even){
  background:#f7faff!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page tbody td,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody td{
  background:inherit!important;
  color:var(--v755-text)!important;
  border-color:#e5edf6!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page tbody tr:hover,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody tr:hover{
  background:#edf6ff!important;
}

html.sgw755-colors body.sgw-clientes-premium .table-card.provider-table.exact-table.clientes-page tbody tr:hover td,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody tr:hover td{
  background:#edf6ff!important;
}

/* nome/link do cliente */
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody a{
  color:#1677d8!important;
}

/* Botões pequenos de ação continuam azul escuro */
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody .btn,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody button,
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody a[class*="btn"],
html.sgw755-colors body.sgw-clientes-premium .provider-table tbody [class*="action"] a{
  background:#0a3158!important;
  color:#fff!important;
  border-color:#0a3158!important;
}

/* ============================================================
   5. BARRAS / PAGINAÇÃO / FILTROS INTERNOS
   ============================================================ */
html.sgw755-colors body.sgw453-provider-server main .pagination,
html.sgw755-colors body.sgw453-provider-server main [class*="pagination"]{
  background:transparent!important;
  color:var(--v755-text)!important;
}

html.sgw755-colors body.sgw453-provider-server main .pagination a,
html.sgw755-colors body.sgw453-provider-server main .pagination button,
html.sgw755-colors body.sgw453-provider-server main [class*="pagination"] a,
html.sgw755-colors body.sgw453-provider-server main [class*="pagination"] button{
  background:#fff!important;
  color:var(--v755-title)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw453-provider-server main .pagination .active,
html.sgw755-colors body.sgw453-provider-server main [class*="pagination"] .active{
  background:var(--v755-blue)!important;
  color:#fff!important;
  border-color:var(--v755-blue)!important;
}

/* Cabeçalhos/barras antigas dentro de tabelas */
html.sgw755-colors body.sgw453-provider-server main .table-toolbar,
html.sgw755-colors body.sgw453-provider-server main .table-header,
html.sgw755-colors body.sgw453-provider-server main .table-top,
html.sgw755-colors body.sgw453-provider-server main .list-toolbar,
html.sgw755-colors body.sgw453-provider-server main .list-header{
  background:#f7faff!important;
  background-image:none!important;
  color:var(--v755-title)!important;
  border-color:var(--v755-line)!important;
}

/* ============================================================
   6. TABELAS DE OUTROS MÓDULOS
   Financeiro, monitor, redes, integrações, estoque, disparador etc.
   ============================================================ */
html.sgw755-colors body.sgw453-provider-server main table:not(.leaflet-container table){
  color:var(--v755-text)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw453-provider-server main table:not(.leaflet-container table) thead th{
  background:#eef5fc!important;
  color:var(--v755-title)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw453-provider-server main table:not(.leaflet-container table) tbody tr{
  background:#fff!important;
}

html.sgw755-colors body.sgw453-provider-server main table:not(.leaflet-container table) tbody tr:nth-child(even){
  background:#f8fbfe!important;
}

html.sgw755-colors body.sgw453-provider-server main table:not(.leaflet-container table) tbody td{
  background:inherit!important;
  color:var(--v755-text)!important;
  border-color:#e5edf6!important;
}

/* ============================================================
   7. SIDEBARS / MENUS LATERAIS INTERNOS
   ============================================================ */
html.sgw755-colors body.sgw453-provider-server main aside,
html.sgw755-colors body.sgw453-provider-server main .sidebar,
html.sgw755-colors body.sgw453-provider-server main .side-menu,
html.sgw755-colors body.sgw453-provider-server .content-area aside,
html.sgw755-colors body.sgw453-provider-server .content-area .sidebar{
  background:#fff!important;
  color:var(--v755-text)!important;
  border-color:var(--v755-line)!important;
}

html.sgw755-colors body.sgw453-provider-server main aside a,
html.sgw755-colors body.sgw453-provider-server main .sidebar a,
html.sgw755-colors body.sgw453-provider-server main .side-menu a{
  background:transparent!important;
  color:var(--v755-text)!important;
}

html.sgw755-colors body.sgw453-provider-server main aside a:hover,
html.sgw755-colors body.sgw453-provider-server main .sidebar a:hover,
html.sgw755-colors body.sgw453-provider-server main .side-menu a:hover{
  background:var(--v755-softblue)!important;
  color:var(--v755-blue2)!important;
}

html.sgw755-colors body.sgw453-provider-server main aside a.active,
html.sgw755-colors body.sgw453-provider-server main .sidebar a.active,
html.sgw755-colors body.sgw453-provider-server main .side-menu a.active{
  background:var(--v755-blue)!important;
  color:#fff!important;
}

/* ============================================================
   8. PROTEÇÕES
   ============================================================ */

/* V748 / mapas */
html.sgw755-colors #sgw-v748-shell,
html.sgw755-colors #sgw-v748-map,
html.sgw755-colors .leaflet-container{
  color-scheme:normal!important;
}

/* banner permanece como imagem/tema próprio */
html.sgw755-colors body[data-sgw-v751-page="dashboard"] [class*="banner"],
html.sgw755-colors body[data-sgw-v751-page="dashboard"] .carousel,
html.sgw755-colors body[data-sgw-v751-page="dashboard"] .slider{
  /* não força fundo */
}
