/* SGW V807 - Tema claro global baseado na pagina branca /mikrotik
   Escopo: navegacao, submenus, abas, tabelas, formularios e superficies gerais.
   Preserva topo azul-escuro e cores funcionais de status. */

:root{
  --sgw807-bg:#f6f9fc;
  --sgw807-surface:#ffffff;
  --sgw807-surface-2:#f8fbff;
  --sgw807-border:#d8e3ef;
  --sgw807-border-strong:#c6d5e5;
  --sgw807-text:#0f2f4f;
  --sgw807-muted:#647b93;
  --sgw807-blue:#0b4d83;
  --sgw807-blue-dark:#062b50;
  --sgw807-blue-soft:#eaf4ff;
  --sgw807-blue-hover:#dceeff;
  --sgw807-shadow:0 8px 24px rgba(15,47,79,.08);
}

/* Fundo e conteudo principal */
body.sgw453-provider-server{
  background:var(--sgw807-bg)!important;
  color:var(--sgw807-text)!important;
}
body.sgw453-provider-server main,
body.sgw453-provider-server .main,
body.sgw453-provider-server .content,
body.sgw453-provider-server .page-content,
body.sgw453-provider-server .container-fluid{
  color:var(--sgw807-text)!important;
}

/* TOPO: permanece azul escuro */
body.sgw453-provider-server .sgw450-top-shell,
body.sgw453-provider-server .sgw453-provider-topnav,
body.sgw453-provider-server .topbar,
body.sgw453-provider-server [data-sgw-top-shell]{
  background:var(--sgw807-blue-dark)!important;
  color:#fff!important;
}

