/* SGW V822 - TEMA CLARO BASE OFICIAL
   Referência: SGW_INTERFACE_CLARA_PREVIEW(1).html
   Objetivo: aplicar a identidade visual da prévia sem alterar dados/funcionalidades.
*/

:root{
  --sgw-bg:#F2F6FA;
  --sgw-surface:#FFFFFF;
  --sgw-surface-2:#F6FAFF;
  --sgw-border:#D9E5F5;
  --sgw-primary:#0F67ED;
  --sgw-primary-2:#164D9C;
  --sgw-primary-dark:#09285A;
  --sgw-primary-deep:#071532;
  --sgw-primary-soft:#669BEB;
  --sgw-cyan:#00D4FF;
  --sgw-text:#071532;
  --sgw-text-2:#637093;
  --sgw-text-3:#929AB1;
  --sgw-ok:#10B981;
  --sgw-warn:#F59E0B;
  --sgw-danger:#EF4444;
  --sgw-info:#06B6D4;
  --sgw-shadow:0 10px 30px rgba(15,103,237,.09);
  --sgw-shadow-sm:0 6px 18px rgba(15,103,237,.07);
  --sgw-radius:16px;
}

/* BASE */
html, body{
  background:var(--sgw-bg)!important;
  color:var(--sgw-text)!important;
}
body.sgw453-provider-server{
  background:var(--sgw-bg)!important;
}

/* TOPO REAL */
html body.sgw453-provider-server #sgw450TopShell,
html body.sgw453-provider-server #sgw450TopShell.sgw460-top-shell,
html body.sgw453-provider-server #sgw450TopShell.sgw461-top-shell,
html body.sgw453-provider-server [data-sgw-top-shell]{
  background:#fff!important;
  background-color:#fff!important;
  color:var(--sgw-text)!important;
  border:0!important;
  border-bottom:1px solid var(--sgw-border)!important;
  border-radius:0!important;
  box-shadow:0 4px 16px rgba(7,21,50,.05)!important;
}

/* wrappers do topo */
html body.sgw453-provider-server #sgw450TopShell .sgw822-row-shell{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* marca */
html body.sgw453-provider-server #sgw450TopShell .sgw822-brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--sgw-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw-primary-dark)!important;
  min-width:205px!important;
  max-width:250px!important;
  padding:4px 8px!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-brand *{
  color:var(--sgw-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw-primary-dark)!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

/* menu principal - padrão da prévia */
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu{
  background:transparent!important;
  background-color:transparent!important;
  color:#28476F!important;
  -webkit-text-fill-color:#28476F!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
  min-height:40px!important;
  padding:10px 11px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  transition:.18s!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu *{
  color:#28476F!important;
  -webkit-text-fill-color:#28476F!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu:hover,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu:focus{
  background:#EAF1FB!important;
  color:var(--sgw-primary)!important;
  -webkit-text-fill-color:var(--sgw-primary)!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu:hover *,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu:focus *{
  color:var(--sgw-primary)!important;
  -webkit-text-fill-color:var(--sgw-primary)!important;
}

/* ativo */
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu.sgw822-active,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu.active,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu[aria-current="page"]{
  background:var(--sgw-primary)!important;
  background-color:var(--sgw-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  box-shadow:0 5px 14px rgba(15,103,237,.22)!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu.sgw822-active *,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu.active *,
html body.sgw453-provider-server #sgw450TopShell .sgw822-menu[aria-current="page"] *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* segunda linha clara */
html body.sgw453-provider-server #sgw450TopShell .sgw822-panel{
  background:#F7FBFF!important;
  background-color:#F7FBFF!important;
  color:var(--sgw-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw-primary-dark)!important;
  border:1px solid var(--sgw-border)!important;
  border-radius:14px!important;
  box-shadow:var(--sgw-shadow-sm)!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.sgw453-provider-server #sgw450TopShell .sgw822-panel *{
  color:var(--sgw-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw-primary-dark)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* busca */
html body.sgw453-provider-server #sgw450TopShell input{
  background:transparent!important;
  color:var(--sgw-text)!important;
  -webkit-text-fill-color:var(--sgw-text)!important;
  border:0!important;
  outline:none!important;
}
html body.sgw453-provider-server #sgw450TopShell input::placeholder{
  color:var(--sgw-text-2)!important;
  opacity:1!important;
}

/* status */
html body.sgw453-provider-server #sgw450TopShell .sgw822-online,
html body.sgw453-provider-server #sgw450TopShell .sgw822-online *{
  color:#087A46!important;
  -webkit-text-fill-color:#087A46!important;
}

/* dropdowns/submenus */
html body.sgw453-provider-server #sgw450TopShell .nav-submenu,
html body.sgw453-provider-server #sgw450TopShell .dropdown-menu,
html body.sgw453-provider-server #sgw450TopShell [role="menu"],
html body.sgw453-provider-server .sgw822-dropdown{
  background:#fff!important;
  color:var(--sgw-text)!important;
  border:1px solid var(--sgw-border)!important;
  border-radius:12px!important;
  box-shadow:var(--sgw-shadow)!important;
  padding:7px!important;
}
html body.sgw453-provider-server #sgw450TopShell .nav-submenu a,
html body.sgw453-provider-server #sgw450TopShell .dropdown-menu a,
html body.sgw453-provider-server #sgw450TopShell [role="menu"] a,
html body.sgw453-provider-server .sgw822-dropdown a{
  background:#fff!important;
  color:var(--sgw-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw-primary-dark)!important;
  border-radius:8px!important;
  padding:8px 10px!important;
}
html body.sgw453-provider-server #sgw450TopShell .nav-submenu a:hover,
html body.sgw453-provider-server #sgw450TopShell .dropdown-menu a:hover,
html body.sgw453-provider-server #sgw450TopShell [role="menu"] a:hover,
html body.sgw453-provider-server .sgw822-dropdown a:hover{
  background:#EAF1FB!important;
  color:var(--sgw-primary)!important;
  -webkit-text-fill-color:var(--sgw-primary)!important;
}

/* superfícies comuns do sistema - somente aparência */
.sgw-card,
.card,
.panel,
.box,
.widget,
.modal-content,
.table-responsive,
.table-container,
.content-card,
.summary-card,
.metric-card{
  border-color:var(--sgw-border)!important;
}

/* formulários */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  border-color:var(--sgw-border)!important;
}

/* botões neutros - não sobrescreve classes funcionais coloridas */
.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-primary),
button.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-primary){
  border-color:var(--sgw-border)!important;
}

/* status funcionais preservados */
.text-success,.status-success,.badge-success{color:var(--sgw-ok)!important}
.text-warning,.status-warning,.badge-warning{color:var(--sgw-warn)!important}
.text-danger,.status-danger,.badge-danger{color:var(--sgw-danger)!important}
.text-info,.status-info,.badge-info{color:var(--sgw-info)!important}

/* mobile */
@media(max-width:1200px){
  html body.sgw453-provider-server #sgw450TopShell .sgw822-brand{
    min-width:165px!important;
  }
}