/* ============================================================
   SGW V753 — TOPO ESCURO + CONTEÚDO CLARO
   Objetivo: manter o dashboard com a parte inferior clara,
   mas restaurar o topo/cabeçalho em azul escuro como antes.
   Escopo: visual apenas.
   ============================================================ */

html.sgw751-light,
html.sgw753-top-dark{
  --v753-top-bg:#062445;
  --v753-top-bg-2:#082b52;
  --v753-top-line:#18456f;
  --v753-top-line-2:#2a5c89;
  --v753-top-text:#eef6ff;
  --v753-top-muted:#9eb9d6;
  --v753-top-pill:rgba(255,255,255,.05);
  --v753-top-pill-hover:rgba(255,255,255,.09);
}

html.sgw751-light #sgw450TopShell,
html.sgw753-top-dark #sgw450TopShell{
  background:linear-gradient(180deg, var(--v753-top-bg) 0%, #07294e 100%)!important;
  border-bottom:1px solid var(--v753-top-line)!important;
  box-shadow:0 8px 20px rgba(2,15,28,.22)!important;
}

html.sgw751-light #sgw450TopShell .sgw450-navrow,
html.sgw753-top-dark #sgw450TopShell .sgw450-navrow,
html.sgw751-light #sgw450TopShell .sgw450-subrow,
html.sgw753-top-dark #sgw450TopShell .sgw450-subrow,
html.sgw751-light #sgw450TopShell .sgw450-toolbar,
html.sgw753-top-dark #sgw450TopShell .sgw450-toolbar{
  background:transparent!important;
}

html.sgw751-light #sgw450TopShell .sgw450-brand,
html.sgw753-top-dark #sgw450TopShell .sgw450-brand,
html.sgw751-light #sgw450TopShell .sgw450-brand *,
html.sgw753-top-dark #sgw450TopShell .sgw450-brand *,
html.sgw751-light #sgw450TopShell .sgw450-provider-chip,
html.sgw753-top-dark #sgw450TopShell .sgw450-provider-chip,
html.sgw751-light #sgw450TopShell .sgw450-clock,
html.sgw753-top-dark #sgw450TopShell .sgw450-clock,
html.sgw751-light #sgw450TopShell .sgw450-online,
html.sgw753-top-dark #sgw450TopShell .sgw450-online{
  color:var(--v753-top-text)!important;
}

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,
html.sgw753-top-dark #sgw450TopShell .sgw450-navlink,
html.sgw753-top-dark #sgw450TopShell .sgw450-navbutton,
html.sgw753-top-dark #sgw450TopShell .sgw460-nav-item,
html.sgw753-top-dark #sgw450TopShell .sgw461-trigger{
  background:var(--v753-top-pill)!important;
  border:1px solid var(--v753-top-line-2)!important;
  color:var(--v753-top-text)!important;
  box-shadow:none!important;
}

html.sgw751-light #sgw450TopShell .sgw450-navlink:hover,
html.sgw751-light #sgw450TopShell .sgw450-navbutton:hover,
html.sgw751-light #sgw450TopShell .sgw460-nav-item:hover,
html.sgw751-light #sgw450TopShell .sgw461-trigger:hover,
html.sgw753-top-dark #sgw450TopShell .sgw450-navlink:hover,
html.sgw753-top-dark #sgw450TopShell .sgw450-navbutton:hover,
html.sgw753-top-dark #sgw450TopShell .sgw460-nav-item:hover,
html.sgw753-top-dark #sgw450TopShell .sgw461-trigger:hover{
  background:var(--v753-top-pill-hover)!important;
  border-color:#5a8dba!important;
}

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

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

html.sgw751-light #sgw450TopShell input,
html.sgw753-top-dark #sgw450TopShell input,
html.sgw751-light #sgw450TopShell .sgw450-search,
html.sgw753-top-dark #sgw450TopShell .sgw450-search,
html.sgw751-light #sgw450TopShell .sgw450-searchbox,
html.sgw753-top-dark #sgw450TopShell .sgw450-searchbox,
html.sgw751-light #sgw450TopShell .sgw450-status,
html.sgw753-top-dark #sgw450TopShell .sgw450-status,
html.sgw751-light #sgw450TopShell .sgw450-datetime,
html.sgw753-top-dark #sgw450TopShell .sgw450-datetime,
html.sgw751-light #sgw450TopShell .sgw450-userbox,
html.sgw753-top-dark #sgw450TopShell .sgw450-userbox,
html.sgw751-light #sgw450TopShell .sgw450-provider-box,
html.sgw753-top-dark #sgw450TopShell .sgw450-provider-box,
html.sgw751-light #sgw450TopShell .sgw460-top-card,
html.sgw753-top-dark #sgw450TopShell .sgw460-top-card{
  background:var(--v753-top-bg-2)!important;
  border:1px solid var(--v753-top-line)!important;
  color:var(--v753-top-text)!important;
  box-shadow:none!important;
}

html.sgw751-light #sgw450TopShell input::placeholder,
html.sgw753-top-dark #sgw450TopShell input::placeholder{
  color:var(--v753-top-muted)!important;
}

html.sgw751-light #sgw450TopShell .sgw450-online,
html.sgw753-top-dark #sgw450TopShell .sgw450-online{
  color:#7ef29e!important;
}

html.sgw751-light #sgw450TopShell .sgw450-notify,
html.sgw753-top-dark #sgw450TopShell .sgw450-notify,
html.sgw751-light #sgw450TopShell .sgw450-avatar,
html.sgw753-top-dark #sgw450TopShell .sgw450-avatar{
  background:var(--v753-top-bg-2)!important;
  border:1px solid var(--v753-top-line)!important;
  color:var(--v753-top-text)!important;
}

html.sgw751-light #sgw450TopShell .sgw450-dropdown,
html.sgw751-light #sgw450TopShell .sgw461-menu,
html.sgw753-top-dark #sgw450TopShell .sgw450-dropdown,
html.sgw753-top-dark #sgw450TopShell .sgw461-menu{
  background:#ffffff!important;
  border:1px solid #dbe6f2!important;
  box-shadow:0 16px 42px rgba(35,80,128,.12)!important;
}

html.sgw751-light body[data-sgw-v751-page="dashboard"],
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"]{
  background:#f3f6fb!important;
}

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,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .card,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .panel,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .table-card,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .box,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .widget,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .summary-card,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .metric-card,
html.sgw753-top-dark body[data-sgw-v751-page="dashboard"] .sgw450-panel{
  background:#ffffff!important;
}