/* Sawaed ERP 1.69 — Login concept 3: branded portal */
body.auth-login{
  background:
    radial-gradient(circle at 9% 9%,rgba(239,108,18,.13),transparent 27rem),
    radial-gradient(circle at 92% 91%,rgba(24,36,50,.08),transparent 30rem),
    linear-gradient(145deg,#f8fafc,#edf2f6);
}
body.auth-login .auth-shell{
  width:min(1120px,100%);
  min-height:680px;
  grid-template-columns:minmax(0,1.25fr) minmax(410px,.75fr);
  border-radius:28px;
  border-color:rgba(205,215,225,.92);
  box-shadow:0 28px 78px rgba(18,30,43,.17);
}
body.auth-login .auth-brand-stage{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:60px;
  overflow:hidden;
  color:#5f6d80;
  text-align:center;
  background:linear-gradient(155deg,#fff,#f0f4f7);
}
body.auth-login .auth-brand-stage:before,
body.auth-login .auth-brand-stage:after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
}
body.auth-login .auth-brand-stage:before{
  width:390px;
  height:390px;
  top:-210px;
  left:-135px;
  background:rgba(239,108,18,.09);
}
body.auth-login .auth-brand-stage:after{
  width:470px;
  height:470px;
  right:-285px;
  bottom:-285px;
  background:rgba(24,36,50,.065);
}
.auth-stage-logo{
  display:block;
  width:min(610px,94%);
  height:auto;
  max-height:340px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(24,36,50,.12));
}
.auth-stage-line{
  width:96px;
  height:4px;
  margin-top:35px;
  border-radius:999px;
  background:var(--sawaed-orange,#ef6c12);
}
.auth-stage-caption{
  margin:18px 0 0;
  color:#5f6d80;
  font-size:15px;
  font-weight:700;
}
body.auth-login .auth-main{
  min-height:680px;
  padding:42px 48px;
  border-left:1px solid #e1e7ed;
  background:
    linear-gradient(180deg,rgba(248,250,252,.8),rgba(255,255,255,0) 25%),
    #fff;
}
body.auth-login .auth-card{width:min(100%,410px)}
body.auth-login .auth-brand-lockup{margin-bottom:21px;padding-bottom:19px}
body.auth-login .company-logo{width:min(280px,86%);margin-bottom:10px}
body.auth-login .auth-title{font-size:29px}

@media(max-width:880px){
  body.auth-login .auth-shell{width:min(560px,100%);min-height:auto;display:block}
  body.auth-login .auth-brand-stage{display:none}
  body.auth-login .auth-main{min-height:650px;border-left:0;padding:38px 43px}
}
@media(max-width:520px){
  body.auth-login .auth-main{min-height:calc(100dvh - 24px);padding:26px 22px 24px}
  body.auth-login .company-logo{width:min(275px,86%)}
  body.auth-login .auth-title{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .auth-stage-logo{filter:none}
}