/*
 * TakaraDex shared styles: auth-loading.css
 * Generated by the V0.2.0 readability refactor.
 * These rules were previously duplicated in every HTML page.
 * For normal spacing/size changes edit ../takaradex-config.css instead.
 */


/* ===== Opaque full-screen loading state ===== */
/* Loading sempre a schermo intero e opaco: niente pagina visibile/cliccabile dietro */
body.auth-loading .loading-screen,
body.auth-loading #loadingScreen,
html.td-fast-auth body.auth-loading .loading-screen,
html.td-fast-auth body.auth-loading #loadingScreen,
.loading-screen[style*="display: flex"],
#loadingScreen[style*="display: flex"]{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:999999!important;
  background:#111!important;
  background:radial-gradient(circle at top,#2b2b2b 0%,#111 55%,#050505 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:all!important;
  backdrop-filter:none!important;
}
body.auth-loading .loading-box,
body.auth-loading #loadingScreen .loading-box,
html.td-fast-auth body.auth-loading .loading-box{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1000000!important;
}
body.auth-loading > *:not(.loading-screen):not(#loadingScreen):not(script):not(style),
html.td-fast-auth body.auth-loading > *:not(.loading-screen):not(#loadingScreen):not(script):not(style){
  visibility:hidden!important;
  pointer-events:none!important;
}
body.auth-loading .auth-screen,
html.td-fast-auth body.auth-loading .auth-screen{
  display:none!important;
}


/* ===== Authentication stability safeguards ===== */
/* Professional stability patch: old fast-auth is disabled; no private UI flashes before Firebase auth resolves. */
html.td-fast-auth{ }
body.auth-loading #loadingScreen,
body.auth-loading .loading-screen{
  position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:2147483000!important;background:radial-gradient(circle at top,#2b2b2b 0%,#111 55%,#050505 100%)!important;
  opacity:1!important;visibility:visible!important;pointer-events:all!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.auth-loading #loadingScreen .loading-box,
body.auth-loading .loading-screen .loading-box{display:block!important;visibility:visible!important;opacity:1!important;}
body.auth-loading #authScreen,
body.auth-loading .auth-screen{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.auth-loading > *:not(#loadingScreen):not(.loading-screen):not(script):not(style){visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.td-login-mode{padding:0!important;min-height:100vh!important;overflow:hidden!important;background:#080808!important;}
body.td-login-mode #authScreen,
body.td-login-mode .auth-screen{
  position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:2147482000!important;background:radial-gradient(circle at top,#2b2b2b 0%,#111 55%,#050505 100%)!important;
  visibility:visible!important;opacity:1!important;pointer-events:all!important;padding:20px!important;
}
body.td-login-mode #loadingScreen,
body.td-login-mode .loading-screen{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.td-login-mode > *:not(#authScreen):not(.auth-screen):not(script):not(style){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.td-app-ready #authScreen,
body.td-app-ready .auth-screen,
body.td-app-ready #loadingScreen,
body.td-app-ready .loading-screen{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.td-page-leaving{pointer-events:none!important;}
@media(max-width:700px){body:not(.td-login-mode):not(.auth-loading){padding-bottom:88px!important;}}