/* Eshraq App v1.6.1 — final authentication brand panel geometry */

/* The cream logo header is a true full-width row of the green identity column.
   No negative-margin compensation is used, so the rule stays stable across desktop/tablet/mobile. */
.auth-brand-side{
  --eshraq-auth-side-x:clamp(22px,4vw,44px);
  padding:0 0 28px!important;
  grid-template-rows:150px minmax(0,1fr) auto!important;
  overflow:hidden!important;
}
.auth-brand-logo-wrap{
  width:100%!important;
  max-width:none!important;
  height:150px!important;
  min-height:150px!important;
  margin:0!important;
  padding:12px 26px 14px!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:3px solid #d8af49!important;
  background:linear-gradient(180deg,#fffefa 0%,#fbf6ea 100%)!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  box-shadow:none!important;
}
.auth-brand-logo-wrap img{
  width:auto!important;
  height:auto!important;
  max-width:min(260px,82%)!important;
  max-height:118px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  transform:none!important;
}
.auth-brand-copy{
  width:100%!important;
  max-width:none!important;
  padding:30px var(--eshraq-auth-side-x) 28px!important;
  box-sizing:border-box!important;
}
.auth-brand-copy>*{margin-inline:auto!important}
.auth-brand-foot{
  width:100%!important;
  padding:0 var(--eshraq-auth-side-x)!important;
  box-sizing:border-box!important;
  text-align:center!important;
}

@media(max-width:860px){
  .auth-brand-side{
    --eshraq-auth-side-x:22px;
    padding:0 0 20px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:124px auto!important;
  }
  .auth-brand-logo-wrap{
    width:100%!important;
    height:124px!important;
    min-height:124px!important;
    margin:0!important;
    padding:9px 20px 11px!important;
  }
  .auth-brand-logo-wrap img{max-width:min(235px,80%)!important;max-height:98px!important}
  .auth-brand-copy{padding:22px var(--eshraq-auth-side-x) 18px!important}
}

@media(max-width:560px){
  .auth-brand-side{
    --eshraq-auth-side-x:14px;
    padding:0 0 16px!important;
    grid-template-rows:104px auto!important;
  }
  .auth-brand-logo-wrap{
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:7px 14px 9px!important;
  }
  .auth-brand-logo-wrap img{max-width:min(210px,78%)!important;max-height:84px!important}
  .auth-brand-copy{padding:16px var(--eshraq-auth-side-x) 14px!important}
}