/* =========================================================
   AgendaFlow - páginas de autenticação / recuperação
   Corrige o layout das telas de recuperação e nova senha
   sem alterar styles.css ou agenda-ui.css.
   ========================================================= */

.auth-page{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(330px,420px) minmax(0,1fr);
}

.auth-page-aside{
  min-height:100vh;
  padding:36px 34px 30px;
  border-right:1px solid var(--line);
  background:
    radial-gradient(circle at 25% 20%,var(--brand-primary-soft),transparent 34%),
    linear-gradient(180deg,var(--brand-secondary-soft),rgba(10,13,17,.96) 68%);
  display:flex;
  flex-direction:column;
  gap:34px;
}

.auth-page-aside .brand{
  flex:0 0 auto;
}

.auth-page-aside .brand-mark{
  overflow:hidden;
}

.auth-page-aside .brand-mark.has-establishment-logo{
  padding:4px;
  background:rgba(255,255,255,.96);
}

.auth-page-aside .brand-mark .establishment-logo{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:inherit;
}

.auth-page-copy{
  margin:auto 0;
  max-width:330px;
}

.auth-page-copy h1{
  margin:0 0 16px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.auth-page-copy>p:last-child{
  margin:0;
  color:var(--muted);
  line-height:1.65;
  font-size:15px;
}

.auth-page-aside .sidebar-card{
  margin-top:0;
}

.auth-page-main{
  min-width:0;
  min-height:100vh;
  padding:44px clamp(24px,6vw,84px);
  display:flex;
  align-items:center;
}

.auth-form-wrap{
  width:min(100%,600px);
  margin:0 auto;
}

.auth-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:32px;
  color:var(--muted);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:color .18s ease;
}

.auth-back:hover{
  color:var(--accent);
}

.auth-form-wrap .section-heading{
  margin-bottom:22px;
}

.auth-form-wrap .section-heading h2,
.auth-form-wrap .form-card h2{
  margin:0 0 8px;
  font-size:clamp(28px,3vw,36px);
  letter-spacing:-.025em;
}

.auth-form-wrap .section-heading>p:last-child,
.auth-form-wrap .form-card>p:not(.eyebrow):not(.auth-message){
  color:var(--muted);
  line-height:1.55;
}

.auth-form-wrap .form-card{
  width:100%;
  max-width:none;
  padding:28px;
  gap:18px;
}

.auth-form-wrap .form-card label{
  gap:9px;
}

.auth-form-wrap .form-card input{
  min-height:48px;
}

.auth-form-wrap .form-card .primary,
.auth-form-wrap .form-card .secondary,
.auth-form-wrap .auth-link-button{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
}

.auth-message{
  min-height:18px;
  margin:0;
  font-size:13px;
  line-height:1.45;
}

.auth-message.error{
  color:#ff8f8f;
}

.auth-message.success{
  color:var(--success);
}

.auth-form-wrap [hidden]{
  display:none!important;
}

@media(max-width:860px){
  .auth-page{
    grid-template-columns:1fr;
  }

  .auth-page-aside{
    min-height:auto;
    padding:24px 22px;
    border-right:0;
    border-bottom:1px solid var(--line);
    gap:22px;
  }

  .auth-page-copy{
    margin:0;
    max-width:680px;
  }

  .auth-page-copy h1{
    font-size:clamp(30px,8vw,42px);
  }

  .auth-page-aside .sidebar-card{
    display:none;
  }

  .auth-page-main{
    min-height:auto;
    padding:34px 20px 48px;
    align-items:flex-start;
  }

  .auth-back{
    margin-bottom:26px;
  }
}

@media(max-width:520px){
  .auth-page-aside{
    padding:20px 16px;
  }

  .auth-page-main{
    padding:28px 14px 40px;
  }

  .auth-form-wrap .form-card{
    padding:20px;
    border-radius:16px;
  }

  .auth-form-wrap .section-heading h2,
  .auth-form-wrap .form-card h2{
    font-size:27px;
  }
}