/* IT310RESPONSIVE_DEVICE_PASS2A
   Hotfix visual final da Etapa 2.
   Escopo exclusivo: zona de exclusao do footer para o popup PWA em desktop/Full HD.
   Objetivo: manter o toast "Usar como app" inteiramente acima da linha do rodape institucional.
   Preserva textos, menus, rotas, ferramentas, motores, backend, QR e identidade. */

:root{
  --it-rdp2a-pwa-footer-safe-zone:clamp(150px,15.5vh,186px);
  --it-rdp2a-pwa-footer-safe-gap:22px;
}

@media (min-width:961px){
  html body .it-pwa-toast,
  html body .it-pwa-toast[data-kind="install"],
  html body .it-pwa-toast[data-kind="update"],
  html body .it-pwa-toast[data-kind="install-installed"],
  html body .it-pwa-toast[data-kind="install-help"]{
    right:24px!important;
    left:auto!important;
    bottom:var(--it-rdp2a-pwa-footer-safe-zone)!important;
    transform-origin:bottom right!important;
    z-index:230!important;
  }

  html body .it-pwa-toast[data-kind="install"],
  html body .it-pwa-toast[data-kind="update"],
  html body .it-pwa-toast[data-kind="install-installed"]{
    width:min(380px,calc(100vw - 48px))!important;
    max-width:380px!important;
    max-height:calc(100dvh - 250px)!important;
    overflow:auto!important;
  }

  html body .it-pwa-toast[data-kind="install-help"]{
    width:min(500px,calc(100vw - 48px))!important;
    max-width:500px!important;
    max-height:calc(100dvh - 250px)!important;
    overflow:auto!important;
  }

  body.it-pwa-toast-active footer.foot,
  body.it-pwa-toast-active footer.ixdesk-it-foot,
  body.it-pwa-toast-active footer{
    position:relative!important;
    z-index:20!important;
    isolation:isolate!important;
  }
}

@media (min-width:1366px) and (max-height:900px){
  html body .it-pwa-toast,
  html body .it-pwa-toast[data-kind="install-help"]{
    bottom:150px!important;
    max-height:calc(100dvh - 230px)!important;
  }
}

@media (min-width:1900px) and (max-height:1120px){
  html body .it-pwa-toast,
  html body .it-pwa-toast[data-kind="install-help"]{
    bottom:168px!important;
  }
}

@media (min-width:961px) and (max-height:760px){
  html body .it-pwa-toast,
  html body .it-pwa-toast[data-kind="install-help"]{
    bottom:126px!important;
    max-height:calc(100dvh - 190px)!important;
  }
}