/* atlas12_overrides.css
   Safe UI overrides: consistent light background + login background.
*/

:root{
  --atlas-bg-0: #f6f8fb;
  --atlas-bg-1: #ffffff;
  --atlas-card: rgba(255,255,255,0.92);
  --atlas-border: rgba(15, 23, 42, 0.08);
  --atlas-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

body.atlas12{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(72, 209, 204, 0.10), transparent 60%),
              radial-gradient(1200px 800px at 80% 0%, rgba(59, 130, 246, 0.10), transparent 55%),
              linear-gradient(180deg, var(--atlas-bg-0), var(--atlas-bg-1));
  min-height: 100vh;
}

/* Main content container should stay transparent over global background */
.atlas12-main,
.atlas12-content{
  background: transparent !important;
}

/* Cards / panels slight glass feel */
.card.atlas-glass,
.atlas-card-tile{
  background: var(--atlas-card);
  border: 1px solid var(--atlas-border);
  box-shadow: var(--atlas-shadow);
  backdrop-filter: saturate(140%) blur(6px);
}

/* Dashboard tile helpers */
.atlas-card-link{
  text-decoration: none;
  color: inherit;
}
.atlas-card-link:hover .atlas-card-tile{
  transform: translateY(-1px);
  transition: transform 120ms ease;
}
.atlas-tile-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.10);
  font-size: 20px;
}

/* --- Auth pages --- */
body.auth-page{
  background: #0b1220;
  min-height: 100vh;
}
.auth-hero{
  min-height: 100vh;
  background-image: url("/static/img/atlas_bg_login.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.auth-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.88));
}
.auth-hero > .auth-inner{
  position: relative;
  z-index: 1;
}
.auth-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(8px);
}