/* Entrada SOFT-IG — isolada do restante do painel. */
html body #authShell#authShell#authShell.auth-shell:not(.hidden){
  position:fixed!important;inset:0!important;z-index:6000!important;
  display:block!important;width:100%!important;height:100dvh!important;
  min-height:100dvh!important;margin:0!important;padding:0!important;
  overflow:hidden!important;background:#000!important;background-image:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden)::before,
html body #authShell#authShell#authShell.auth-shell:not(.hidden)::after,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-stage::before,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-stage::after,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-card::before,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-card::after{content:none!important;display:none!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-gallery{
  display:none!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-isolated-background{
  position:absolute!important;z-index:0!important;display:block!important;
  width:736px!important;height:736px!important;max-width:none!important;max-height:none!important;
  left:calc(50% - 368px)!important;top:calc(50% - 368px)!important;
  margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;filter:none!important;-webkit-filter:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  opacity:1!important;image-rendering:-webkit-optimize-contrast!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-stage,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-card{
  position:relative!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;text-align:left!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-wordmark{
  position:fixed!important;top:18px!important;left:28px!important;z-index:2!important;
  display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;
  color:#fff!important;font-size:20px!important;font-weight:900!important;letter-spacing:.13em!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-wordmark span{color:#962efe!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-legal{
  position:fixed!important;top:21px!important;left:50%!important;z-index:2!important;
  display:flex!important;justify-content:center!important;gap:24px!important;
  width:max-content!important;margin:0!important;padding:0!important;border:0!important;
  transform:translateX(-50%)!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-legal a{color:#dedadd!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-card-head,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-security,
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-message{display:none!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-button{
  position:fixed!important;top:8px!important;right:24px!important;z-index:3!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:276px!important;min-height:48px!important;margin:0!important;padding:0 18px!important;
  border:0!important;border-radius:0!important;background:#0a0a0c!important;color:#fff!important;
  font-size:13px!important;font-weight:800!important;box-shadow:0 0 14px rgba(151,47,254,.12),0 0 28px rgba(151,47,254,.16)!important;
  animation:softigConnectPulse 2.2s ease-in-out infinite!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-button:hover{background:#101014!important;box-shadow:0 0 20px rgba(151,47,254,.20),0 0 40px rgba(151,47,254,.25)!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-mark{width:18px!important;height:18px!important;flex:0 0 18px!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-developer{
  position:fixed!important;top:calc(50% + 108px)!important;left:50%!important;z-index:2!important;
  width:max-content!important;margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;text-align:center!important;transform:translateX(-50%)!important;
}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-developer>span{display:block!important;color:#777174!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-developer a{display:block!important;margin-top:8px!important;color:#fff!important;font-size:14px!important;text-decoration:none!important}
@keyframes softigConnectPulse{0%,100%{transform:scale(1);box-shadow:0 0 14px rgba(151,47,254,.12),0 0 28px rgba(151,47,254,.16)}50%{transform:scale(1.015);box-shadow:0 0 18px rgba(151,47,254,.19),0 0 40px rgba(151,47,254,.25)}}
@media(max-width:800px){
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-wordmark{top:20px!important;left:20px!important;font-size:17px!important}
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-legal{top:76px!important;gap:14px!important}
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-legal a{font-size:11px!important}
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-button{top:auto!important;right:50%!important;bottom:54px!important;width:min(300px,calc(100% - 40px))!important;transform:translateX(50%)!important}
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-developer{top:auto!important;bottom:132px!important}
}
@media(prefers-reduced-motion:reduce){html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-button{animation:none!important}}

/* Carregamento com a mesma identidade visual da entrada. */
html body #oauthLoading.oauth-loading{
  position:fixed!important;inset:0!important;z-index:7000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:#000!important;background-image:none!important;
  filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  isolation:isolate!important;color:#fff!important;
}
html body #oauthLoading.oauth-loading.hidden{display:none!important}
html body #oauthLoading.oauth-loading .oauth-loading-background{position:absolute!important;z-index:0!important;display:block!important;width:736px!important;height:736px!important;max-width:none!important;max-height:none!important;left:calc(50% - 368px)!important;top:calc(50% - 368px)!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;image-rendering:-webkit-optimize-contrast!important}
html body #oauthLoading.oauth-loading::before{content:none!important;display:none!important}
html body #oauthLoading.oauth-loading strong,
html body #oauthLoading.oauth-loading>span,
html body #oauthLoading.oauth-loading .session-retry{display:none!important}
html body #oauthLoading.oauth-loading .oauth-loading-mark{display:none!important}
html body #oauthLoading.oauth-loading .oauth-progress{position:absolute!important;top:calc(50% + 145px)!important;left:50%!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:210px!important;transform:translateX(-50%)!important;color:#fff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important}
html body #oauthLoading.oauth-loading .oauth-progress-track{display:block!important;width:100%!important;height:2px!important;overflow:hidden!important;background:rgba(255,255,255,.17)!important}
html body #oauthLoading.oauth-loading .oauth-progress-track i{display:block!important;width:var(--oauth-progress,0%)!important;height:100%!important;background:linear-gradient(90deg,#d9d9dc,#fff)!important;box-shadow:0 0 8px rgba(255,255,255,.52)!important;transition:width .08s linear!important}
html body #oauthLoading.oauth-loading .oauth-progress #oauthProgressValue{color:#bdbbc0!important;font-size:9px!important;letter-spacing:.08em!important}


/* V98 — nitidez: mantém 1:1 no desktop; só reduz em telas menores que 736px. */
@media (max-width:736px){
  html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-isolated-background,
  html body #oauthLoading.oauth-loading .oauth-loading-background{
    width:100vw!important;height:100vw!important;
    left:0!important;top:calc(50% - 50vw)!important;
  }
}

/* Entrada e carregamento seguem a identidade violeta do painel. */
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .auth-wordmark span{color:#9b6cff!important}
html body #authShell#authShell#authShell.auth-shell:not(.hidden) .instagram-login-button{
  border-color:rgba(155,108,255,.7)!important;
  background:linear-gradient(135deg,#6336ca,#9b6cff)!important;
  box-shadow:0 0 16px rgba(155,108,255,.28),0 0 30px rgba(155,108,255,.16)!important;
}
html body #oauthLoading.oauth-loading .oauth-progress-track i{
  background:linear-gradient(90deg,#7546df,#b69cff)!important;
  box-shadow:0 0 10px rgba(155,108,255,.68)!important;
}