
/* ============================================================
   SGW V754 — TOPO AZUL ESCURO FORÇADO
   Mantém TODO o conteúdo abaixo claro (V752/V753).
   Atua somente dentro de #sgw450TopShell.
   ============================================================ */

html.sgw754-top-dark{
  --v754-top:#061f3a;
  --v754-top2:#082b50;
  --v754-line:#1d4b73;
  --v754-line2:#315f89;
  --v754-text:#eef6ff;
  --v754-muted:#9eb8d2;
  --v754-hover:rgba(255,255,255,.08);
  --v754-active:#1677ff;
}

/* Shell e suas linhas reais */
html.sgw754-top-dark #sgw450TopShell,
html.sgw754-top-dark #sgw450TopShell > div,
html.sgw754-top-dark #sgw450TopShell > section,
html.sgw754-top-dark #sgw450TopShell > header,
html.sgw754-top-dark #sgw450TopShell > nav,
html.sgw754-top-dark #sgw450TopShell .sgw450-navrow,
html.sgw754-top-dark #sgw450TopShell .sgw450-subrow,
html.sgw754-top-dark #sgw450TopShell .sgw450-toolbar,
html.sgw754-top-dark #sgw450TopShell .sgw450-nav-wrap,
html.sgw754-top-dark #sgw450TopShell .sgw450-top-row,
html.sgw754-top-dark #sgw450TopShell .sgw460-navrow,
html.sgw754-top-dark #sgw450TopShell .sgw469-row,
html.sgw754-top-dark #sgw450TopShell nav,
html.sgw754-top-dark #sgw450TopShell .navbar{
  background:linear-gradient(180deg,var(--v754-top) 0%,#072747 100%)!important;
  background-image:linear-gradient(180deg,var(--v754-top) 0%,#072747 100%)!important;
  color:var(--v754-text)!important;
  border-color:var(--v754-line)!important;
}

html.sgw754-top-dark #sgw450TopShell{
  border-bottom:1px solid var(--v754-line)!important;
  box-shadow:0 8px 20px rgba(2,15,28,.24)!important;
}

/* Texto geral do topo */
html.sgw754-top-dark #sgw450TopShell .sgw450-brand,
html.sgw754-top-dark #sgw450TopShell .sgw450-brand *,
html.sgw754-top-dark #sgw450TopShell .sgw450-brand-copy,
html.sgw754-top-dark #sgw450TopShell .sgw450-brand-copy *,
html.sgw754-top-dark #sgw450TopShell .sgw450-clock,
html.sgw754-top-dark #sgw450TopShell .sgw450-provider-chip,
html.sgw754-top-dark #sgw450TopShell .sgw450-account,
html.sgw754-top-dark #sgw450TopShell .sgw450-user,
html.sgw754-top-dark #sgw450TopShell .sgw450-date,
html.sgw754-top-dark #sgw450TopShell .sgw450-time{
  color:var(--v754-text)!important;
}

/* TODOS os botões/links do cabeçalho, exceto dropdown aberto */
html.sgw754-top-dark #sgw450TopShell a:not(.sgw450-dropdown a):not(.sgw461-menu a),
html.sgw754-top-dark #sgw450TopShell button:not(.sgw450-dropdown button):not(.sgw461-menu button),
html.sgw754-top-dark #sgw450TopShell .sgw450-navlink,
html.sgw754-top-dark #sgw450TopShell .sgw450-navbutton,
html.sgw754-top-dark #sgw450TopShell .sgw460-nav-item,
html.sgw754-top-dark #sgw450TopShell .sgw461-trigger{
  background:rgba(255,255,255,.035)!important;
  background-image:none!important;
  color:var(--v754-text)!important;
  border:1px solid var(--v754-line2)!important;
  box-shadow:none!important;
}

html.sgw754-top-dark #sgw450TopShell a:not(.sgw450-dropdown a):not(.sgw461-menu a):hover,
html.sgw754-top-dark #sgw450TopShell button:not(.sgw450-dropdown button):not(.sgw461-menu button):hover,
html.sgw754-top-dark #sgw450TopShell .sgw450-navlink:hover,
html.sgw754-top-dark #sgw450TopShell .sgw450-navbutton:hover,
html.sgw754-top-dark #sgw450TopShell .sgw460-nav-item:hover,
html.sgw754-top-dark #sgw450TopShell .sgw461-trigger:hover{
  background:var(--v754-hover)!important;
  color:#fff!important;
  border-color:#5c8eb9!important;
}