/* Menus principais do topo: caixas claras sobre o topo azul */
body.sgw453-provider-server .sgw453-provider-topnav a,
body.sgw453-provider-server .sgw453-provider-topnav button,
body.sgw453-provider-server .sgw450-top-shell a,
body.sgw453-provider-server .sgw450-top-shell button,
body.sgw453-provider-server .topbar a,
body.sgw453-provider-server .topbar button{
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

/* Submenus/dropdowns */
body.sgw453-provider-server .nav-submenu,
body.sgw453-provider-server .dropdown-menu,
body.sgw453-provider-server .sgw-opcoes-clientes-dropdown,
body.sgw453-provider-server .options-dropdown,
body.sgw453-provider-server [class*="submenu"]:not(.sgw453-provider-topnav):not(.topbar){
  background:var(--sgw807-surface)!important;
  color:var(--sgw807-text)!important;
  border:1px solid var(--sgw807-border)!important;
  border-radius:12px!important;
  box-shadow:var(--sgw807-shadow)!important;
}

body.sgw453-provider-server .nav-submenu a,
body.sgw453-provider-server .dropdown-menu a,
body.sgw453-provider-server .dropdown-menu button,
body.sgw453-provider-server .sgw-opcoes-clientes-dropdown a,
body.sgw453-provider-server .sgw-opcoes-clientes-dropdown button,
body.sgw453-provider-server .options-dropdown a,
body.sgw453-provider-server .options-dropdown button{
  background:transparent!important;
  color:var(--sgw807-text)!important;
  border-color:transparent!important;
  border-radius:8px!important;
  text-decoration:none!important;
}

body.sgw453-provider-server .nav-submenu a:hover,
body.sgw453-provider-server .nav-submenu a:focus,
body.sgw453-provider-server .dropdown-menu a:hover,
body.sgw453-provider-server .dropdown-menu button:hover,
body.sgw453-provider-server .sgw-opcoes-clientes-dropdown a:hover,
body.sgw453-provider-server .sgw-opcoes-clientes-dropdown button:hover,
body.sgw453-provider-server .options-dropdown a:hover,
body.sgw453-provider-server .options-dropdown button:hover{
  background:var(--sgw807-blue-soft)!important;
  color:var(--sgw807-blue-dark)!important;
}

/* Abas internas / filtros em formato de aba */
body.sgw453-provider-server .nav-tabs,
body.sgw453-provider-server .tabs,
body.sgw453-provider-server .tab-nav,
body.sgw453-provider-server .tab-menu,
body.sgw453-provider-server [role="tablist"]{
  background:var(--sgw807-surface)!important;
  border:1px solid var(--sgw807-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

body.sgw453-provider-server .nav-tabs a,
body.sgw453-provider-server .nav-tabs button,
body.sgw453-provider-server .tabs a,
body.sgw453-provider-server .tabs button,
body.sgw453-provider-server .tab-nav a,
body.sgw453-provider-server .tab-nav button,
body.sgw453-provider-server .tab-menu a,
body.sgw453-provider-server .tab-menu button,
body.sgw453-provider-server [role="tab"]{
  background:var(--sgw807-surface)!important;
  color:var(--sgw807-text)!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
}

body.sgw453-provider-server .nav-tabs .active,
body.sgw453-provider-server .tabs .active,
body.sgw453-provider-server .tab-nav .active,
body.sgw453-provider-server .tab-menu .active,
body.sgw453-provider-server [role="tab"][aria-selected="true"]{
  background:var(--sgw807-blue-soft)!important;
  color:var(--sgw807-blue-dark)!important;
  border-color:#b8d8f5!important;
  font-weight:700!important;
}

/* Superficies de conteudo comuns */
body.sgw453-provider-server .card:not(.status-card):not([class*="alert"]):not([class*="status"]),
body.sgw453-provider-server .panel,
body.sgw453-provider-server .box,
body.sgw453-provider-server .widget:not([class*="status"]),
body.sgw453-provider-server .modal-content,
body.sgw453-provider-server dialog{
  background:var(--sgw807-surface)!important;
  color:var(--sgw807-text)!important;
  border-color:var(--sgw807-border)!important;
}

/* Titulos e textos */
body.sgw453-provider-server h1,
body.sgw453-provider-server h2,
body.sgw453-provider-server h3,
body.sgw453-provider-server h4,
body.sgw453-provider-server h5,
body.sgw453-provider-server h6{
  color:var(--sgw807-text)!important;
}
body.sgw453-provider-server .muted,
body.sgw453-provider-server .text-muted,
body.sgw453-provider-server small{
  color:var(--sgw807-muted)!important;
}

/* Tabelas */
body.sgw453-provider-server table{
  background:var(--sgw807-surface)!important;
  color:var(--sgw807-text)!important;
  border-color:var(--sgw807-border)!important;
}
body.sgw453-provider-server table thead,
body.sgw453-provider-server table thead tr,
body.sgw453-provider-server table th{
  background:#eef5fb!important;
  color:var(--sgw807-text)!important;
  border-color:var(--sgw807-border)!important;
}
body.sgw453-provider-server table tbody tr{
  background:var(--sgw807-surface)!important;
}
body.sgw453-provider-server table tbody tr:hover{
  background:#f3f8fd!important;
}
body.sgw453-provider-server table td{
  color:var(--sgw807-text)!important;
  border-color:#e5edf5!important;
}

/* Inputs e selects */
body.sgw453-provider-server input:not([type="checkbox"]):not([type="radio"]),
body.sgw453-provider-server select,
body.sgw453-provider-server textarea{
  background:#fff!important;
  color:var(--sgw807-text)!important;
  border-color:var(--sgw807-border-strong)!important;
}
body.sgw453-provider-server input:focus,
body.sgw453-provider-server select:focus,
body.sgw453-provider-server textarea:focus{
  border-color:#7fb5e3!important;
  box-shadow:0 0 0 3px rgba(11,77,131,.10)!important;
}

/* Botoes neutros - sem sobrescrever estados funcionais */
body.sgw453-provider-server button:not(.btn-danger):not(.btn-success):not(.btn-warning):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="status"]),
body.sgw453-provider-server .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="status"]){
  border-color:var(--sgw807-border-strong)!important;
}
body.sgw453-provider-server button:not(.btn-danger):not(.btn-success):not(.btn-warning):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="status"]):hover,
body.sgw453-provider-server .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="status"]):hover{
  box-shadow:0 4px 12px rgba(15,47,79,.08)!important;
}

/* Breadcrumbs / barras internas */
body.sgw453-provider-server .breadcrumb,
body.sgw453-provider-server .page-toolbar,
body.sgw453-provider-server .toolbar,
body.sgw453-provider-server .filters,
body.sgw453-provider-server .filter-bar{
  background:var(--sgw807-surface)!important;
  color:var(--sgw807-text)!important;
  border-color:var(--sgw807-border)!important;
}

/* Mantem cores semanticas */
body.sgw453-provider-server .badge.ok,
body.sgw453-provider-server .badge.online,
body.sgw453-provider-server .status-online,
body.sgw453-provider-server .online,
body.sgw453-provider-server .success,
body.sgw453-provider-server .danger,
body.sgw453-provider-server .warning,
body.sgw453-provider-server .error,
body.sgw453-provider-server .offline,
body.sgw453-provider-server [data-status="online"],
body.sgw453-provider-server [data-status="offline"]{
  /* Intencionalmente sem forcar background/color. */
}

/* Mobile: submenus continuam legiveis e enquadrados */
@media (max-width:900px){
  body.sgw453-provider-server .nav-submenu,
  body.sgw453-provider-server .dropdown-menu,
  body.sgw453-provider-server .sgw-opcoes-clientes-dropdown,
  body.sgw453-provider-server .options-dropdown{
    max-width:calc(100vw - 24px)!important;
  }
}