/* CommandGrid branding tokens (from provided SVG mark) */
:root{
  --cg-bg-0: #060E16;
  --cg-bg-1: #082834;
  --cg-fg:   #F0F6FC;
  --cg-muted:#98AABE;
  --cg-teal: #00D6D2;
  --cg-green:#2EEA86;

  --cg-card: rgba(255,255,255,0.06);
  --cg-stroke: rgba(255,255,255,0.10);
  --cg-shadow: 0 18px 60px rgba(0,0,0,0.45);
}

.cg-login-bg{
  min-height: 100vh;
  background:
    radial-gradient(1200px 700px at 70% 40%, rgba(0,214,210,0.18), transparent 55%),
    radial-gradient(900px 600px at 20% 70%, rgba(46,234,134,0.12), transparent 60%),
    linear-gradient(180deg, var(--cg-bg-0), var(--cg-bg-1));
  position: relative;
  overflow: hidden;
}

.cg-login-bg.has-wallpaper{
  background:
    linear-gradient(180deg, rgba(6,14,22,0.86), rgba(8,40,52,0.86)),
    url("/branding/wallpaper-login-1920x1080.jpg") center/cover no-repeat;
}

.cg-login-bg::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.35;
  pointer-events:none;
}

.cg-card{
  position: relative;
  backdrop-filter: blur(10px);
  background: var(--cg-card);
  border: 1px solid var(--cg-stroke);
  border-radius: 18px;
  box-shadow: var(--cg-shadow);
}