/* ============================================================
   SGW V751 — REFINO DO TEMA BRANCO
   Objetivo: deixar o dashboard visualmente próximo da referência
   aprovada pelo usuário (foto 2), corrigindo o aspecto ainda
   escuro remanescente após a V750.
   Escopo: visual apenas. Sem alterar lógica.
   ============================================================ */

html.sgw750-light,
html.sgw751-light{
  --v751-bg:#f3f6fb;
  --v751-bg2:#f7f9fc;
  --v751-surface:#ffffff;
  --v751-surface-2:#fbfcfe;
  --v751-line:#dce6f1;
  --v751-line-2:#cddbeb;
  --v751-text:#234565;
  --v751-title:#0d3765;
  --v751-muted:#6f89a4;
  --v751-blue:#1677ff;
  --v751-blue-2:#2c8bff;
  --v751-soft-blue:#edf5ff;
  --v751-shadow:0 8px 24px rgba(36, 87, 135, .08);
  --v751-shadow-lg:0 16px 42px rgba(35, 80, 128, .12);
}

html.sgw750-light body.sgw453-provider-server,
html.sgw751-light body.sgw453-provider-server,
html.sgw750-light body.sgw450-provider,
html.sgw751-light body.sgw450-provider,
html.sgw750-light body.sgw449-provider,
html.sgw751-light body.sgw449-provider{
  background:var(--v751-bg)!important;
  color:var(--v751-text)!important;
}

/* ============================================================
   TOPO / MENU — estilo mais próximo da referência branca
   ============================================================ */
html.sgw750-light #sgw450TopShell,
html.sgw751-light #sgw450TopShell{
  background:#fff!important;
  border-bottom:1px solid var(--v751-line)!important;
  box-shadow:0 4px 16px rgba(36,87,135,.08)!important;
}

html.sgw750-light #sgw450TopShell .sgw450-navrow,
html.sgw751-light #sgw450TopShell .sgw450-navrow{
  padding-top:6px!important;
  padding-bottom:6px!important;
  background:#fff!important;
}

html.sgw750-light #sgw450TopShell .sgw450-navlink,
html.sgw750-light #sgw450TopShell .sgw450-navbutton,
html.sgw750-light #sgw450TopShell .sgw460-nav-item,
html.sgw750-light #sgw450TopShell .sgw461-trigger,
html.sgw751-light #sgw450TopShell .sgw450-navlink,
html.sgw751-light #sgw450TopShell .sgw450-navbutton,
html.sgw751-light #sgw450TopShell .sgw460-nav-item,
html.sgw751-light #sgw450TopShell .sgw461-trigger{
  min-height:46px!important;
  border-radius:14px!important;
  padding:10px 16px!important;
  background:#f7f9fd!important;
  border:1px solid var(--v751-line)!important;
  color:#25527f!important;
  box-shadow:none!important;
}

html.sgw750-light #sgw450TopShell .active,
html.sgw750-light #sgw450TopShell [aria-current="page"],
html.sgw750-light #sgw450TopShell [aria-expanded="true"],
html.sgw751-light #sgw450TopShell .active,
html.sgw751-light #sgw450TopShell [aria-current="page"],
html.sgw751-light #sgw450TopShell [aria-expanded="true"]{
  background:linear-gradient(180deg, #2685ff 0%, #1677ff 100%)!important;
  color:#fff!important;
  border-color:#1677ff!important;
  box-shadow:0 8px 18px rgba(22,119,255,.18)!important;
}

html.sgw750-light #sgw450TopShell .active *,
html.sgw751-light #sgw450TopShell .active *{
  color:#fff!important;
}

html.sgw750-light #sgw450TopShell .sgw450-dropdown,
html.sgw750-light #sgw450TopShell .sgw461-menu,
html.sgw751-light #sgw450TopShell .sgw450-dropdown,
html.sgw751-light #sgw450TopShell .sgw461-menu{
  background:#fff!important;
  border:1px solid var(--v751-line)!important;
  border-radius:18px!important;
  box-shadow:var(--v751-shadow-lg)!important;
  overflow:hidden!important;
}

