/* v1.6.29: signed-out auth only; no changes to the authenticated admin UI. */
html{--auth-scene:url("theme-art/nightlife-reference-scene.webp")}
html[data-theme="manga"]{--auth-scene:url("theme-art/manga-concert-scene.webp")}
html[data-theme="hifi"]{--auth-scene:url("theme-art/hifi-reference-scene.webp")}
html[data-theme="retro"]{--auth-scene:url("theme-art/retro-reference-scene.webp")}
html[data-theme="signal"]{--auth-scene:url("theme-art/signal-reference-scene.webp")}
html[data-theme="grunge"]{--auth-scene:url("theme-art/grunge-reference-scene.webp")}
html[data-theme="bristol"]{--auth-scene:url("theme-art/bristol-reference-scene.webp")}
html[data-theme="nightlife"]{--auth-scene:url("theme-art/nightlife-reference-scene.webp")}
body:has(#login) .shell,body:has(#reset-form) .shell{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;transform:none!important;
}
body:has(#login) .top,body:has(#reset-form) .top{
  width:100%!important;box-sizing:border-box;position:relative;z-index:2;
}
body:has(#login) #admin-app,body:has(#reset-form) #admin-app{
  position:relative;isolation:isolate;
  box-sizing:border-box;width:100%!important;max-width:none!important;
  min-height:calc(100svh - 86px);margin:0!important;
  padding:clamp(42px,7vw,96px) 22px!important;
  display:flex!important;flex-direction:column;align-items:center!important;
  justify-content:center;transform:none!important;left:auto!important;right:auto!important;
  overflow:hidden;
}
body:has(#login) #admin-app::before,body:has(#reset-form) #admin-app::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(90deg,rgba(10,8,16,.86),rgba(10,8,16,.48) 48%,rgba(10,8,16,.80)),var(--auth-scene);
  background-size:cover;background-position:center;filter:saturate(.92);
}
body:has(#login) #admin-app::after,body:has(#reset-form) #admin-app::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,7,12,.3),transparent 32%,rgba(8,7,12,.5));
}
body:has(#login) #admin-app>.admin-panel,body:has(#reset-form) #admin-app>.admin-panel{
  box-sizing:border-box;flex:0 1 auto;width:min(100%,560px)!important;max-width:560px!important;
  margin:0 auto!important;transform:none!important;position:relative;z-index:1;
  background:color-mix(in srgb,var(--panel) 95%,transparent);
  box-shadow:0 28px 90px rgba(0,0,0,.52);
  backdrop-filter:blur(14px);
}
@media(max-width:600px){
  body:has(#login) #admin-app,body:has(#reset-form) #admin-app{
    min-height:calc(100svh - 70px);padding:30px 16px!important;
  }
  body:has(#login) #admin-app>.admin-panel,body:has(#reset-form) #admin-app>.admin-panel{
    width:100%!important;padding:28px 22px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  body:has(#login) #admin-app>.admin-panel,body:has(#reset-form) #admin-app>.admin-panel{
    background:var(--panel);backdrop-filter:none;
  }
}

/* Use the same theme-specific concert artwork and immersive layout for sign-up. */
body:has(.registration-panel) .shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
body:has(.registration-panel) .top{width:100%!important;box-sizing:border-box;position:relative;z-index:2}
body:has(.registration-panel) #admin-app{position:relative;isolation:isolate;box-sizing:border-box;width:100%!important;max-width:none!important;min-height:calc(100svh - 86px);margin:0!important;padding:clamp(42px,7vw,96px) 22px!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;transform:none!important;left:auto!important;right:auto!important;overflow:hidden}
body:has(.registration-panel) #admin-app::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(10,8,16,.86),rgba(10,8,16,.48) 48%,rgba(10,8,16,.80)),var(--auth-scene);background-size:cover;background-position:center;filter:saturate(.92)}
body:has(.registration-panel) #admin-app::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,12,.3),transparent 32%,rgba(8,7,12,.5))}
body:has(.registration-panel) #admin-app>.admin-panel{box-sizing:border-box;flex:0 1 auto;width:min(100%,560px)!important;max-width:560px!important;margin:0 auto!important;transform:none!important;position:relative;z-index:1;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 28px 90px rgba(0,0,0,.52);backdrop-filter:blur(14px)}
@media(max-width:600px){body:has(.registration-panel) #admin-app{min-height:calc(100svh - 70px);padding:30px 16px!important}body:has(.registration-panel) #admin-app>.admin-panel{width:100%!important;padding:28px 22px!important}}
@media(prefers-reduced-transparency:reduce){body:has(.registration-panel) #admin-app>.admin-panel{background:var(--panel);backdrop-filter:none}}
