/* Eshraq App v1.5.5 — final auth header + password visibility controls */

#authView > .auth-card:not(.auth-card-premium){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#authView > .auth-card.auth-card-premium{visibility:visible!important;opacity:1!important}

.auth-brand-side{
  --brand-pad-x:32px;
  padding:0 var(--brand-pad-x) 28px!important;
  display:grid!important;
  grid-template-rows:150px minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.auth-brand-logo-wrap{
  box-sizing:border-box!important;justify-self:stretch!important;align-self:stretch!important;
  width:calc(100% + (2 * var(--brand-pad-x)))!important;max-width:none!important;
  height:150px!important;min-height:150px!important;aspect-ratio:auto!important;
  margin:0 calc(-1 * var(--brand-pad-x))!important;padding:12px 26px 14px!important;
  border:0!important;border-radius:0!important;border-bottom:3px solid #d8af49!important;
  overflow:hidden!important;background:linear-gradient(180deg,#fffefa 0%,#fbf6ea 100%)!important;
  box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;z-index:3!important;
}
.auth-brand-logo-wrap::before,.auth-brand-logo-wrap::after{content:none!important;display:none!important}
.auth-brand-logo-wrap img{
  display:block!important;width:auto!important;height:auto!important;max-width:min(245px,82%)!important;max-height:118px!important;
  object-fit:contain!important;object-position:center center!important;margin:0 auto!important;transform:none!important;clip-path:none!important;
  filter:drop-shadow(0 5px 9px rgba(17,67,57,.08))!important;
}
.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:30px 0 28px!important;box-sizing:border-box!important;position:relative!important;z-index:2!important;
}
.auth-kicker{
  width:min(390px,100%)!important;min-height:36px!important;margin:0 auto 4px!important;padding:7px 16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:999px!important;
  border:1px solid rgba(255,244,202,.82)!important;background:linear-gradient(135deg,#f5dc8f 0%,#e7bd55 54%,#d8ad43 100%)!important;
  color:#16473d!important;box-shadow:0 8px 22px rgba(77,56,8,.13),inset 0 1px 0 rgba(255,255,255,.48)!important;
  font-weight:900!important;letter-spacing:0!important;position:relative!important;z-index:2!important;
}
.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;position:relative!important;z-index:2!important}

.auth-form-heading{text-align:center!important}
.auth-form-heading .auth-section-label,.auth-form-heading h2,.auth-form-heading p{text-align:center!important;margin-inline:auto!important}
.auth-form-heading p{max-width:420px!important}

/* Password fields: explicit accessible show/hide control on login, register and reset dialogs. */
.password-input-shell{position:relative;display:block;width:100%}
.password-input-shell input{padding-inline-end:74px!important}
.password-visibility-toggle{
  position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);
  min-width:56px;height:34px;padding:0 9px;border:1px solid #d7e4df;border-radius:10px;
  background:#f7faf8;color:#0b6f60;font:inherit;font-size:.78rem;font-weight:800;line-height:1;
  cursor:pointer;z-index:3;box-shadow:none;
}
.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{background:#edf7f3;border-color:#9fcfc2;outline:none}
.auth-dialog-card .password-input-shell{margin-top:6px}

@media(max-width:860px){
  .auth-brand-side{--brand-pad-x:22px;min-height:auto!important;padding:0 var(--brand-pad-x) 20px!important;grid-template-columns:1fr!important;grid-template-rows:124px auto!important;gap:0!important}
  .auth-brand-logo-wrap{width:calc(100% + (2 * var(--brand-pad-x)))!important;height:124px!important;min-height:124px!important;margin:0 calc(-1 * var(--brand-pad-x))!important;padding:9px 20px 11px!important;border-bottom-width:3px!important}
  .auth-brand-logo-wrap img{max-width:min(225px,78%)!important;max-height:98px!important}
  .auth-brand-copy{min-height:164px!important;padding:22px 0 18px!important;text-align:center!important}
  .auth-kicker{width:min(360px,94%)!important;min-height:32px!important;padding:6px 12px!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{--brand-pad-x:14px;padding:0 var(--brand-pad-x) 16px!important;grid-template-rows:104px auto!important;gap:0!important}
  .auth-brand-logo-wrap{width:calc(100% + (2 * var(--brand-pad-x)))!important;height:104px!important;min-height:104px!important;margin:0 calc(-1 * var(--brand-pad-x))!important;padding:7px 14px 9px!important;border-bottom-width:3px!important}
  .auth-brand-logo-wrap img{max-width:min(205px,76%)!important;max-height:84px!important}
  .auth-brand-copy{min-height:142px!important;padding:16px 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{width:min(320px,96%)!important;min-height:30px!important;font-size:.69rem!important;padding:5px 9px!important}
  .password-visibility-toggle{min-width:52px;font-size:.73rem}
}