/* OU Fichaje 1.5.8 · marco independiente de cualquier tema */
html:has(body.oufich-standalone-app),
html body.oufich-standalone-app{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:#f4f7fb!important;
}

body.oufich-standalone-app{
  position:relative!important;
  color:#0f172a!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  line-height:1.5!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.oufich-standalone-app *,
body.oufich-standalone-app *::before,
body.oufich-standalone-app *::after{
  box-sizing:border-box;
}

body.oufich-standalone-app #wpadminbar,
body.oufich-standalone-app .et-l--header,
body.oufich-standalone-app .et-l--footer,
body.oufich-standalone-app #main-header,
body.oufich-standalone-app #top-header,
body.oufich-standalone-app #et-main-area,
body.oufich-standalone-app #page-container{
  display:none!important;
}

body.oufich-standalone-app .oufich-standalone-root{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background:#f4f7fb!important;
  overflow:visible!important;
}

body.oufich-standalone-app .oufich-standalone-root>*,
body.oufich-standalone-app .oufich-employee-panel,
body.oufich-standalone-app .oufich-container{
  box-sizing:border-box!important;
}

/* La plantilla no carga el HTML del tema. Estas reglas neutralizan estilos
   globales agresivos de temas o constructores que sí se impriman en wp_head(). */
body.oufich-standalone-app .oufich-standalone-root button,
body.oufich-standalone-app .oufich-standalone-root input,
body.oufich-standalone-app .oufich-standalone-root select,
body.oufich-standalone-app .oufich-standalone-root textarea{
  font:inherit;
}

body.oufich-standalone-app .oufich-standalone-root img{
  max-width:100%;
}

@media (display-mode:standalone){
  html:has(body.oufich-standalone-app),
  body.oufich-standalone-app{
    min-height:100dvh!important;
  }
}
