/* IT310RESPONSIVE_DEVICE_PASS2B
   Hotfix visual final da Etapa 2.
   Escopo exclusivo: conflito PWA x AVADOG e comportamento de ocultacao do prompt.
   Objetivo: em paginas com AVADOG, manter o popup PWA no lado esquerdo, fora da area do mascote; ocultar em modo app/instalado; auto-hide controlado por JS em 33s.
   Preserva textos, rotas, ferramentas, motores, backend, QR, identidade e correcoes anteriores. */

:root{
  --it-rdp2b-avadog-pwa-left-gap:18px;
  --it-rdp2b-avadog-pwa-bottom:22px;
  --it-rdp2b-avadog-pwa-width:360px;
  --it-rdp2b-mobile-avadog-reserve:128px;
}

html.infotech-standalone-mode body .it-pwa-toast,
body.infotech-pwa-installed .it-pwa-toast,
body.infotech-pwa-standalone .it-pwa-toast{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media (min-width:961px){
  body.fixturebridge-page .it-pwa-toast[data-kind="install"],
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"]{
    left:calc(var(--it-side-w,315px) + var(--it-rdp2b-avadog-pwa-left-gap))!important;
    right:auto!important;
    bottom:calc(var(--it-rdp2b-avadog-pwa-bottom) + env(safe-area-inset-bottom,0px))!important;
    width:min(var(--it-rdp2b-avadog-pwa-width),calc(100vw - var(--it-side-w,315px) - 56px))!important;
    max-width:var(--it-rdp2b-avadog-pwa-width)!important;
    max-height:calc(100dvh - 80px)!important;
    overflow:auto!important;
    transform-origin:bottom left!important;
    z-index:222!important;
  }

  body.fixturebridge-page.it-sidebar-collapsed .it-pwa-toast[data-kind="install"],
  body.fixturebridge-page.it-sidebar-collapsed .it-pwa-toast[data-kind="install-help"],
  body.fixture-builder-page.it-sidebar-collapsed .it-pwa-toast[data-kind="install"],
  body.fixture-builder-page.it-sidebar-collapsed .it-pwa-toast[data-kind="install-help"]{
    left:calc(var(--it-side-mini,86px) + var(--it-rdp2b-avadog-pwa-left-gap))!important;
    width:min(var(--it-rdp2b-avadog-pwa-width),calc(100vw - var(--it-side-mini,86px) - 56px))!important;
  }

  body.fixturebridge-page .infotech-support-float,
  body.fixture-builder-page .infotech-support-float{
    z-index:232!important;
  }
}

@media (max-width:960px){
  body.fixturebridge-page .it-pwa-toast[data-kind="install"],
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"]{
    left:10px!important;
    right:auto!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:min(276px,calc(100vw - var(--it-rdp2b-mobile-avadog-reserve)))!important;
    min-width:min(226px,calc(100vw - var(--it-rdp2b-mobile-avadog-reserve)))!important;
    max-width:276px!important;
    padding:10px!important;
    border-radius:16px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    z-index:222!important;
    transform-origin:bottom left!important;
  }

  body.fixturebridge-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-copy span,
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-copy span,
  body.fixture-builder-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-copy span,
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-copy span{
    font-size:10.5px!important;
    line-height:1.28!important;
  }

  body.fixturebridge-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-copy strong,
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-copy strong,
  body.fixture-builder-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-copy strong,
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-copy strong{
    font-size:12px!important;
  }

  body.fixturebridge-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-actions,
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-actions,
  body.fixture-builder-page .it-pwa-toast[data-kind="install"] .it-pwa-toast-actions,
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"] .it-pwa-toast-actions{
    display:grid!important;
    grid-template-columns:1fr 34px!important;
    width:100%!important;
    gap:7px!important;
  }

  body.fixturebridge-page .it-pwa-toast[data-kind="install"] .it-pwa-primary,
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"] .it-pwa-primary,
  body.fixture-builder-page .it-pwa-toast[data-kind="install"] .it-pwa-primary,
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"] .it-pwa-primary{
    height:33px!important;
    width:100%!important;
    font-size:10px!important;
  }

  body.fixturebridge-page .it-pwa-toast[data-kind="install"] .it-pwa-close,
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"] .it-pwa-close,
  body.fixture-builder-page .it-pwa-toast[data-kind="install"] .it-pwa-close,
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"] .it-pwa-close{
    width:34px!important;
    height:33px!important;
  }
}

@media (max-width:390px){
  body.fixturebridge-page .it-pwa-toast[data-kind="install"],
  body.fixturebridge-page .it-pwa-toast[data-kind="install-help"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install"],
  body.fixture-builder-page .it-pwa-toast[data-kind="install-help"]{
    --it-rdp2b-mobile-avadog-reserve:112px;
    width:min(248px,calc(100vw - var(--it-rdp2b-mobile-avadog-reserve)))!important;
    min-width:min(218px,calc(100vw - var(--it-rdp2b-mobile-avadog-reserve)))!important;
  }
}