/**
 * Fundo ambient — login comprador / fornecedor
 * Gradiente mais contrastado + vinheta suave para o efeito canvas destacar.
 */

body.login-ambient-body {
  min-height: 100vh;
  margin: 0;
  /* Gradiente mais rico (mais perceptível que tons quase pastel) */
  background:
    radial-gradient(ellipse 120% 80% at 30% 20%, rgba(255, 255, 255, 0.55) 0%, transparent 50%),
    linear-gradient(155deg, #dbeafe 0%, #b8d9ff 42%, #6eb6ff 88%, #4a9eea 100%);
  background-attachment: fixed;
}

/* Vinheta leve nas bordas — dá profundidade sem obscurecer o card */
body.login-ambient-body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 75% 75% at 50% 45%, transparent 40%, rgba(37, 99, 180, 0.12) 100%);
}

.login-ambient-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}

body.login-ambient-body .page.login-ambient-content {
  position: relative;
  z-index: 1;
  background: transparent;
  width: 100%;
  min-height: 100vh;
}

body.login-ambient-body .card {
  box-shadow:
    0 0.75rem 2.5rem rgba(6, 111, 209, 0.14),
    0 0.25rem 0.75rem rgba(31, 41, 55, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .login-ambient-canvas {
    opacity: 0;
    visibility: hidden;
  }

  body.login-ambient-body::before {
    opacity: 0.6;
  }
}