/* Studio56 — φόντο για το ΛΕΥΚΟ θέμα (chat + σελίδα σύνδεσης).
   Απαλά χρωματιστά "σύννεφα" (γαλάζιο, λιλά, μέντα, ροζ) + διακριτικό μοτίβο από κουκκίδες.
   Στο chat εφαρμόζεται πάντα (η φωτογραφία φόντου του chat μπαίνει μέσα στο παράθυρο μηνυμάτων).
   Στη σελίδα σύνδεσης εφαρμόζεται μόνο αν δεν έχεις ανεβάσει δική σου εικόνα φόντου. */

html[data-site-theme="light"]:not(#_),
html[data-site-theme="light"] body:not(.auth-page):not(#_),
html[data-site-theme="light"] body.auth-page:not([style*="background-image"]):not(#_){
  background-color:#f2f6fc!important;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(40,121,238,.13) 1px,transparent 1.6px),
    radial-gradient(1100px 760px at -5% -10%,rgba(56,189,248,.30),transparent 62%),
    radial-gradient(950px 720px at 105% -5%,rgba(167,139,250,.26),transparent 60%),
    radial-gradient(1000px 820px at 102% 108%,rgba(52,211,153,.20),transparent 60%),
    radial-gradient(900px 700px at -6% 106%,rgba(244,114,182,.18),transparent 60%),
    linear-gradient(160deg,#f8fbff 0%,#eef3fb 55%,#f4f1fd 100%)!important;
  background-size:24px 24px,auto,auto,auto,auto,auto!important;
  background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed!important;
  background-position:0 0,0 0,0 0,0 0,0 0,0 0!important;
}

/* απαλά κινούμενα "σύννεφα" φωτός από πάνω (πολύ διακριτικά, πίσω από όλο το περιεχόμενο) */
html[data-site-theme="light"] body:not(.auth-page):not(#_)::after,
html[data-site-theme="light"] body.auth-page:not([style*="background-image"]):not(#_)::after{
  content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 32% at 30% 30%,rgba(99,102,241,.10),transparent 70%),
    radial-gradient(34% 30% at 72% 64%,rgba(14,165,233,.10),transparent 70%);
  filter:blur(20px);
  animation:lightBgDrift 28s ease-in-out infinite alternate;
}
@keyframes lightBgDrift{
  0%{transform:translate3d(-3%,-2%,0) scale(1)}
  50%{transform:translate3d(3%,2%,0) scale(1.06)}
  100%{transform:translate3d(-1%,4%,0) scale(1.02)}
}
html[data-site-theme="light"] body:not(#_){isolation:isolate}

@media (prefers-reduced-motion:reduce){
  html[data-site-theme="light"] body:not(#_)::after{animation:none!important}
}

/* το παράθυρο του chat γίνεται ελαφρώς διάφανο ώστε να "φαίνεται" απαλά το φόντο
   (μόνο αν δεν έχεις βάλει δική σου φωτογραφία φόντου στο chat) */
html[data-site-theme="light"] body:not(.auth-page) > .app > main.chat.panel:not([style*="background-image"]):not(#_){
  background:rgba(255,255,255,.80)!important;
  backdrop-filter:blur(14px) saturate(1.2)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important;
  border-color:rgba(211,223,238,.9)!important;
  box-shadow:0 10px 30px rgba(23,50,77,.06)!important;
}