html.sgw750-light #sgw450TopShell .sgw450-dropdown a,
html.sgw750-light #sgw450TopShell .sgw450-dropdown button,
html.sgw750-light #sgw450TopShell .sgw461-menu a,
html.sgw750-light #sgw450TopShell .sgw461-menu button,
html.sgw751-light #sgw450TopShell .sgw450-dropdown a,
html.sgw751-light #sgw450TopShell .sgw450-dropdown button,
html.sgw751-light #sgw450TopShell .sgw461-menu a,
html.sgw751-light #sgw450TopShell .sgw461-menu button{
  min-height:42px!important;
  color:#355778!important;
}

html.sgw750-light #sgw450TopShell .sgw450-dropdown a:hover,
html.sgw750-light #sgw450TopShell .sgw461-menu a:hover,
html.sgw750-light #sgw450TopShell .sgw461-menu button:hover,
html.sgw751-light #sgw450TopShell .sgw450-dropdown a:hover,
html.sgw751-light #sgw450TopShell .sgw461-menu a:hover,
html.sgw751-light #sgw450TopShell .sgw461-menu button:hover{
  background:var(--v751-soft-blue)!important;
  color:#1466c8!important;
}

html.sgw750-light #sgw450TopShell input,
html.sgw751-light #sgw450TopShell input{
  min-height:46px!important;
  background:#fff!important;
  border:1px solid var(--v751-line)!important;
  border-radius:14px!important;
  color:var(--v751-title)!important;
}

/* ============================================================
   DASHBOARD — escopo específico
   ============================================================ */
html.sgw750-light body[data-sgw-v751-page="dashboard"],
html.sgw751-light body[data-sgw-v751-page="dashboard"]{
  background:var(--v751-bg)!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] main,
html.sgw751-light body[data-sgw-v751-page="dashboard"] main,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .content-area,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .content-area{
  background:transparent!important;
}

/* cartões gerais */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .card,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .panel,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .table-card,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .box,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .widget,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .summary-card,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .metric-card,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-panel,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .card,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .panel,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .table-card,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .box,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .widget,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .summary-card,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .metric-card,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-panel{
  background:var(--v751-surface)!important;
  background-image:none!important;
  color:var(--v751-text)!important;
  border:1px solid var(--v751-line)!important;
  border-radius:20px!important;
  box-shadow:var(--v751-shadow)!important;
}

/* evita mexer no banner principal */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .hero,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .banner,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .carousel,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .slider,
html.sgw750-light body[data-sgw-v751-page="dashboard"] [class*="banner"],
html.sgw751-light body[data-sgw-v751-page="dashboard"] .hero,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .banner,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .carousel,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .slider,
html.sgw751-light body[data-sgw-v751-page="dashboard"] [class*="banner"]{
  border-radius:24px!important;
  overflow:hidden!important;
}

/* KPIs */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-kpi,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-stat,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-metric,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-summary,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-kpi,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-stat,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-metric,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-summary{
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%)!important;
  border:1px solid var(--v751-line)!important;
  border-radius:20px!important;
  box-shadow:var(--v751-shadow)!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-kpi i,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-stat i,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-metric i,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-kpi i,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-stat i,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-metric i{
  background:var(--v751-soft-blue)!important;
  color:var(--v751-blue)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] h1,
html.sgw750-light body[data-sgw-v751-page="dashboard"] h2,
html.sgw750-light body[data-sgw-v751-page="dashboard"] h3,
html.sgw750-light body[data-sgw-v751-page="dashboard"] h4,
html.sgw751-light body[data-sgw-v751-page="dashboard"] h1,
html.sgw751-light body[data-sgw-v751-page="dashboard"] h2,
html.sgw751-light body[data-sgw-v751-page="dashboard"] h3,
html.sgw751-light body[data-sgw-v751-page="dashboard"] h4{
  color:var(--v751-title)!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] p,
html.sgw750-light body[data-sgw-v751-page="dashboard"] small,
html.sgw750-light body[data-sgw-v751-page="dashboard"] span,
html.sgw751-light body[data-sgw-v751-page="dashboard"] p,
html.sgw751-light body[data-sgw-v751-page="dashboard"] small,
html.sgw751-light body[data-sgw-v751-page="dashboard"] span{
  color:inherit;
}

