@import url('../../../assets/css/iransans-local.css');
:root{--m24u-primary:#1268d3;--m24u-cyan:#18b6d9;--m24u-dark:#173d61;--m24u-text:#29465f;--m24u-muted:#7f93a5;--m24u-bg:#f4f7fb;--m24u-line:#dce6ef;--m24u-font:'IRANSansX','IRANSans','IRANSansWeb','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif}
html{direction:rtl}body.m24-clean-shell,body.m24-clean-shell button,body.m24-clean-shell input,body.m24-clean-shell select,body.m24-clean-shell textarea{font-family:var(--m24u-font)!important}
body.m24-clean-shell{background:var(--m24u-bg)!important;color:var(--m24u-text)!important}
.m24-clean-main{min-height:52vh;padding:28px 0 46px;background:var(--m24u-bg)}
.m24-clean-container{width:min(1240px,calc(100% - 34px));margin:0 auto}.m24-clean-container-cart{width:min(1380px,calc(100% - 28px))}.m24-clean-container-addon{width:min(1340px,calc(100% - 28px))}.m24-clean-container-login{width:min(500px,calc(100% - 28px))}.m24-clean-primary{width:100%;min-width:0}
.m24-shell-fallback{min-height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe5ee;background:#fff}.m24-shell-fallback nav{display:flex;gap:15px}.m24-shell-fallback a{color:#29465f!important;text-decoration:none!important;font-size:11px;font-weight:850}
.m24-clean-pagehead{margin:0 0 18px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--m24u-line);border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(15,55,92,.045)}.m24-clean-pagehead small{display:block;margin-bottom:3px;color:#93a4b2;font-size:8px;font-weight:800}.m24-clean-pagehead h1{margin:0!important;color:var(--m24u-dark)!important;font-size:18px!important;line-height:1.7!important;font-weight:950!important}.m24-clean-breadcrumb .breadcrumb{margin:0!important;padding:0!important;background:transparent!important;font-size:8.5px}
body.m24-clean-shell .m24neo-shell,body.m24-clean-shell .m24neo-panelbar,body.m24-clean-shell .m24neo-panelnav,body.m24-clean-shell .m24neo-nav,body.m24-clean-shell .m24neo-topbar,body.m24-clean-shell .m24-neo-sidebar,body.m24-clean-shell .m24-neo-toggle,body.m24-clean-shell .m24-neo-backdrop,body.m24-clean-shell .sidebar,body.m24-clean-shell .sidebar-secondary{display:none!important}
.m24-clean-primary .card,.m24-clean-primary .panel,.m24-clean-primary .well{border:1px solid var(--m24u-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 25px rgba(15,55,92,.045)!important;overflow:hidden}.m24-clean-primary .card-header,.m24-clean-primary .panel-heading{border-color:#edf2f6!important;background:#f9fbfd!important;color:#31516b!important}.m24-clean-primary .btn{border-radius:9px!important;font-weight:850!important}.m24-clean-primary .btn-primary,.m24-clean-primary .btn-success,.m24-clean-primary .btn-info{border-color:transparent!important;background:linear-gradient(135deg,var(--m24u-primary),var(--m24u-cyan))!important;color:#fff!important}.m24-clean-primary .form-control,.m24-clean-primary select,.m24-clean-primary textarea{border:1px solid #d5e1eb!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.m24neo-dashboard-head{margin-bottom:17px;padding:2px;display:flex;align-items:center;justify-content:space-between;gap:15px}.m24neo-dashboard-kicker{color:var(--m24u-cyan);font-size:8px;font-weight:950}.m24neo-dashboard-head h2{margin:5px 0 4px!important;color:var(--m24u-dark)!important;font-size:19px!important;font-weight:950!important}.m24neo-dashboard-head p{margin:0!important;color:#8799a9!important;font-size:9px!important}.m24neo-dashboard-head .m24neo-order-btn{padding:10px 14px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,var(--m24u-primary),var(--m24u-cyan))!important;color:#fff!important;font-size:9px!important;font-weight:900!important}
.m24neo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.m24neo-stat-card{min-height:108px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--m24u-line);border-radius:14px;background:#fff;color:var(--m24u-text)!important;box-shadow:0 8px 25px rgba(15,55,92,.045);text-decoration:none!important}.m24neo-stat-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:var(--m24u-primary);font-size:17px}.m24neo-stat-copy{display:flex;flex:1;flex-direction:column}.m24neo-stat-copy small{color:#8799aa;font-size:8px}.m24neo-stat-copy strong{margin:3px 0;color:#173d61;font-size:19px}.m24neo-stat-copy em{color:#92a2b0;font-size:8px;font-style:normal}
.m24neo-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m24neo-panel{overflow:hidden;border:1px solid var(--m24u-line);border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(15,55,92,.045)}
body.m24-clean-login .m24-clean-main{display:flex;align-items:center;min-height:520px}.m24neo-login-card{width:100%;margin:0 auto;padding:30px 32px 27px;border:1px solid var(--m24u-line);border-radius:17px;background:#fff;box-shadow:0 20px 60px rgba(15,55,92,.09)}.m24neo-login-brand{text-align:center;margin-bottom:13px}.m24neo-login-brand img{max-width:145px;max-height:52px}.m24neo-login-heading{text-align:center;margin-bottom:21px}.m24neo-login-heading h1{margin:5px 0!important;color:var(--m24u-dark)!important;font-size:19px!important;font-weight:950!important}.m24neo-field{margin-bottom:13px}.m24neo-input-wrap{min-height:47px;display:flex;align-items:center;border:1px solid #d7e3ed;border-radius:10px;background:#f9fbfd}.m24neo-login-submit{width:100%;height:46px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--m24u-primary),var(--m24u-cyan));color:#fff;font-size:10px;font-weight:950}
body.m24-clean-addon .m24-clean-primary{max-width:none!important}body.m24-clean-addon .m24-clean-primary .container{max-width:100%!important}body.m24-clean-cart .m24-clean-main{padding-top:20px}
@media(max-width:991.98px){.m24-clean-main{padding:21px 0 35px}.m24-clean-container,.m24-clean-container-cart,.m24-clean-container-addon{width:calc(100% - 22px)}.m24neo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.m24neo-panels{grid-template-columns:1fr}.m24-clean-pagehead{align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.m24-clean-container,.m24-clean-container-cart,.m24-clean-container-addon{width:calc(100% - 16px)}.m24neo-stats{grid-template-columns:1fr}.m24neo-dashboard-head{align-items:flex-start;flex-direction:column}.m24neo-login-card{padding:24px 19px 22px}.m24-shell-fallback{align-items:flex-start;flex-direction:column;padding:14px}.m24-shell-fallback nav{flex-wrap:wrap}}
/* =========================================================
   2.22.19 LOGIN-ONLY — isolated from Twenty-One/global CSS
   ========================================================= */
body.m24-clean-login .m24-clean-main{
  min-height:620px!important;
  padding:34px 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.m24-clean-login .m24-clean-container-login{
  width:min(520px,calc(100% - 28px))!important;
  margin:0 auto!important;
}
body.m24-clean-login .m24-clean-primary{
  width:100%!important;
  min-width:0!important;
}

body.m24-clean-shell .m24login-card{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:30px 34px 28px!important;
  border:1px solid #dbe6ef!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(20,57,91,.10)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.m24-clean-shell .m24login-brand{
  margin:0 0 14px!important;
  text-align:center!important;
}
body.m24-clean-shell .m24login-brand a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
body.m24-clean-shell .m24login-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:138px!important;
  max-height:56px!important;
  object-fit:contain!important;
}
body.m24-clean-shell .m24login-brand-fallback{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:#eef7ff!important;
  color:#1268d3!important;
  font-size:22px!important;
}

body.m24-clean-shell .m24login-heading{
  margin:0 0 24px!important;
  text-align:center!important;
}
body.m24-clean-shell .m24login-kicker{
  display:block!important;
  margin:0 0 4px!important;
  color:#18a9cf!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.8!important;
}
body.m24-clean-shell .m24login-heading h1{
  margin:0!important;
  color:#173d61!important;
  font-size:24px!important;
  font-weight:950!important;
  line-height:1.65!important;
}
body.m24-clean-shell .m24login-heading p{
  margin:6px 0 0!important;
  color:#71879a!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.9!important;
}

body.m24-clean-shell .m24login-form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.m24-clean-shell .m24login-field{
  width:100%!important;
  margin:0 0 16px!important;
}
body.m24-clean-shell .m24login-field > label,
body.m24-clean-shell .m24login-label-row label{
  display:block!important;
  margin:0 0 7px!important;
  color:#324f69!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.8!important;
}
body.m24-clean-shell .m24login-label-row{
  min-height:29px!important;
  margin:0 0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.m24-clean-shell .m24login-label-row label{
  margin:0!important;
}
body.m24-clean-shell .m24login-label-row a{
  margin:0!important;
  color:#1268d3!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.8!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.m24-clean-shell .m24login-label-row a:hover{
  color:#0c55ad!important;
  text-decoration:none!important;
}

body.m24-clean-shell .m24login-control{
  position:relative!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d5e2ec!important;
  border-radius:12px!important;
  background:#f9fbfd!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}
body.m24-clean-shell .m24login-control:focus-within{
  border-color:#6eb2e4!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(18,104,211,.08)!important;
}

body.m24-clean-shell .m24login-control-icon{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:48px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  color:#71899c!important;
  font-size:16px!important;
  pointer-events:none!important;
  z-index:2!important;
}

body.m24-clean-shell input.m24login-input,
body.m24-clean-shell .m24login-control input[type="email"],
body.m24-clean-shell .m24login-control input[type="password"]{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 48px 0 16px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#173d61!important;
  box-shadow:none!important;
  font-family:var(--m24u-font)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:50px!important;
  text-align:right!important;
  direction:ltr!important;
  box-sizing:border-box!important;
  appearance:none!important;
}
body.m24-clean-shell .m24login-password-control input.m24login-input{
  padding-left:52px!important;
}
body.m24-clean-shell input.m24login-input::placeholder{
  color:#9aabba!important;
  opacity:1!important;
  font-weight:500!important;
}
body.m24-clean-shell input.m24login-input:-webkit-autofill,
body.m24-clean-shell input.m24login-input:-webkit-autofill:hover,
body.m24-clean-shell input.m24login-input:-webkit-autofill:focus{
  -webkit-text-fill-color:#173d61!important;
  -webkit-box-shadow:0 0 0 1000px #f9fbfd inset!important;
  transition:background-color 9999s ease-out!important;
}

body.m24-clean-shell button.m24login-eye,
body.m24-clean-shell .m24login-control .btn-reveal-pw{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:3!important;
  width:48px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#607a90!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:16px!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24login-eye:hover{
  color:#1268d3!important;
  background:#eef6fc!important;
}

body.m24-clean-shell .m24login-captcha{
  margin:0 0 16px!important;
}
body.m24-clean-shell .m24login-captcha > *{
  max-width:100%!important;
}

body.m24-clean-shell .m24login-meta{
  width:100%!important;
  margin:0 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  color:#6d8395!important;
  font-size:12px!important;
}
body.m24-clean-shell .m24login-remember{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  font-weight:650!important;
}
body.m24-clean-shell .m24login-remember input{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:0!important;
  accent-color:#1268d3!important;
}
body.m24-clean-shell .m24login-secure{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
body.m24-clean-shell .m24login-secure i{
  color:#1e9b74!important;
}

body.m24-clean-shell button.m24login-submit{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1268d3,#18b6d9)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(18,104,211,.18)!important;
  font-family:var(--m24u-font)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24login-submit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 15px 30px rgba(18,104,211,.23)!important;
}
body.m24-clean-shell button.m24login-submit i{
  font-size:12px!important;
}

body.m24-clean-shell .m24login-separator{
  position:relative!important;
  width:100%!important;
  margin:22px 0 16px!important;
  text-align:center!important;
}
body.m24-clean-shell .m24login-separator::before{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:0!important;
  left:0!important;
  height:1px!important;
  background:#e5edf3!important;
}
body.m24-clean-shell .m24login-separator span{
  position:relative!important;
  z-index:1!important;
  display:inline-block!important;
  padding:0 12px!important;
  background:#fff!important;
  color:#8a9baa!important;
  font-size:12px!important;
  font-weight:600!important;
}

body.m24-clean-shell .m24login-register{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #d8e4ed!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#34536c!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
body.m24-clean-shell .m24login-register:hover{
  border-color:#afd2ec!important;
  background:#f7fbfe!important;
  color:#1268d3!important;
  text-decoration:none!important;
}

body.m24-clean-shell .m24login-linked{
  margin-top:14px!important;
}
body.m24-clean-shell .providerLinkingFeedback,
body.m24-clean-shell .m24login-alert{
  width:min(520px,calc(100% - 28px))!important;
  margin:0 auto 14px!important;
}

/* Disable old login selectors so no previous partial skin competes. */
body.m24-clean-login .m24neo-login-card,
body.m24-clean-login .m24neo-login-form{
  all:unset;
}

@media(max-width:575.98px){
  body.m24-clean-login .m24-clean-main{
    min-height:0!important;
    padding:20px 0 30px!important;
  }
  body.m24-clean-shell .m24login-card{
    padding:24px 19px 22px!important;
    border-radius:16px!important;
  }
  body.m24-clean-shell .m24login-heading h1{
    font-size:21px!important;
  }
  body.m24-clean-shell .m24login-heading p{
    font-size:12px!important;
  }
  body.m24-clean-shell .m24login-label-row{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:0!important;
  }
  body.m24-clean-shell .m24login-meta{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }
}
/* =========================================================
   2.22.21 — Mehrgan mobile auth + password recovery actions
   ========================================================= */
body.m24-clean-shell .m24login-auth-actions{
  width:100%!important;
  margin:16px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.m24-clean-shell .m24login-mobile-auth,
body.m24-clean-shell .m24login-password-reset{
  width:100%!important;
  min-height:58px!important;
  padding:8px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
body.m24-clean-shell .m24login-mobile-auth{
  border:1px solid #bcdcf3!important;
  background:#f3faff!important;
  color:#174e79!important;
}
body.m24-clean-shell .m24login-password-reset{
  border:1px solid #dce5ed!important;
  background:#fff!important;
  color:#425f76!important;
}
body.m24-clean-shell .m24login-mobile-auth:hover,
body.m24-clean-shell .m24login-password-reset:hover{
  transform:translateY(-1px)!important;
  text-decoration:none!important;
  box-shadow:0 9px 22px rgba(20,57,91,.07)!important;
}
body.m24-clean-shell .m24login-mobile-auth:hover{
  border-color:#83c7ed!important;
  color:#1268d3!important;
}
body.m24-clean-shell .m24login-password-reset:hover{
  border-color:#b9d2e4!important;
  color:#1268d3!important;
}
body.m24-clean-shell .m24login-action-icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  font-size:17px!important;
}
body.m24-clean-shell .m24login-mobile-auth .m24login-action-icon{
  background:linear-gradient(135deg,#1268d3,#18b6d9)!important;
  color:#fff!important;
}
body.m24-clean-shell .m24login-password-reset .m24login-action-icon{
  background:#eef4f8!important;
  color:#4e6c84!important;
}
body.m24-clean-shell .m24login-action-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:right!important;
}
body.m24-clean-shell .m24login-action-copy strong{
  color:inherit!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.7!important;
}
body.m24-clean-shell .m24login-action-copy small{
  margin-top:1px!important;
  color:#8396a6!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.7!important;
}
body.m24-clean-shell .m24login-action-arrow{
  justify-self:end!important;
  color:#91a4b3!important;
  font-size:11px!important;
}
/* =========================================================
   2.22.22 — UNIFIED MOBILE AUTH (password first, OTP second)
   Same component on /login and /index.php?m=yasticket&action=auth
   ========================================================= */
body.m24-clean-shell .m24ua-addon-wrap,
body.m24-clean-shell .m24-clean-primary > .m24ua-addon-wrap{
  width:100%!important;
}
body.m24-clean-shell .m24ua-card{
  width:min(520px,100%)!important;
  margin:0 auto!important;
  padding:30px 34px 28px!important;
  border:1px solid #dbe6ef!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#29465f!important;
  box-shadow:0 24px 70px rgba(20,57,91,.10)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  direction:rtl!important;
}
body.m24-clean-shell.m24-clean-addon-yasticket .m24-clean-main,
body.m24-clean-shell .m24ua-addon-wrap{
  min-height:0!important;
}
body.m24-clean-shell .m24ua-addon-wrap{
  padding:10px 0 18px!important;
  background:transparent!important;
  display:block!important;
}
body.m24-clean-shell .m24ua-brand{
  margin:0 0 14px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
body.m24-clean-shell .m24ua-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:138px!important;
  max-height:56px!important;
  object-fit:contain!important;
}
body.m24-clean-shell .m24ua-brand-icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:#eef7ff!important;
  color:#1268d3!important;
  font-size:22px!important;
}
body.m24-clean-shell .m24ua-heading{
  margin:0 0 22px!important;
  text-align:center!important;
}
body.m24-clean-shell .m24ua-heading>span{
  display:block!important;
  margin:0 0 4px!important;
  color:#18a9cf!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.m24-clean-shell .m24ua-heading h1{
  margin:0!important;
  color:#173d61!important;
  font-size:23px!important;
  line-height:1.65!important;
  font-weight:950!important;
}
body.m24-clean-shell .m24ua-heading p{
  margin:6px 0 0!important;
  color:#748a9c!important;
  font-size:12.5px!important;
  line-height:1.9!important;
  font-weight:500!important;
}
body.m24-clean-shell .m24ua-heading p strong{
  color:#315a78!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
body.m24-clean-shell .m24ua-tabs{
  width:100%!important;
  margin:0 0 20px!important;
  padding:4px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  border:1px solid #dae6ef!important;
  border-radius:13px!important;
  background:#f3f7fa!important;
  box-sizing:border-box!important;
}
body.m24-clean-shell button.m24ua-tab{
  min-height:43px!important;
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#71879a!important;
  box-shadow:none!important;
  font-family:var(--m24u-font)!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24ua-tab.is-active{
  background:#fff!important;
  color:#1268d3!important;
  box-shadow:0 3px 12px rgba(20,57,91,.08)!important;
}
body.m24-clean-shell .m24ua-pane{
  display:none!important;
}
body.m24-clean-shell .m24ua-pane.is-active{
  display:block!important;
}
body.m24-clean-shell .m24ua-form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.m24-clean-shell .m24ua-field{
  width:100%!important;
  margin:0 0 15px!important;
}
body.m24-clean-shell .m24ua-field>label,
body.m24-clean-shell .m24ua-label-row label{
  display:block!important;
  margin:0 0 7px!important;
  color:#324f69!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:1.8!important;
}
body.m24-clean-shell .m24ua-label-row{
  min-height:28px!important;
  margin:0 0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.m24-clean-shell .m24ua-label-row label{
  margin:0!important;
}
body.m24-clean-shell .m24ua-label-row a{
  color:#1268d3!important;
  font-size:11.5px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body.m24-clean-shell .m24ua-control{
  position:relative!important;
  width:100%!important;
  height:52px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d5e2ec!important;
  border-radius:12px!important;
  background:#f9fbfd!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.m24-clean-shell .m24ua-control:focus-within{
  border-color:#70b2e2!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(18,104,211,.08)!important;
}
body.m24-clean-shell .m24ua-control-icon{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:3!important;
  width:48px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  color:#71899c!important;
  font-size:16px!important;
  pointer-events:none!important;
}
body.m24-clean-shell input.m24ua-input{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 48px 0 16px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#173d61!important;
  box-shadow:none!important;
  font-family:var(--m24u-font)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:50px!important;
  direction:ltr!important;
  text-align:left!important;
  box-sizing:border-box!important;
  appearance:none!important;
}
body.m24-clean-shell .m24ua-password-control input.m24ua-input{
  padding-left:52px!important;
}
body.m24-clean-shell input.m24ua-input::placeholder{
  color:#9aabba!important;
  opacity:1!important;
  font-weight:500!important;
}
body.m24-clean-shell button.m24ua-eye{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:4!important;
  width:48px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#607a90!important;
  box-shadow:none!important;
  font-size:16px!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24ua-eye:hover{
  background:#eef6fc!important;
  color:#1268d3!important;
}
body.m24-clean-shell button.m24ua-submit,
body.m24-clean-shell a.m24ua-submit{
  width:100%!important;
  min-height:50px!important;
  margin:2px 0 0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1268d3,#18b6d9)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(18,104,211,.18)!important;
  font-family:var(--m24u-font)!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24ua-submit:hover,
body.m24-clean-shell a.m24ua-submit:hover{
  transform:translateY(-1px)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 15px 30px rgba(18,104,211,.23)!important;
}
body.m24-clean-shell .m24ua-otp-note{
  margin:0 0 15px!important;
  padding:10px 11px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  border:1px solid #dbeaf4!important;
  border-radius:10px!important;
  background:#f5fbff!important;
  color:#678095!important;
  font-size:10.5px!important;
  line-height:1.9!important;
}
body.m24-clean-shell .m24ua-otp-note i{
  margin-top:4px!important;
  color:#18a9cf!important;
}
body.m24-clean-shell input.m24ua-code{
  padding:0 48px!important;
  text-align:center!important;
  letter-spacing:5px!important;
  font-size:20px!important;
  font-weight:900!important;
}
body.m24-clean-shell .m24ua-two-actions{
  margin:12px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
body.m24-clean-shell .m24ua-two-actions form{
  margin:0!important;
}
body.m24-clean-shell button.m24ua-secondary{
  width:100%!important;
  min-height:42px!important;
  padding:7px 10px!important;
  border:1px solid #d8e4ed!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#526e84!important;
  font-family:var(--m24u-font)!important;
  font-size:11.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.m24-clean-shell button.m24ua-secondary:hover{
  border-color:#aed1e9!important;
  color:#1268d3!important;
  background:#f8fcff!important;
}
body.m24-clean-shell .m24ua-register-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
body.m24-clean-shell .m24ua-restart-form{
  margin:13px 0 0!important;
  text-align:center!important;
}
body.m24-clean-shell button.m24ua-text-button{
  border:0!important;
  background:transparent!important;
  color:#1268d3!important;
  font-family:var(--m24u-font)!important;
  font-size:11.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.m24-clean-shell .m24ua-alert,
body.m24-clean-shell .m24ua-top-alert{
  width:min(520px,100%)!important;
  margin:0 auto 13px!important;
  padding:11px 13px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
  font-size:11.5px!important;
  line-height:1.9!important;
  text-align:right!important;
}
body.m24-clean-shell .m24ua-alert-info{border:1px solid #cfe3f2!important;background:#f3faff!important;color:#436880!important}
body.m24-clean-shell .m24ua-alert-success{border:1px solid #c9eadc!important;background:#f1fbf6!important;color:#286b51!important}
body.m24-clean-shell .m24ua-alert-warning{border:1px solid #f2dfb8!important;background:#fff9ed!important;color:#795b22!important}
body.m24-clean-shell .m24ua-alert-danger{border:1px solid #efcaca!important;background:#fff4f4!important;color:#8a3838!important}

/* The old login components must not compete with unified auth. */
body.m24-clean-shell .m24login-card,
body.m24-clean-shell .m24login-auth-actions,
body.m24-clean-shell .m24neo-login-card{
  display:none!important;
}

@media(max-width:575.98px){
  body.m24-clean-shell .m24ua-card{
    padding:24px 19px 22px!important;
    border-radius:16px!important;
  }
  body.m24-clean-shell .m24ua-heading h1{
    font-size:20px!important;
  }
  body.m24-clean-shell .m24ua-tabs{
    grid-template-columns:1fr!important;
  }
  body.m24-clean-shell .m24ua-register-grid,
  body.m24-clean-shell .m24ua-two-actions{
    grid-template-columns:1fr!important;
  }
  body.m24-clean-shell .m24ua-label-row{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:1px!important;
  }
}