/* Hello Abidjan v446 : connexion lisible sur téléphone et liens de confirmation. */
body.login-body{background:#fff;color:#183047}
.login-body .login-shell{box-sizing:border-box}
.login-body .login-topbar{box-sizing:border-box}
.login-body .login-topbar-logo img{display:block;object-fit:contain}
.login-body .login-main.ha-password-main{box-sizing:border-box}
.login-body .ha-password-main #ha-password-title{color:#183249;font:700 clamp(27px,5.8vw,34px)/1.19 Poppins,'DM Sans',sans-serif!important;letter-spacing:-.85px!important;margin:0 0 12px!important;overflow-wrap:break-word}
.login-body .ha-password-main #ha-password-sub{color:#627482!important;font:400 15px/1.65 'DM Sans',sans-serif!important;letter-spacing:0;max-width:450px;margin-bottom:27px}
.login-body .ha-password-main #ha-password-form>label:not(.ha-password-remember),
.login-body .ha-password-main #ha-confirm-row>label{font-size:14px!important;font-weight:650!important;color:#233a4b}
.login-body .ha-password-main #ha-password-form input:not([type=checkbox]),
.login-body .ha-password-main #ha-forgot-form input,
.login-body .ha-password-main #ha-recovery-form input{font-size:16px!important;min-height:52px;border-radius:7px}
.login-body .ha-password-main #ha-password-submit{min-height:52px;border-radius:7px;background:#0873bd;color:#fff;font:700 15px/1.35 'DM Sans',sans-serif}
.login-body .ha-password-main .ha-password-status{color:#316853;font:500 13px/1.6 'DM Sans',sans-serif}
.login-body .ha-password-main .ha-password-remember{margin-top:21px;gap:11px}
.login-body .ha-password-main .ha-password-switch{margin-top:23px}
.login-body .ha-password-main .ha-password-legacy{margin-top:20px}
.login-body .ha-password-main .ha-password-field{width:100%}
.login-body .ha-password-main [hidden]{display:none!important}
@media (max-width:700px), (pointer:coarse) {
 html{height:auto;min-height:100%}
 body.login-body{width:100%;max-width:none;margin:0!important;padding:0!important;min-height:100svh;background:#fff!important}
 body.login-body .login-shell{display:block;width:100%;max-width:none!important;min-height:100svh;min-height:100dvh;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
 body.login-body .login-topbar{width:100%;min-height:72px;padding:12px clamp(18px,4vw,30px);border-bottom:1px solid #edf0f2;box-shadow:none}
 body.login-body .login-main.ha-password-main{width:100%;max-width:620px!important;margin:0 auto!important;padding:clamp(28px,5vw,43px) clamp(22px,5vw,35px) 52px!important;border:0;border-radius:0;box-shadow:none}
 body.login-body .login-main.ha-password-main #ha-password-sub{margin-bottom:26px}
}
@media (max-width:430px) {
 body.login-body .login-main.ha-password-main{padding:29px 23px 45px!important}
 body.login-body .login-topbar{padding:10px 20px}
 body.login-body .ha-password-main #ha-password-title{font-size:28px!important}
 body.login-body .ha-password-main #ha-password-sub{font-size:14px!important}
}
@media (min-width:701px) and (pointer:coarse){
 body.login-body .login-main.ha-password-main{max-width:720px!important}
 body.login-body .ha-password-main #ha-password-title{font-size:35px!important}
 body.login-body .ha-password-main #ha-password-sub{font-size:18px!important}
 body.login-body .ha-password-main #ha-password-form input:not([type=checkbox]){font-size:19px!important;min-height:57px}
 body.login-body .ha-password-main #ha-password-form>label:not(.ha-password-remember){font-size:17px!important}
}
@media (min-width:800px) and (pointer:fine) {
 body.login-body{background:#f7f9fb}
 body.login-body .login-shell{max-width:540px;min-height:0;margin:6vh auto 9vh;border:1px solid #e3e9ed;border-radius:13px;overflow:hidden;box-shadow:0 14px 50px rgba(21,41,57,.07)}
 body.login-body .login-main.ha-password-main{max-width:100%;padding:34px 39px 44px}
}