/* TrustaFix Customer-Appeal Auth Background v1.0.3
   Scope: only pages where installer injects body/html class `trustafix-auth-customer-bg`.
   Purpose: background graphics only. No form, button, card, menu, or master UI redesign. */

html.trustafix-auth-customer-bg,
html.trustafix-auth-customer-bg body,
body.trustafix-auth-customer-bg {
  min-height: 100% !important;
}

body.trustafix-auth-customer-bg {
  background-color: #06162f !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(63, 214, 255, 0.18), transparent 32%),
    radial-gradient(circle at 88% 78%, rgba(255, 165, 71, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(3, 11, 28, 0.05) 0%, rgba(3, 11, 28, 0.26) 100%),
    url('/assets/trustafix-auth/customer-appeal/v1_0_3/trustafix-customer-appeal-bg.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Strong but scoped background layer: helps login/signup pages where old wrappers hide body background. */
body.trustafix-auth-customer-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 16%, rgba(58, 206, 255, 0.16), transparent 32%),
    radial-gradient(circle at 84% 82%, rgba(255, 171, 71, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(3, 11, 28, 0.04) 0%, rgba(3, 11, 28, 0.22) 100%),
    url('/assets/trustafix-auth/customer-appeal/v1_0_3/trustafix-customer-appeal-bg.png') center center / cover no-repeat;
}

body.trustafix-auth-customer-bg > * {
  position: relative;
  z-index: 1;
}

/* Only auth-page/full-screen wrappers are made transparent. Forms/cards/buttons are not resized or redesigned. */
body.trustafix-auth-customer-bg #app,
body.trustafix-auth-customer-bg #root,
body.trustafix-auth-customer-bg main,
body.trustafix-auth-customer-bg .page,
body.trustafix-auth-customer-bg .page-wrapper,
body.trustafix-auth-customer-bg .site-wrapper,
body.trustafix-auth-customer-bg .main-wrapper,
body.trustafix-auth-customer-bg .auth-page,
body.trustafix-auth-customer-bg .auth-screen,
body.trustafix-auth-customer-bg .auth-layout,
body.trustafix-auth-customer-bg .auth-wrapper,
body.trustafix-auth-customer-bg .login-page,
body.trustafix-auth-customer-bg .login-screen,
body.trustafix-auth-customer-bg .signup-page,
body.trustafix-auth-customer-bg .signup-screen,
body.trustafix-auth-customer-bg .register-page,
body.trustafix-auth-customer-bg .register-screen,
body.trustafix-auth-customer-bg .forgot-page,
body.trustafix-auth-customer-bg .forgot-screen,
body.trustafix-auth-customer-bg .forgot-password-page,
body.trustafix-auth-customer-bg .reset-password-page,
body.trustafix-auth-customer-bg .auth-bg,
body.trustafix-auth-customer-bg .login-bg,
body.trustafix-auth-customer-bg .background,
body.trustafix-auth-customer-bg .bg-wrapper {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 768px) {
  body.trustafix-auth-customer-bg {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
  body.trustafix-auth-customer-bg::before {
    background-position: center top !important;
  }
}