/* Shared visual fixes for the panel and public entry document. */

/* The fixed atmosphere needs an opaque violet floor so transparent sections never reveal black. */
html{background:#10051f}
body[data-route]:not([data-route="Checkout"]):not([data-route="CreditCheckout"]):not([data-route="Admin"]):not([data-route="HelpCenter"]):not([data-route="Profile"]):not([data-route="SMSSpyChat"]):not([data-route$="Results"]){background:#10051f}
.panel-atmosphere{background:radial-gradient(ellipse 34% 42% at 12% 20%,#a13cff2d 0%,#5d1eb313 46%,transparent 76%),radial-gradient(ellipse 42% 46% at 88% 35%,#e638b622 0%,#661b9210 44%,transparent 78%),radial-gradient(ellipse 36% 32% at 52% 100%,#3d56ff18,transparent 74%),linear-gradient(180deg,#190a32 0%,#110720 52%,#0a0415 100%);background-repeat:no-repeat;background-size:100% 100%}

/* Authentication keeps the opening atmosphere and stops the account-only glyph layer from painting text. */
body:is([data-route="Login"],[data-route="Register"],[data-route="ForgotPassword"],[data-route="ResetPassword"]) #panel-atmosphere{display:block}
.account-auth{background:transparent}
.account-matrix{display:none!important;opacity:0!important;visibility:hidden}

/* These service forms use the shared panel surface. Chat, checkout and result wrappers remain independent. */
body:is([data-route="WhatsAppSpy"],[data-route="SMSSpy"],[data-route="CallsSpy"],[data-route="CameraSpy"]) .app-main{background:transparent}

/* Matrix canvases remain mounted for the existing motion lifecycle, but never appear in the interface. */
.panel-matrix,#entry-matrix{opacity:0!important}

/* Public entry pages share one opaque violet base across the whole document. */
html:has(body.entry-page){background:#080312}
body.entry-page{min-width:100%;min-height:100%;background-color:#080312}
body:is([data-entry-route="cta"],[data-entry-route="back-redirect"]){background-color:#080312;background-repeat:no-repeat;background-size:100% 100%}
.entry-landing{background:radial-gradient(circle at 82% -8%,#32105d55,transparent 30%),radial-gradient(circle at 6% 38%,#18052f88,transparent 36%),linear-gradient(180deg,#080312 0%,#0d0418 48%,#08020f 100%);background-repeat:no-repeat;background-size:100% 100%}