/* painéis de gráfico e wrappers ainda escuros */
html.sgw750-light body[data-sgw-v751-page="dashboard"] canvas,
html.sgw751-light body[data-sgw-v751-page="dashboard"] canvas{
  background:transparent!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] .chart-container,
html.sgw750-light body[data-sgw-v751-page="dashboard"] [class*="chart"],
html.sgw750-light body[data-sgw-v751-page="dashboard"] .apexcharts-canvas,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .apexcharts-svg,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .plot-container,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .js-plotly-plot,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .chart-container,
html.sgw751-light body[data-sgw-v751-page="dashboard"] [class*="chart"],
html.sgw751-light body[data-sgw-v751-page="dashboard"] .apexcharts-canvas,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .apexcharts-svg,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .plot-container,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .js-plotly-plot{
  background:#fff!important;
  color:var(--v751-text)!important;
  border-color:transparent!important;
}

/* se existir painel interno escuro */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-panel > div,
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-panel section,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-panel > div,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-panel section{
  color:var(--v751-text)!important;
}

html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-panel header a,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-panel header a{
  background:#f4f8ff!important;
  color:#0f67c8!important;
  border:1px solid #dce7f5!important;
  border-radius:12px!important;
}

/* serviços externos */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-services-panel .sgw450-service,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-services-panel .sgw450-service{
  background:#fff!important;
  border:1px solid var(--v751-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-services-panel .sgw450-service i,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-services-panel .sgw450-service i{
  background:var(--v751-soft-blue)!important;
  color:var(--v751-blue)!important;
  border:1px solid #d6e6f7!important;
  border-radius:12px!important;
}

/* tabelas claras */
html.sgw750-light body[data-sgw-v751-page="dashboard"] table,
html.sgw751-light body[data-sgw-v751-page="dashboard"] table{
  background:#fff!important;
  color:var(--v751-text)!important;
}
html.sgw750-light body[data-sgw-v751-page="dashboard"] thead th,
html.sgw751-light body[data-sgw-v751-page="dashboard"] thead th{
  background:#f4f8fd!important;
  color:var(--v751-title)!important;
  border-color:var(--v751-line)!important;
}
html.sgw750-light body[data-sgw-v751-page="dashboard"] tbody td,
html.sgw751-light body[data-sgw-v751-page="dashboard"] tbody td{
  background:#fff!important;
  color:var(--v751-text)!important;
  border-color:#e7eef6!important;
}

/* monitoramento mikrotik: área interna branca */
html.sgw750-light body[data-sgw-v751-page="dashboard"] .sgw450-panel .apexcharts-inner,
html.sgw751-light body[data-sgw-v751-page="dashboard"] .sgw450-panel .apexcharts-inner{
  background:#fff!important;
}

/* ============================================================
   GERAL — formulários claros nas páginas autenticadas
   ============================================================ */
html.sgw750-light body.sgw453-provider-server input:not([type=checkbox]):not([type=radio]),
html.sgw750-light body.sgw453-provider-server select,
html.sgw750-light body.sgw453-provider-server textarea,
html.sgw751-light body.sgw453-provider-server input:not([type=checkbox]):not([type=radio]),
html.sgw751-light body.sgw453-provider-server select,
html.sgw751-light body.sgw453-provider-server textarea{
  background:#fff!important;
  color:var(--v751-title)!important;
  border:1px solid var(--v751-line-2)!important;
  border-radius:14px!important;
}

/* ============================================================
   PROTEÇÃO EXPLÍCITA DA V748 / LEAFLET
   ============================================================ */
html.sgw750-light #sgw-v748-shell,
html.sgw751-light #sgw-v748-shell,
html.sgw750-light #sgw-v748-map,
html.sgw751-light #sgw-v748-map,
html.sgw750-light #sgw-v748-shell .leaflet-container,
html.sgw751-light #sgw-v748-shell .leaflet-container{
  color-scheme:normal!important;
}