/* ====== Paleta Agro ====== */
:root{
  --agp-green-800:#2e7d32;
  --agp-green-600:#43a047;
  --agp-green-400:#81c784;
  --agp-earth-600:#8d6e63;
  --agp-wheat-050:#f7f3ec;
  --agp-wheat-100:#efe9e1;
  --agp-leaf-050:#f3fbf4;
  --agp-leaf-100:#e9f6ea;
  --agp-shadow: 0 10px 30px rgba(23,91,45,.15);
}

/* Fondo con textura suave (SVG embebido) + degradado vertical */
.auth-wrap{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--agp-leaf-100), transparent 70%),
    radial-gradient(1200px 600px at 110% 110%, var(--agp-wheat-100), transparent 70%),
    linear-gradient(180deg, var(--agp-leaf-050) 0%, #fff 60%, var(--agp-wheat-050) 100%),
    url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' opacity='0.05'>\
        <path d='M10 50 C20 20, 60 20, 70 50' fill='none' stroke='%232e7d32' stroke-width='2'/>\
        <circle cx='20' cy='60' r='2' fill='%232e7d32'/>\
        <circle cx='60' cy='20' r='2' fill='%238d6e63'/>\
      </svg>");
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
}

/* Tarjeta */
.auth-card{
  width: 100%;
  max-width: 460px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--agp-shadow);
  border: 1px solid #eef1ea;
}

.auth-card--agro { background: #fff; }

/* Topbar con degradado verde y logo */
.auth-card__logo-bar{
  background: linear-gradient(90deg, var(--agp-green-800) 0%, var(--agp-green-600) 100%);
  color: #fff;
  height: 92px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 16px;
}
.auth-card__logo-img{
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  width: 64px; height: 64px;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  object-fit: contain;
}
.auth-card__headline{
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.auth-card__headline strong{
  font-size: 1.05rem;
}
.auth-card__headline span{
  font-size: .8rem;
  opacity: .9;
}

/* Formularios: labels y focus */
.page-login .form-label{ font-weight: 600; }
.page-login .input-group-text{ background: #f8faf8; }

.page-login .form-control:focus{
  border-color: var(--agp-green-400);
  box-shadow: 0 0 0 .2rem rgba(67,160,71,.15);
}

/* Botón toggle de password */
#togglePass{ border-left: 0; }

/* Botones Bootstrap retematizados en el contexto del login */
.page-login .btn-success{
  --bs-btn-color:#fff;
  --bs-btn-bg: var(--agp-green-800);
  --bs-btn-border-color: var(--agp-green-800);
  --bs-btn-hover-bg: var(--agp-green-600);
  --bs-btn-hover-border-color: var(--agp-green-600);
  --bs-btn-active-bg: var(--agp-green-600);
  --bs-btn-active-border-color: var(--agp-green-600);
}

/* Navbar pública en esta página (si existiera en tu base) */
.page-login .public-navbar{
  background-color: var(--agp-green-800) !important;
}
.page-login .public-navbar .navbar-brand img{
  height: 48px; width: auto;
}

/* Ajustes responsivos menores */
@media (max-width: 420px){
  .auth-card__headline strong{ font-size: 1rem; }
  .auth-card__headline span{ font-size: .78rem; }
}