/* HAVAL LAWYER — Structural header repair.
 * Header has a dedicated layout row, never overlays branding or sign-in.
 * One control on each end: appearance left, language right.
 * This sheet intentionally loads after every legacy login CSS declaration. */
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card {
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-rows:64px minmax(0,1fr)!important;
 grid-template-areas:"utilities utilities" "branding authentication"!important;
 align-content:stretch!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
 grid-area:utilities!important;
 grid-column:1/-1!important;grid-row:1!important;
 display:flex!important;flex-direction:row!important;
 justify-content:space-between!important;align-items:center!important;
 position:relative!important;
 inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
 inset-inline-start:auto!important;inset-inline-end:auto!important;
 width:100%!important;max-width:100%!important;height:64px!important;min-height:64px!important;
 margin:0!important;padding:10px clamp(16px,2.5vw,38px)!important;gap:12px!important;
 direction:ltr!important;z-index:25!important;
 background:#FFFFFF!important;background-image:none!important;
 border:0!important;border-bottom:1px solid #E8EAED!important;
 box-shadow:none!important;
}
html[lang="en"][data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
 justify-content:space-between!important;direction:ltr!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar #loginThemeBtn {
 order:0!important;position:relative!important;inset:auto!important;
 flex:0 0 44px!important;margin:0!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar .hv-portal-language {
 order:1!important;align-self:center!important;
 flex:0 1 auto!important;min-width:0!important;
 position:relative!important;margin:0!important;
 margin-inline-start:0!important;margin-inline-end:0!important;
 direction:rtl!important;
}
html[lang="en"][data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar .hv-portal-language {
 direction:ltr!important;margin:0!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar .hv-portal-lang-trigger {
 margin:0!important;min-width:0!important;max-width:min(190px,55vw)!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.hv-login-brand-panel {
 grid-area:branding!important;grid-column:1!important;grid-row:2!important;
 align-self:stretch!important;min-height:0!important;
}
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.hv-login-form-panel {
 grid-area:authentication!important;grid-column:2!important;grid-row:2!important;
 align-self:stretch!important;min-height:0!important;
}
/* No fixed-position title under the utilities. */
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-form-panel .login-v3-authzone {
 grid-area:auto!important;min-height:0!important;
 margin:auto!important;max-width:500px!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
 background:#152539!important;border-bottom-color:#34475C!important;
}
/* Tablet and iPhone: genuine stacked flow, header FIRST, logo SECOND,
 * form THIRD. No negative offsets and no absolute overlay. */
@media(max-width:760px){
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card {
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  grid-template-areas:none!important;
  min-height:0!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
  order:0!important;flex:0 0 58px!important;
  height:58px!important;min-height:58px!important;
  padding:7px clamp(12px,4vw,20px)!important;
  gap:10px!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.hv-login-brand-panel {
  order:1!important;flex:0 0 auto!important;
  padding:13px 16px 0!important;
  min-height:0!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-brand-panel .login-v3-logo {
  margin:0 auto 0!important;
  width:clamp(185px,51vw,244px)!important;
  height:auto!important;max-height:156px!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.hv-login-form-panel {
  order:2!important;flex:1 1 auto!important;
  padding-top:11px!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-form-panel .login-v3-authzone {
  width:100%!important;margin:0 auto!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar #loginThemeBtn{
  width:44px!important;height:44px!important;min-width:44px!important;
  margin:0!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar .hv-portal-lang-trigger{
  min-height:44px!important;max-width:min(190px,58vw)!important;
 }
}
@media(max-width:360px){
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
  padding-inline:11px!important;
 }
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar .hv-portal-lang-trigger {
  max-width:185px!important;
 }
}
@media(orientation:landscape) and (max-height:510px){
 html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar {
  height:58px!important;min-height:58px!important;
 }
}
/* Keep focus clearly visible to keyboard users in either color scheme. */
html[data-haval-brand="white-first"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar :is(button,[role="menuitemradio"]):focus-visible{
 outline:3px solid #37679D!important;outline-offset:2px!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] #loginView.hv-premium-login .hv-login-shell-card>.login-v3-topbar :is(button,[role="menuitemradio"]):focus-visible{
 outline-color:#86B4ED!important;
}