/* FINAL EasyLeasey auth-page normalization
   Scoped to guest pages only. Dashboard/app pages remain untouched. */

body.is-guest{
  background:#081326 !important;
  overflow-x:hidden !important;
}

body.is-guest .app-shell{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(37,99,235,.25), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(14,165,233,.18), transparent 34%),
    linear-gradient(135deg,#071225 0%,#0b1730 52%,#0d2138 100%) !important;
}

/* Header */
body.is-guest .app-topbar{
  min-height:68px !important;
  height:auto !important;
  padding:12px clamp(22px,4vw,56px) !important;
  background:rgba(6,16,35,.88) !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.14) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

body.is-guest .app-brand{
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
}

body.is-guest .app-brand-logo{
  content:url('/assets/img/brand/easyleasey-logo-white.svg?v=20260506-final') !important;
  width:170px !important;
  max-width:34vw !important;
  max-height:44px !important;
  object-fit:contain !important;
  display:block !important;
}

body.is-guest .topbar-actions{
  margin-left:auto !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
}

body.is-guest .topbar-actions > a.btn[href="/login"]{
  display:none !important;
}

body.is-guest .guest-auth-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

body.is-guest .guest-auth-btn,
body.is-guest .guest-auth-btn--landlord,
body.is-guest .guest-auth-btn--tenant,
body.is-guest .guest-auth-btn--start{
  height:38px !important;
  min-height:38px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.10) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

body.is-guest .guest-auth-btn:hover{
  background:rgba(255,255,255,.17) !important;
  color:#fff !important;
}

/* Auth card area */
body.is-guest main{
  flex:1 0 auto !important;
  display:block !important;
}

body.is-guest .el-auth-shell{
  min-height:auto !important;
  padding:28px clamp(18px,4vw,54px) 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.is-guest .el-auth-grid{
  width:min(100%, 1120px) !important;
  margin:0 auto !important;
  align-items:center !important;
  gap:22px !important;
}

body.is-guest .el-auth-hero,
body.is-guest .el-auth-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Tenant helper must stay centered under the auth cards, not bottom-left */
body.is-guest .tenant-login-outside-card{
  width:fit-content !important;
  max-width:440px !important;
  margin:16px auto 0 !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(226,232,240,.86) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.14) !important;
  color:#64748b !important;
  font-size:14px !important;
  line-height:1.25 !important;
  text-align:center !important;
  position:static !important;
  float:none !important;
  display:block !important;
}

body.is-guest .tenant-login-outside-card a{
  margin-left:7px !important;
  color:#2563eb !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

body.is-guest .tenant-login-outside-card a:hover{
  text-decoration:underline !important;
}

/* Footer */
body.is-guest .app-footer{
  margin-top:auto !important;
  padding:12px clamp(22px,4vw,56px) !important;
  background:rgba(6,16,35,.90) !important;
  border-top:1px solid rgba(148,163,184,.14) !important;
  color:rgba(226,232,240,.72) !important;
  box-shadow:none !important;
}

body.is-guest .app-footer .container{
  max-width:1120px !important;
  padding:0 !important;
  margin:0 auto !important;
}

body.is-guest .footer-inner{
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

body.is-guest .footer-left{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

body.is-guest .footer-mark{
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#2563eb,#60a5fa) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
}

body.is-guest .footer-inner .small,
body.is-guest .footer-right.small{
  color:rgba(226,232,240,.72) !important;
}

@media (min-width: 900px){
  body.is-guest .el-auth-shell{
    min-height:calc(100vh - 128px) !important;
  }
}

@media (max-width: 860px){
  body.is-guest .app-topbar{
    padding:11px 16px !important;
    align-items:flex-start !important;
  }

  body.is-guest .app-brand-logo{
    width:146px !important;
    max-width:40vw !important;
  }

  body.is-guest .guest-auth-actions{
    gap:7px !important;
  }

  body.is-guest .guest-auth-btn{
    height:34px !important;
    min-height:34px !important;
    padding:0 11px !important;
    font-size:11px !important;
  }

  body.is-guest .el-auth-shell{
    padding:16px 14px 18px !important;
  }

  body.is-guest .tenant-login-outside-card{
    width:auto !important;
    margin:14px auto 0 !important;
    border-radius:18px !important;
  }

  body.is-guest .tenant-login-outside-card a{
    display:block !important;
    margin:5px 0 0 !important;
  }

  body.is-guest .footer-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}