/* HAVAL LAWYER — Login day/night experience, Variation A, 2026-10-22.
   The same saved preference is used by the public login and client portal.
   Never change the original navy/gold SVG logo. */
html[data-haval-brand="white-first"] #loginView.hv-premium-login .login-v3-topbar{
 gap:8px!important;align-items:center!important;flex-wrap:nowrap!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn{
 display:grid!important;place-items:center!important;
 flex:0 0 44px!important;width:44px!important;height:44px!important;
 min-width:44px!important;min-height:44px!important;
 padding:0!important;margin:0!important;
 border:1px solid #E2E7EC!important;border-radius:50%!important;
 background:#FFFFFF!important;background-image:none!important;
 color:#0B1F33!important;box-shadow:0 2px 10px rgba(11,31,51,.04)!important;
 cursor:pointer!important;position:relative;z-index:21;
 transition:background-color .16s ease,border-color .16s ease!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn :is(i,svg){
 display:block!important;width:20px!important;height:20px!important;
 flex:0 0 20px!important;stroke-width:1.85!important;
 color:inherit!important;stroke:currentColor!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn:hover{
 background:#F3F5F7!important;border-color:#B8C5D2!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn:focus-visible{
 outline:3px solid #37679D!important;outline-offset:3px!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn:active{
 transform:scale(.96);
}
/* Dark mode applies to the login only, leaving all secured workspaces
   controlled by their existing shared theme engine. */
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login{
 --login-white:#152539;--login-soft:#0B1624;--login-navy:#ECF2FA;
 --login-gold:#C49B5B;--login-border:#34475C;--login-muted:#B9C9DA;
 --login-focus:#86B4ED;--login-shadow:0 22px 64px rgba(0,0,0,.22);
 background:#0B1624!important;background-image:none!important;
 color:#ECF2FA!important;color-scheme:dark!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-shell-card{
 background:#152539!important;border-color:#34475C!important;
 box-shadow:0 22px 64px rgba(0,0,0,.25)!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-brand-panel{
 background:#122235!important;background-image:none!important;
 border-color:#34475C!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-brand-panel::before{
 opacity:.1!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-brand-architecture{
 opacity:.35!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-v3-logo{
 /* Keep the authentic SVG unchanged and legible on an intentionally white canvas. */
 background:#FFFFFF!important;border-radius:12px!important;
 padding:12px!important;filter:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-v3-hero :is(h1,h1::first-line){
 color:#ECF2FA!important;text-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-v3-hero>p{
 color:#B9C9DA!important;text-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-rule,
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-gold-rule{
 background:#C49B5B!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-benefit{
 background:#1B3046!important;border-color:#34475C!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-benefit :is(strong,small){
 color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-benefit-icon :is(i,svg){
 color:#C49B5B!important;stroke:#C49B5B!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-form-panel{
 background:#152539!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-v3-authzone{
 background:transparent!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .loginbox.hv-login-form{
 background:transparent!important;color:#ECF2FA!important;border-color:transparent!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-heading :is(h2,p){
 color:#ECF2FA!important;text-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-heading p{
 color:#B9C9DA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .field label{
 color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-input-wrap{
 background:#1D3045!important;border-color:#65788C!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-input-wrap:focus-within{
 border-color:#86B4ED!important;box-shadow:0 0 0 3px rgba(134,180,237,.19)!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-input-wrap input{
 background:transparent!important;color:#ECF2FA!important;caret-color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-input-wrap input::placeholder{
 color:#B9C9DA!important;opacity:1!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login :is(.login-input-icon,.password-toggle){
 color:#ECF2FA!important;background:transparent!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login :is(.login-input-icon,.password-toggle) :is(svg,i){
 color:#ECF2FA!important;stroke:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login :is(.login-options,.remember-check,.forgot-link){
 color:#ECF2FA!important;background:transparent!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .remember-check input{
 accent-color:#C49B5B!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .loginbtn{
 background:#315574!important;border-color:#426889!important;color:#FFFFFF!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .loginbtn:hover{
 background:#426889!important;border-color:#6085A8!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-security{
 color:#B9C9DA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .login-security :is(svg,span){
 color:#B9C9DA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-help{
 color:#B9C9DA!important;border-color:#34475C!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-help :is(summary,p){
 color:#B9C9DA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-help-links a{
 background:#1D3045!important;border-color:#34475C!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-footer,
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-footer span{
 color:#B9C9DA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-lang-trigger,
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login #loginThemeBtn{
 background:#1D3045!important;border-color:#506980!important;color:#ECF2FA!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-lang-trigger :is(span,svg){
 color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login #loginThemeBtn:hover{
 background:#25415D!important;border-color:#86B4ED!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-language-menu{
 background:#1C3046!important;color:#ECF2FA!important;border-color:#34475C!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-language-menu button{
 background:#1C3046!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-language-menu button:hover,
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-language-menu button.is-selected{
 background:#25415D!important;color:#FFFFFF!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-portal-language-menu :is(b,small,span,svg){
 color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-mobile-benefits>div{
 background:#1B3046!important;border-color:#34475C!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-mobile-benefits :is(span,svg){
 color:#ECF2FA!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-mobile-benefits svg{
 color:#C49B5B!important;stroke:#C49B5B!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .alert.error:not(.hidden){
 color:#FFB5BC!important;background:#4A2834!important;border-color:#875465!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login #verifiedLoginStatus{
 background:#16372F!important;color:#A2E8C5!important;border-color:#375C50!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login #verifiedLoginStatus a{
 color:#A2E8C5!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .caps-warning:not(.hidden){
 color:#F8D091!important;background:#49361E!important;border-color:#866342!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login :is(
 #loginThemeBtn,.hv-portal-lang-trigger,.hv-portal-language-menu button,
 .password-toggle,.loginbtn,.forgot-link,.remember-check input
):focus-visible{
 outline:3px solid #86B4ED!important;outline-offset:3px!important;
}
@media(max-width:760px){
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .login-v3-topbar{
  gap:8px!important;align-items:center!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn{
  flex-basis:44px!important;width:44px!important;min-width:44px!important;height:44px!important;
 }
 html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-brand-panel{
  background:#152539!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-haval-brand="white-first"] #loginView.hv-premium-login #loginThemeBtn{
  transition:none!important;
 }
}