/* ============================================================
   הקרקע — שכבת האור שמאחורי הדשבורד, הטופס ומסך ההתחברות.
   מקור אחד ויחיד: קודם היא הייתה משוכפלת בשלושה קבצים, וכל
   כיוונון היה צריך להיעשות שלוש פעמים.
   ------------------------------------------------------------
   העוצמה כאן נמוכה בערך בחצי מזו של "סתיו בניו יורק": שם הרקע
   נושא כותרת ומספר בודד, כאן הוא נושא טבלאות. הכתם הכחול-כהה
   שחצה את הדף הוסר — הוא זה שנקרא כלכלוך ולא כאור.
   ============================================================ */
:root{
  --ground:
    radial-gradient(52% 48% at 98% -4%,   rgba(112,170,226,.42), transparent 70%),
    radial-gradient(34% 40% at 72% 38%,   rgba(255,172,108,.26), transparent 70%),
    radial-gradient(58% 44% at 6% 110%,   rgba(222,214,96,.26),  transparent 70%),
    radial-gradient(42% 56% at -6% 28%,   rgba(142,204,236,.40), transparent 70%),
    radial-gradient(30% 30% at 40% 100%,  rgba(150,210,190,.18), transparent 70%),
    linear-gradient(165deg,#EBEFF3 0%,#E4EAEE 48%,#EAEBE3 100%);
}

/* .crm-bg בדשבורד, .bg בטופס — אותה שכבה בדיוק */
.crm-bg, .bg{
  position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;
  background: var(--ground);
}
/* פס אור אחד שחוצה את הדף. היו שניים; השני היה כחול-כהה ולכלך את המראה. */
.crm-bg i, .bg i{
  position:absolute; width:72vmax; height:15vmax; top:12%; left:28%;
  border-radius:50%; transform:rotate(-58deg); filter:blur(52px);
  background:linear-gradient(90deg,
    rgba(255,255,255,0), rgba(255,255,255,.58) 45%,
    rgba(255,206,164,.26) 70%, rgba(255,255,255,0));
}

/* מסך ההתחברות הוא עמוד שלם משל עצמו — הקרקע היא הרקע שלו */
.auth-wrap{ background: var(--ground); }

@media (prefers-reduced-transparency: reduce){
  .crm-bg, .bg{ display:none; }
  .auth-wrap{ background:#EDF0F3; }
}