/* ===== Auth page styling (clean) ===== */

/* Hide dashboard chrome on auth pages */
body.auth-page .app-main{ margin-left:0 !important; }
body.auth-page .app-content-header{ display:none !important; }
body.auth-page .app-footer{ display:none !important; }

/* Full-screen background */
body.auth-page{
  min-height:100vh;
  position:relative;
  background: url("/assets/img/login-bg-desktop.webp") center/cover no-repeat fixed;
}

/* Optional dark overlay for readability */
body.auth-page::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.25);
  z-index:0;
}

/* Keep page content above overlay */
body.auth-page .app-wrapper{
  position:relative;
  z-index:1;
  min-height:100vh;
}

/* Right-side card on desktop */
body.auth-page .app-content > .container-fluid{
  min-height:100vh;
  display:flex;
  justify-content:flex-start;   /* right */
  align-items:center;
  padding:40px 48px;
  box-sizing:border-box;
}

/* Card wrapper sizing */
body.auth-page .auth-wrap{
  width:100%;
  max-width:420px;
}

/* Card padding */
body.auth-page #logincard{ padding:30px; }
body.auth-page #logincard2{ padding:20px; }

/* Logo sizing */
body.auth-page .brand-link img,
body.auth-page .navbar-brand img,
body.auth-page .brand img{
  max-height:36px !important;
  width:auto !important;
}

/* Tablet background */
@media (max-width: 1024px){
  body.auth-page{
    background-image: url("/assets/img/login-bg-tablet.jpg");
    background-attachment: scroll;
  }
  body.auth-page .app-content > .container-fluid{
    padding:32px 24px;
  }
}

/* Mobile: card full-width bottom */
@media (max-width: 768px){
  body.auth-page{
    background-image: url("/assets/img/login-bg-mobile.jpg");
    background-attachment: scroll;
  }
  body.auth-page .app-content > .container-fluid{
    justify-content:center;
    align-items:flex-end;
    padding:16px;
  }
  body.auth-page .auth-wrap{
    max-width:560px;
  }
}