/**
 * BRZ — Login / Cadastro (carrega DEPOIS do <style> inline de login.php e register.php)
 * Troca a foto laranja do painel esquerdo por fundo da marca (marinho #1d1b6f + verde #007a03)
 * e corrige contraste de links/ícones verdes sobre fundo escuro.
 */
:root {
  --brand-600: #007a03;
  --brand-500: #0a9a0e;
  --brand-400: #2fbf34;
  --brand-300: #6ee072;
  --navy-700: #1d1b6f;
  --navy-900: #100f45;
  --navy-950: #0a0924;
  --navy-300: #aaa9f0;
}

/* ===== Painel esquerdo ===== */
.auth-brand {
  background: var(--navy-950);
}
.auth-brand__bg {
  background-image:
    radial-gradient(70% 55% at 15% 100%, rgba(0, 122, 3, 0.55) 0%, transparent 65%),
    radial-gradient(60% 50% at 100% 0%, rgba(61, 59, 196, 0.55) 0%, transparent 70%),
    linear-gradient(160deg, var(--navy-700) 0%, var(--navy-900) 55%, var(--navy-950) 100%) !important;
  transform: none;
}
.auth-brand__overlay {
  background: linear-gradient(180deg, rgba(10, 9, 36, 0) 0%, rgba(10, 9, 36, 0.35) 100%) !important;
}
.auth-brand__glow {
  background: radial-gradient(circle, rgba(47, 191, 52, 0.28) 0%, transparent 70%);
}
.auth-brand__orb { border-color: rgba(110, 224, 114, 0.38); }
.auth-brand__orb--2 { border-color: rgba(170, 169, 240, 0.35); }

.auth-brand__eyebrow { color: var(--brand-300); }
.auth-brand__eyebrow span { background: var(--brand-400); }

.auth-pillar {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(170, 169, 240, 0.2);
  backdrop-filter: blur(6px);
  transition: border-color 0.2s, background-color 0.2s, transform 0.2s;
}
.auth-pillar:hover {
  border-color: rgba(110, 224, 114, 0.45);
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}
.auth-pillar__icon,
.auth-pillar i {
  color: var(--brand-300);
}
.auth-pillar [class*="icon"] {
  background: rgba(0, 122, 3, 0.28);
  color: var(--brand-300);
}

/* ===== Cartão do formulário ===== */
.login-card {
  border: 1px solid rgba(170, 169, 240, 0.16) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
  position: relative;
}
.login-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(90deg, var(--brand-600), var(--brand-400) 45%, var(--navy-700));
  pointer-events: none;
}

/* Foco dos campos */
.login-card .form-control:focus,
.login-card input:focus {
  border-color: var(--brand-400) !important;
  box-shadow: 0 0 0 3px rgba(47, 191, 52, 0.3) !important;
}

/* ===== Botão principal ===== */
#login-button.btn-primary,
.btn-login,
.auth-submit,
button[type="submit"].btn-primary {
  background: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 60%, #006202 100%) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset, 0 8px 22px rgba(0, 122, 3, 0.4);
}
#login-button.btn-primary:hover,
#login-button.btn-primary:focus,
.btn-login:hover,
button[type="submit"].btn-primary:hover {
  background: linear-gradient(135deg, var(--brand-400) 0%, var(--brand-500) 60%, var(--brand-600) 100%) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 12px 28px rgba(0, 122, 3, 0.5);
}

/* ===== Links e ícones verdes (contraste sobre escuro) ===== */
.login-options a,
.auth-register a,
.show-password-button:hover,
.show-password-button:focus {
  color: var(--brand-300) !important;
}
.login-options a:hover,
.auth-register a:hover {
  color: #b6f2b8 !important;
}
.login-options .form-check-input:checked {
  background-color: var(--brand-600);
  border-color: var(--brand-400);
}

/* Rodapé */
.auth-footer, .login-footer { color: var(--navy-300); opacity: 0.8; }

@media (max-width: 991.98px) {
  .auth-brand__bg {
    background-image: linear-gradient(160deg, var(--navy-700) 0%, var(--navy-950) 100%) !important;
  }
}

/* "Lembre de mim" estava verde escuro (#007a03) sobre fundo escuro */
.login-options .form-check-label,
.login-options label { color: #c4c4cc !important; }

/* Indicador de etapas do cadastro: inativo em tom do tema escuro, ativo em verde da marca */
.step-dot { background-color: #2c2c31; color: #9a9aa3; border: 1px solid rgba(170, 169, 240, 0.18); line-height: 34px; }
.step-line { background-color: #2c2c31; }
.step-dot.active { background: linear-gradient(135deg, var(--brand-500), var(--brand-600)); color: #fff; border-color: var(--brand-400); box-shadow: 0 0 0 4px rgba(47, 191, 52, 0.18); }
.step-line.active { background-color: var(--brand-500); }

/* Checkbox "Lembre de mim": auth-forms.css força `.auth-panel input { background:#242428 !important }`,
   que zerava o estado marcado (o checked mudava, mas nada aparecia). Restaura o visual marcado. */
.login-card input.form-check-input,
.auth-panel input.form-check-input {
  width: 1.1rem;
  height: 1.1rem;
  cursor: pointer;
  border-radius: 4px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
}
.login-card input.form-check-input:checked,
.auth-panel input.form-check-input:checked {
  background-color: var(--brand-600) !important;
  border-color: var(--brand-400) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.login-card input.form-check-input:focus-visible,
.auth-panel input.form-check-input:focus-visible {
  box-shadow: 0 0 0 3px rgba(47, 191, 52, 0.35) !important;
}
.login-options .form-check-label { cursor: pointer; }