/* Fundo da tela de login */
body.login-screen{
  margin:0; min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background: url("/static/bg-map-dark.jpg") center/cover no-repeat fixed;
  background-color: #020b14; /* fallback escuro caso a imagem demore */
}

/* Card de login */
body.login-screen #root{
  width:320px; max-width:92vw; padding:24px; border-radius:14px;
  background: rgba(0,0,0,.88);
  box-shadow: 0 10px 35px rgba(0,0,0,.45);
  border: 1px solid rgba(0,255,180,.12);
}

/* Logo central sobre o login */
#rs-overlay-logo{
  position: fixed;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -178%);  /* ↓ abaixado +1px */
  z-index: 3000;
  width: 495px;  /* tamanho +50% */
  height: auto;
  opacity: .97;
  pointer-events: none;
  image-rendering: auto;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.6));
  content: url("/static/logo-rastro.png");
}
@media (max-width:480px){
  #rs-overlay-logo{
    width:360px;
    transform:translate(-50%,-148%);
  }
}

/* Botões com degradê */
body.login-screen button{
  font-weight:700; border:0; border-radius:10px; padding:12px 14px;
  background: linear-gradient(135deg,#2b6fff,#00c49a); color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition: transform .06s ease, filter .2s ease;
}
body.login-screen button:hover{ filter:brightness(1.05) }
body.login-screen button:active{ transform: translateY(1px) }