/* SZ Brasa Overview — esconde TODO conteudo stock do .sz-dashboard ate o
 * iframe ser injetado. O iframe (HTML pre-renderizado com placeholders)
 * serve de skeleton de transicao.
 */

/* Esconde TODO descendente do .sz-dashboard exceto o iframe */
html[data-sz-overview="1"] .sz-dashboard *:not(#sz-overview-iframe):not(#sz-overview-iframe *) {
  visibility: hidden !important;
}

/* Pai direto do .sz-dashboard tambem recebe o gradient (cobre a moldura) */
html[data-sz-overview="1"] *:has(> .sz-dashboard) {
  background: linear-gradient(180deg, #DCEEDD 0%, #F4FAF6 30%, #FFFFFF 100%) !important;
}

/* .sz-dashboard: cresce com o conteudo do iframe, sem altura forcada. */
html[data-sz-overview="1"] .sz-dashboard {
  background: linear-gradient(180deg, #DCEEDD 0%, #F4FAF6 30%, #FFFFFF 100%) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Dark — preto solido */
body.dark html[data-sz-overview="1"] *:has(> .sz-dashboard),
html.dark[data-sz-overview="1"] *:has(> .sz-dashboard),
body.dark html[data-sz-overview="1"] .sz-dashboard,
html.dark[data-sz-overview="1"] .sz-dashboard {
  background: #0E1011 !important;
}

/* Iframe ocupa 100% da largura. Altura controlada pelo JS via setProperty
 * com !important (postMessage 'sz-overview-height' do theme.js). Aqui só
 * garantimos min-height pra placeholder enquanto theme.js nao boota — sem
 * height fixo pra nao prender o iframe e criar scroll interno. */
.sz-dashboard > #sz-overview-iframe {
  visibility: visible !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 100vh !important;
  height: auto;
  border: 0 !important;
  background: transparent !important;
}
body.dark .sz-dashboard > #sz-overview-iframe,
html.dark .sz-dashboard > #sz-overview-iframe {
  background: #0E1011 !important;
}