/* VP3 4.1.1 - Hard Isolation Fix
   Corrige conflito com tema/Elementor: telas empilhadas, tabelas soltas e botões sem navegação. */
html body.asg-vp3-standalone{
  margin:0!important;
  padding:0!important;
  background:#f6f9fe!important;
  overflow-x:hidden!important;
}
body.asg-vp3-standalone #wpadminbar{display:none!important}
#asg-system-hard-app.asg-vp3-isolated-root,
#asg-system-hard-app.asg-vp3-isolated-root *{
  box-sizing:border-box!important;
}
#asg-system-hard-app.asg-vp3-isolated-root{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  background:#f6f9fe!important;
  color:#08152f!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  line-height:1.35!important;
  isolation:isolate!important;
  position:relative!important;
  z-index:1!important;
  overflow-x:hidden!important;
}

/* Neutraliza CSS de tema que transforma tabelas em blocos soltos */
#asg-system-hard-app.asg-vp3-isolated-root table{
  width:100%!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  display:table!important;
  table-layout:auto!important;
}
#asg-system-hard-app.asg-vp3-isolated-root thead{display:table-header-group!important}
#asg-system-hard-app.asg-vp3-isolated-root tbody{display:table-row-group!important}
#asg-system-hard-app.asg-vp3-isolated-root tr{display:table-row!important}
#asg-system-hard-app.asg-vp3-isolated-root th,
#asg-system-hard-app.asg-vp3-isolated-root td{
  display:table-cell!important;
  vertical-align:middle!important;
  float:none!important;
  clear:none!important;
  position:static!important;
}

/* Corrige o bug principal: todas as telas aparecendo uma embaixo da outra */
#asg-system-hard-app.asg-vp3-isolated-root .asg-tab-screen,
#asg-system-hard-app.asg-vp3-isolated-root section[id^="asg-tab-"]{
  display:none!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-tab-screen.active,
#asg-system-hard-app.asg-vp3-isolated-root section[id^="asg-tab-"].active{
  display:block!important;
}

/* Garante layout SaaS estável */
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform{
  display:grid!important;
  grid-template-columns:290px minmax(0,1fr)!important;
  min-height:calc(100vh - 0px)!important;
  background:#f6f9fe!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-side{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:auto!important;
  background:#fff!important;
  border-right:1px solid #e7eef8!important;
  z-index:10!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-main,
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-content,
#asg-system-hard-app.asg-vp3-isolated-root .asg-system-main{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  padding:24px!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-panel,
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-table,
#asg-system-hard-app.asg-vp3-isolated-root .asg-final-panel,
#asg-system-hard-app.asg-vp3-isolated-root .asg401-panel{
  background:#fff!important;
  border:1px solid #e1e9f5!important;
  border-radius:20px!important;
  box-shadow:0 18px 45px rgba(16,42,90,.06)!important;
  overflow:hidden!important;
  max-width:100%!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-table{
  overflow-x:auto!important;
  padding:0!important;
}

/* Botões/tabs */
#asg-system-hard-app.asg-vp3-isolated-root a.asg-tab-link,
#asg-system-hard-app.asg-vp3-isolated-root button.asg-tab-link,
#asg-system-hard-app.asg-vp3-isolated-root [data-tab],
#asg-system-hard-app.asg-vp3-isolated-root [data-asg-tab]{
  cursor:pointer!important;
  user-select:none!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-tab-link.active,
#asg-system-hard-app.asg-vp3-isolated-root [data-tab].active,
#asg-system-hard-app.asg-vp3-isolated-root [data-asg-tab].active{
  background:linear-gradient(90deg,rgba(11,99,255,.12),rgba(0,184,255,.04))!important;
  color:#0b63ff!important;
  box-shadow:inset 4px 0 0 #0b63ff!important;
}

/* Forms previsíveis */
#asg-system-hard-app.asg-vp3-isolated-root input,
#asg-system-hard-app.asg-vp3-isolated-root select,
#asg-system-hard-app.asg-vp3-isolated-root textarea,
#asg-system-hard-app.asg-vp3-isolated-root button{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
}
#asg-system-hard-app.asg-vp3-isolated-root input,
#asg-system-hard-app.asg-vp3-isolated-root select,
#asg-system-hard-app.asg-vp3-isolated-root textarea{
  max-width:100%!important;
}
#asg-system-hard-app.asg-vp3-isolated-root img,
#asg-system-hard-app.asg-vp3-isolated-root svg{
  max-width:100%!important;
}

/* Evita componentes voando fora da tela */
#asg-system-hard-app.asg-vp3-isolated-root .asg-final-kpis,
#asg-system-hard-app.asg-vp3-isolated-root .asg401-kpis,
#asg-system-hard-app.asg-vp3-isolated-root .asg-premium-metrics,
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-metrics{
  max-width:100%!important;
}
#asg-system-hard-app.asg-vp3-isolated-root .asg-final-dashboard-grid,
#asg-system-hard-app.asg-vp3-isolated-root .asg401-grid,
#asg-system-hard-app.asg-vp3-isolated-root .asg-platform-grid{
  max-width:100%!important;
}

/* Mobile */
@media(max-width:1050px){
  #asg-system-hard-app.asg-vp3-isolated-root .asg-platform{
    grid-template-columns:1fr!important;
  }
  #asg-system-hard-app.asg-vp3-isolated-root .asg-platform-side{
    position:relative!important;
    height:auto!important;
    max-height:none!important;
  }
}
@media(max-width:760px){
  #asg-system-hard-app.asg-vp3-isolated-root .asg-platform-main,
  #asg-system-hard-app.asg-vp3-isolated-root .asg-platform-content,
  #asg-system-hard-app.asg-vp3-isolated-root .asg-system-main{
    padding:14px!important;
  }
}

/* Fallback visual se algum tema apagar o active */
#asg-system-hard-app.asg-vp3-isolated-root:not(.asg-vp3-ready) section[id^="asg-tab-"]:first-of-type{
  display:block!important;
}