/* ============================================================
   Mao Amiga — tela de login
   ============================================================ */

.login-tela {
  min-height: 100vh;
  display: grid; place-items: center;
  padding: 1.5rem;
  background:
    radial-gradient(900px 460px at 50% -5%, color-mix(in srgb, var(--ma-primaria) 15%, transparent), transparent 68%),
    var(--ma-fundo);
}

.login-caixa {
  width: 100%; max-width: 25rem;
  padding: 2.25rem;
  background: var(--ma-superficie);
  border: 1px solid var(--ma-borda);
  border-radius: var(--ma-raio-lg);
  box-shadow: var(--ma-sombra-md);
}

.login-marca { text-align: center; margin-bottom: 1.75rem; }
.login-marca__logo {
  display: inline-grid; place-items: center;
  width: 52px; height: 52px; margin-bottom: .9rem;
  border-radius: 15px;
  background: var(--ma-primaria); color: var(--ma-primaria-contraste);
  font-size: 1.6rem;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ma-primaria) 32%, transparent);
}
.login-marca__titulo { margin: 0; font-size: 1.35rem; font-weight: 750; letter-spacing: -.025em; }
.login-marca__texto { margin: .3rem 0 0; font-size: .88rem; color: var(--ma-texto-suave); }

.login-caixa .form-control { padding: .62rem .85rem; }
.login-caixa .btn { padding: .62rem; font-weight: 600; }

.login-rodape {
  margin-top: 1.5rem; padding-top: 1.25rem;
  border-top: 1px solid var(--ma-borda);
  text-align: center; font-size: .8rem; color: var(--ma-texto-fraco);
}
.login-rodape a { color: var(--ma-texto-suave); }

.login-erro {
  display: flex; align-items: flex-start; gap: .55rem;
  padding: .7rem .85rem; margin-bottom: 1.15rem;
  background: var(--ma-perigo-clara); color: var(--ma-perigo);
  border: 1px solid color-mix(in srgb, var(--ma-perigo) 25%, transparent);
  border-radius: var(--ma-raio-sm);
  font-size: .86rem; font-weight: 550;
}