/* ==========
   AdF - Auth (Login, Register, Reset)
   ========= */
.auth-body{
  min-height: 100vh;
  font-family: var(--bs-body-font-family, 'Inter', sans-serif);
  background: var(--bs-body-bg);
}

/* Shell centralizado (se usar) */
.auth-shell{
  display:flex; align-items:center; justify-content:center;
  padding:24px;
}

/* ===== Layout duas colunas ===== */
.auth-left{
  position: relative;
  min-height: 100vh;     /* preenche a viewport no desktop */
  overflow: hidden;      /* corta excesso da imagem */
  background: var(--color-muted); /* fallback enquanto carrega a imagem */
}

/* Foto cobre toda a coluna */
.auth-left .auth-photo{
  position: absolute;
  inset: 0;              /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;     /* cobre mantendo proporção */
  object-position: center;
  display: block;
}

/* Overlay sutil para dar leitura à marca */
.auth-left::after{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(900px 600px at 0% 0%, color-mix(in oklab, var(--bs-primary) 12%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in oklab, var(--bs-primary) 4%, transparent), transparent 55%);
  pointer-events: none;
}

/* Logo no topo esquerdo */
.auth-left .brand-top{
  position: absolute; top: 24px; left: 24px; z-index: 2;
}
.brand-logo{ height: 180px; width: auto; }

/* Coluna direita (formulário) */
.auth-right{ background: var(--color-card); }
.form-shell{
  width:100%; max-width:450px;
  padding:40px 28px;
  margin-inline: clamp(12px, 4vw, 48px);
}

/* Tipografia e detalhes */
.form-title{ font-weight:700; letter-spacing:.2px; }
.form-subtitle{ color: var(--color-text-600); margin-bottom:1.25rem; }
.link-muted{ color: var(--color-text-600); text-decoration:none; }
.link-muted:hover{ color: var(--color-text-700); }
.divider{ height:1px; background:var(--bs-border-color); margin:1.25rem 0; }

/* Mensagens inline */
.alert{ border-radius: var(--bs-border-radius-lg); }

/* ---------- Responsividade ---------- */
@media (max-width: 575.98px){
  .brand-logo{ height: 180px; }
  .form-shell{ padding:28px 20px; }
}