/* Estilos personalizados para a página de autenticação */
:root{
  --left-bg: #ffffff;
  --primary: #86c656; /* cor principal atualizada para o projeto */
}
html,body{height:100%;}
body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}

.left-pane{
  background: var(--left-bg);
  min-height:100%;
}

.auth-card{max-width: 460px; margin: 0 auto;}
.brand h1{color:var(--primary);}

/* small tweak for register page: allow slightly wider card */
.register-card{max-width:520px}

/* ensure list table looks good on small screens */
.table-responsive{overflow:auto}

.right-pane{
  background-image: url('../img/propag.png'); /* substitua por sua imagem */
  background-size: cover;
  background-position: center;
  position: relative;
  min-height:100%;
}

/* override do Bootstrap .btn-primary para usar a cor do projeto */
.btn-primary{
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* tom levemente mais escuro para hover/active */
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
  background-color: #72a849 !important; /* tom mais escuro */
  border-color: #72a849 !important;
}

/* overlay escuro para destacar texto */
.promo-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(3,37,65,0.6), rgba(10, 194, 25, 0.4));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  padding:2rem;
}
.promo-text{max-width:520px; text-align:left}
.promo-text h3{font-weight:700}

/* mobile tweaks: mostrar imagem abaixo do formulário em telas pequenas */
@media (max-width: 767.98px){
  .left-pane{padding-top:2.5rem; padding-bottom:2.5rem}
}

/* pequenas melhorias visuais */
.auth-card .card-body{background:transparent}

/* alerta inline */
.inline-alert{position:relative; margin-bottom:1rem}

/* accessibility focus */
.btn:focus, .form-control:focus{box-shadow:0 0 0 .2rem rgba(134,198,86,.15);}