body.theme-style-active .auth-shell {
  position: relative;
  z-index: 1000;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(3, 5, 8, 0.54), rgba(3, 5, 8, 0.74)),
    var(--theme-art-background, var(--theme-asset-background, radial-gradient(circle at 30% 30%, rgba(0, 207, 255, 0.11), transparent 32%))),
    #04070b;
  background-position: center;
  background-size: cover;
}

body.theme-style-active .auth-stage {
  position: relative;
  z-index: 2;
  border-color: var(--theme-engine-border, var(--line)) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-strong, #101419) 78%, transparent), color-mix(in srgb, var(--theme-surface, #090d12) 88%, rgba(0, 0, 0, 0.42))),
    rgba(8, 12, 20, 0.88) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--theme-accent-strong, #66e36a) 10%, transparent),
    0 26px 84px rgba(0, 0, 0, 0.52),
    0 0 28px color-mix(in srgb, var(--theme-glow, rgba(102, 227, 106, 0.4)) 36%, transparent) !important;
}

body.theme-style-active .auth-brand-panel {
  border-color: var(--theme-engine-border, var(--line)) !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--theme-surface-strong, #101419) 84%, rgba(255, 255, 255, 0.04)), color-mix(in srgb, var(--theme-surface, #090d12) 90%, rgba(0, 0, 0, 0.4))),
    var(--theme-panel-texture, none),
    rgba(10, 14, 20, 0.9) !important;
  background-size: auto, cover, auto;
}

body.theme-style-active .auth-shell::before,
body.theme-style-active .auth-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body.theme-style-active .auth-shell::before {
  background:
    var(--theme-art-overlay, var(--theme-asset-overlay, none)) center / cover no-repeat,
    radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--theme-accent-strong, #66e36a) 20%, transparent), transparent 26rem),
    radial-gradient(circle at 78% 72%, color-mix(in srgb, var(--theme-edge, #66e36a) 18%, transparent), transparent 30rem);
  opacity: 0.62;
}

body.theme-style-active .auth-shell::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.34), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.36)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 40%, rgba(0, 0, 0, 0.42));
}

body.theme-style-active .auth-card {
  position: relative;
  z-index: 2;
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-color: var(--theme-engine-border, var(--line)) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-strong, #101419) 86%, rgba(255, 255, 255, 0.04)), color-mix(in srgb, var(--theme-surface, #090d12) 90%, rgba(0, 0, 0, 0.48))),
    var(--theme-panel-texture, none),
    rgba(10, 14, 20, 0.94) !important;
  background-size: auto, cover, auto;
  box-shadow: none !important;
  backdrop-filter: blur(10px) saturate(1.12);
}

body.theme-style-active .auth-card > *,
body.theme-style-active .auth-brand-panel > *,
body.theme-style-active .auth-full-logo,
body.theme-style-active .auth-card-logo,
body.theme-style-active .auth-tabs,
body.theme-style-active .auth-tabs button,
body.theme-style-active .auth-mode-hint,
body.theme-style-active .auth-form,
body.theme-style-active .auth-form label,
body.theme-style-active .auth-form input,
body.theme-style-active #authSubmitButton,
body.theme-style-active #authError {
  position: relative;
  z-index: 3;
  opacity: 1 !important;
  visibility: visible !important;
}

body.theme-style-active .auth-tabs,
body.theme-style-active .auth-form {
  display: grid !important;
}

body.theme-style-active .auth-form label.hidden,
body.theme-style-active .auth-form input.hidden {
  display: none !important;
}

body.theme-style-active .auth-form input {
  display: block;
  width: 100%;
  border-color: var(--theme-engine-border, var(--line)) !important;
  color: var(--theme-text, #fff) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--theme-surface-strong, #101419) 82%, rgba(0, 0, 0, 0.5)), color-mix(in srgb, var(--theme-surface, #090d12) 90%, rgba(0, 0, 0, 0.58))) !important;
}

body.theme-style-active #authSubmitButton {
  width: 100%;
  flex: none;
  min-width: 0;
}