/* Item atual / menu aberto */
html.sgw754-top-dark #sgw450TopShell .active,
html.sgw754-top-dark #sgw450TopShell [aria-current="page"],
html.sgw754-top-dark #sgw450TopShell [aria-expanded="true"]{
  background:linear-gradient(180deg,#2a8aff 0%,var(--v754-active) 100%)!important;
  color:#fff!important;
  border-color:#55a2ff!important;
  box-shadow:0 7px 17px rgba(22,119,255,.24)!important;
}

html.sgw754-top-dark #sgw450TopShell .active *,
html.sgw754-top-dark #sgw450TopShell [aria-current="page"] *,
html.sgw754-top-dark #sgw450TopShell [aria-expanded="true"] *{
  color:#fff!important;
}

/* Busca, status, hora, sino e conta */
html.sgw754-top-dark #sgw450TopShell input,
html.sgw754-top-dark #sgw450TopShell .sgw450-search,
html.sgw754-top-dark #sgw450TopShell .sgw450-searchbox,
html.sgw754-top-dark #sgw450TopShell [class*="search"],
html.sgw754-top-dark #sgw450TopShell [class*="status"],
html.sgw754-top-dark #sgw450TopShell [class*="clock"],
html.sgw754-top-dark #sgw450TopShell [class*="account"],
html.sgw754-top-dark #sgw450TopShell [class*="provider"],
html.sgw754-top-dark #sgw450TopShell [class*="notify"]{
  background:var(--v754-top2)!important;
  background-image:none!important;
  color:var(--v754-text)!important;
  border-color:var(--v754-line)!important;
}

html.sgw754-top-dark #sgw450TopShell input::placeholder{
  color:var(--v754-muted)!important;
}

/* Online continua verde */
html.sgw754-top-dark #sgw450TopShell .sgw450-online,
html.sgw754-top-dark #sgw450TopShell [class*="online"]{
  color:#65ef96!important;
}

/* Dropdown permanece BRANCO, igual à referência clara */
html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu,
html.sgw754-top-dark #sgw450TopShell [role="menu"]{
  background:#fff!important;
  background-image:none!important;
  color:#234565!important;
  border:1px solid #d8e4f0!important;
  box-shadow:0 16px 42px rgba(35,80,128,.16)!important;
}

html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown *,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu *,
html.sgw754-top-dark #sgw450TopShell [role="menu"] *{
  color:#234565!important;
}

html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown a,
html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown button,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu a,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu button,
html.sgw754-top-dark #sgw450TopShell [role="menu"] a,
html.sgw754-top-dark #sgw450TopShell [role="menu"] button{
  background:#fff!important;
  border-color:transparent!important;
}

html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown a:hover,
html.sgw754-top-dark #sgw450TopShell .sgw450-dropdown button:hover,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu a:hover,
html.sgw754-top-dark #sgw450TopShell .sgw461-menu button:hover,
html.sgw754-top-dark #sgw450TopShell [role="menu"] a:hover,
html.sgw754-top-dark #sgw450TopShell [role="menu"] button:hover{
  background:#edf5ff!important;
  color:#0c60b5!important;
}

/* Parte abaixo explicitamente continua clara */
html.sgw754-top-dark body[data-sgw-v751-page="dashboard"]{
  background:#f3f6fb!important;
}

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

html.sgw754-top-dark body[data-sgw-v751-page="dashboard"] .card,
html.sgw754-top-dark body[data-sgw-v751-page="dashboard"] .panel,
html.sgw754-top-dark body[data-sgw-v751-page="dashboard"] .table-card,
html.sgw754-top-dark body[data-sgw-v751-page="dashboard"] .widget,
html.sgw754-top-dark body[data-sgw-v751-page="dashboard"] .sgw450-panel{
  background:#fff!important;
  color:#234565!important;
}
