/* Eshraq App v1.5.2 — auth visual refinement */
.auth-brand-side{
  padding:24px 32px 28px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:18px!important;
}

/* Full-width light header for the official Eshraq logo. */
.auth-brand-logo-wrap{
  width:calc(100% + 64px)!important;
  max-width:none!important;
  height:122px!important;
  min-height:122px!important;
  aspect-ratio:auto!important;
  margin:-24px -32px 0!important;
  padding:10px 26px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#fffefa 0%,#fbf6ea 100%)!important;
  box-shadow:0 10px 28px rgba(3,55,47,.10),inset 0 -1px 0 rgba(11,122,105,.08)!important;
  display:grid!important;
  place-items:center!important;
}
.auth-brand-logo-wrap img{
  width:min(280px,74%)!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 6px 10px rgba(17,67,57,.07))!important;
}

/* Center the green-panel content inside the space below the logo header. */
.auth-brand-copy{
  width:min(460px,100%)!important;
  max-width:460px!important;
  min-height:0!important;
  align-self:stretch!important;
  justify-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
  padding:22px 0 30px!important;
  box-sizing:border-box!important;
}
.auth-kicker{justify-content:center}
.auth-brand-copy h1{max-width:430px;margin:18px auto 10px!important}
.auth-brand-copy p{max-width:430px;margin-inline:auto!important}
.auth-brand-points{
  width:min(420px,100%);
  margin:24px auto 0!important;
  text-align:start;
}
.auth-brand-foot{
  text-align:center!important;
  align-self:end!important;
  padding-top:2px!important;
}

@media(max-width:860px){
  .auth-brand-side{
    min-height:auto!important;
    padding:18px 22px 20px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
  }
  .auth-brand-logo-wrap{
    width:calc(100% + 44px)!important;
    height:96px!important;
    min-height:96px!important;
    margin:-18px -22px 0!important;
    padding:8px 20px!important;
  }
  .auth-brand-logo-wrap img{width:min(250px,70%)!important}
  .auth-brand-copy{
    min-height:148px!important;
    padding:16px 0 18px!important;
    text-align:center!important;
  }
  .auth-brand-copy h1{font-size:1.6rem!important;margin:10px auto 6px!important}
  .auth-brand-copy p{font-size:.87rem!important}
  .auth-brand-points,.auth-brand-foot{display:none!important}
}

@media(max-width:560px){
  .auth-brand-side{padding:12px 14px 16px!important;gap:10px!important}
  .auth-brand-logo-wrap{
    width:calc(100% + 28px)!important;
    height:78px!important;
    min-height:78px!important;
    margin:-12px -14px 0!important;
    padding:6px 14px!important;
  }
  .auth-brand-logo-wrap img{width:min(220px,74%)!important}
  .auth-brand-copy{min-height:132px!important;padding:12px 0 14px!important}
  .auth-brand-copy h1{font-size:1.28rem!important;margin:7px auto 4px!important}
  .auth-brand-copy p{font-size:.79rem!important;line-height:1.58!important}
  .auth-kicker{font-size:.69rem!important;padding:5px 8px!important}
}