/* HAVAL LAWYER · Variation A / WHITE-FIRST
   The ONLY active brand-layer stylesheet shared by admin and client portals.
   Loaded after legacy/module styles. No authentication, records, or data changes.
   Legacy !important overrides are progressively retired; these centralized
   compatibility selectors keep the current feature modules usable meanwhile. */
:root {
  color-scheme:light;
  --hl-white:#FFFFFF;--hl-soft:#F8F9FA;--hl-navy:#0B1F33;
  --hl-gold:#B68A45;--hl-line:#E8EAED;--hl-muted:#536478;
  --hl-focus:#3561A7;--hl-success:#186B47;--hl-warning:#91611B;
  --hl-danger:#B53B3B;--hl-radius:10px;--hl-space:8px;
  --hl-shadow:0 2px 12px rgba(11,31,51,.045);
  --bg:var(--hl-soft);--panel:var(--hl-white);--ink:var(--hl-navy);
  --muted:var(--hl-muted);--line:var(--hl-line);--nav:var(--hl-navy);
  --nav2:var(--hl-navy);--accent:var(--hl-gold);
  --accent2:var(--hl-gold);--accent-soft:#F8F3EA;
  --shadow:var(--hl-shadow);
  --legal-deep:var(--hl-navy);--legal-deeper:var(--hl-navy);
  --legal-gold:var(--hl-gold);--legal-cream:var(--hl-soft);
  --legal-surface:var(--hl-white);--legal-stroke:var(--hl-line);
}
html[data-haval-brand="white-first"], html[data-haval-brand="white-first"] body{
  background:var(--hl-soft)!important;color:var(--hl-navy)!important;
  font-family:"Noto Sans Arabic","Noto Sans",Inter,Tahoma,Arial,sans-serif;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal,#hvDmsRoot){
  --hv-bg:var(--hl-soft);--hv-surface:var(--hl-white);--hv-surface-alt:var(--hl-soft);
  --hv-heading:var(--hl-navy);--hv-border:var(--hl-line);
  --hv2-forest:var(--hl-navy);--hv2-ink:var(--hl-navy);
  --hv2-muted:var(--hl-muted);--hv2-line:var(--hl-line);
  --hv2-surface:var(--hl-white);--hv2-subtle:var(--hl-soft);
  --hv-dossier-ink:var(--hl-navy);--hv-dossier-muted:var(--hl-muted);
  --hv-dossier-edge:var(--hl-line);--hv-dossier-bg:var(--hl-soft);
  --hv-dossier-card:var(--hl-white);--hv-dossier-soft:var(--hl-soft);
  --hv-dossier-primary:var(--hl-navy);--hv-dossier-primary-hover:#173755;
  --hv-dossier-title:var(--hl-navy);--hv-dossier-gold:var(--hl-gold);
  --lux-deep:var(--hl-navy);--lux-green:var(--hl-navy);
  --lux-gold:var(--hl-gold);--lux-line:var(--hl-line);
  --lux-white:var(--hl-white);--lux-soft:var(--hl-soft);
  --lux-ink:var(--hl-navy);
  --dm-bg:var(--hl-white);--dm-soft:var(--hl-soft);
  --dm-line:var(--hl-line);--dm-ink:var(--hl-navy);
}
html[data-haval-brand="white-first"] :is(#app,#portalView).app{
  background:var(--hl-soft)!important;color:var(--hl-navy)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.main{
  min-width:0;background:var(--hl-soft)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar{
  background:var(--hl-white)!important;
  background-image:none!important;color:var(--hl-navy)!important;
  border-inline-end:1px solid var(--hl-line)!important;
  border-inline-start:0!important;
  box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .sidebrand{
  background:transparent!important;border-color:var(--hl-line)!important;
  color:var(--hl-navy)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .sidebrand b{
  color:var(--hl-navy)!important;
  font-family:"Noto Serif Display",Georgia,serif!important;
  font-size:clamp(13px,1.2vw,17px)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .sidebrand span,
html[data-haval-brand="white-first"] #app .legal-nav-caption{
  color:var(--hl-muted)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button,a){
  background:transparent!important;background-image:none!important;
  color:var(--hl-muted)!important;border:1px solid transparent!important;
  box-shadow:none!important;border-radius:var(--hl-radius)!important;
  min-height:44px;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button,a):hover{
  background:var(--hl-soft)!important;color:var(--hl-navy)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button.active,button.selected,a.active,[aria-current="page"]){
  background:#F1F4F7!important;color:var(--hl-navy)!important;
  border-color:#DBE1E8!important;
  box-shadow:inset 3px 0 0 var(--hl-gold)!important;
}
html[dir="rtl"][data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button.active,a.active,[aria-current="page"]){
  box-shadow:inset -3px 0 0 var(--hl-gold)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .topbar{
  background:var(--hl-white)!important;background-image:none!important;
  color:var(--hl-navy)!important;border-bottom:1px solid var(--hl-line)!important;
  box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .content{
  max-width:1600px;margin-inline:auto;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .pagehead h1,
html[data-haval-brand="white-first"] :is(#app,#portalView) .page-heading h1{
  color:var(--hl-navy)!important;font-weight:750;line-height:1.4;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.stat,.card,.panel,.dash-panel,.dash-stat,.company-info-section,.modalbox,.loginbox,.metric){
  background:var(--hl-white)!important;background-image:none!important;
  border-color:var(--hl-line)!important;color:var(--hl-navy)!important;
  box-shadow:var(--hl-shadow)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.stat,.card,.panel,.dash-panel,.dash-stat,.company-info-section) :is(h1,h2,h3,strong){
  color:var(--hl-navy);
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn,.loginbtn,button.hv-dms-primary){
  background:var(--hl-navy)!important;background-image:none!important;
  color:#fff!important;border-color:var(--hl-navy)!important;
  border-radius:var(--hl-radius)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn.secondary,.btn.ghost,.iconbtn,.hv-dms-toolbar button){
  background:var(--hl-white)!important;color:var(--hl-navy)!important;
  border:1px solid var(--hl-line)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn.danger,.badge.danger,[data-status="expired"]){
  color:var(--hl-danger)!important;border-color:#EFCBCB!important;
  background:#FEF2F2!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge.ok,[data-status="active"]){
  color:var(--hl-success)!important;background:#EDF8F1!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge.warn,[data-status="expiring"]){
  color:var(--hl-warning)!important;background:#FFF5E5!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal) :is(.field input:not([type="checkbox"]):not([type="radio"]),.field select,.field textarea,input[type="search"],.legal-search,.hv-dms-find){
  background:var(--hl-white)!important;color:var(--hl-navy)!important;
  border-color:var(--hl-line)!important;border-radius:var(--hl-radius)!important;
  box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) :is(input,select,textarea,button,a):focus-visible{
  outline:3px solid var(--hl-focus)!important;outline-offset:2px!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(th,.table th){
  background:var(--hl-soft)!important;color:var(--hl-navy)!important;
  border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(td,th){
  border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.modalhead,.modalbody,.dash-workbench,.dash-controls){
  background:var(--hl-white)!important;background-image:none!important;
  color:var(--hl-navy)!important;border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] #companyProfileModal :is(.modalhead,.modalbody,.modalbox){
  background:var(--hl-white)!important;background-image:none!important;
  border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head{
  min-height:unset!important;
  background:var(--hl-white)!important;background-image:none!important;
  border:1px solid var(--hl-line)!important;
  box-shadow:none!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head:before,
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head:after{
  display:none!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head :is(h1,p,.hv-dms-breadcrumb,.hv-dms-overline),
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head svg{
  color:var(--hl-navy)!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-company-picker{
  background:var(--hl-soft)!important;backdrop-filter:none!important;
  border-color:var(--hl-line)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-company-picker :is(label,p){
  color:var(--hl-muted)!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head-actions{
  border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-head-actions button{
  background:var(--hl-navy)!important;background-image:none!important;
  border-color:var(--hl-navy)!important;color:#fff!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot :is(.hv-dms-tabs,.hv-dms-main,.hv-dms-metric){
  background:var(--hl-white)!important;box-shadow:none!important;border-color:var(--hl-line)!important;
}
html[data-haval-brand="white-first"] #hvDmsRoot .hv-dms-tabs button.active{
  background:var(--hl-navy)!important;color:#fff!important;
}
html[data-haval-brand="white-first"] #loginView.login-v3{
  --login-navy:var(--hl-navy);--login-navy-2:var(--hl-navy);
  --login-gold:var(--hl-gold);--login-gold-2:var(--hl-gold);
  --login-ivory:var(--hl-soft);
  background:var(--hl-soft)!important;background-image:none!important;
  color:var(--hl-navy)!important;min-height:100dvh;
}
html[data-haval-brand="white-first"] #loginView :is(.v4-backdrop,.v3-orb){
  display:none!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-v3-topbar,.login-v3-hero,.login-v3-support,.login-v3-authzone,.login-v3-brandmini,.login-v3-brandmini .name,.login-v3-brandmini .sub,.login-v3-hero h1,.login-v3-hero p,.hv-wordmark,.login-v3-eyebrow,.login-v3-support-head h3,.login-v3-support-head p,.login-v3-footer,.login-v3-lawyerbar){
  color:var(--hl-navy)!important;text-shadow:none!important;
}
html[data-haval-brand="white-first"] #loginView :is(.loginbox,.login-v3-support-card,.trust-item,.login-v3-trust,.hv-client-entry,.hv-portal-lang-trigger){
  background:var(--hl-white)!important;background-image:none!important;
  border-color:var(--hl-line)!important;color:var(--hl-navy)!important;
  box-shadow:var(--hl-shadow)!important;backdrop-filter:none!important;
}
html[data-haval-brand="white-first"] #loginView .login-v3-hero .login-v3-logo{
  width:min(260px,72vw)!important;max-width:100%;height:160px!important;
  object-fit:contain!important;filter:none!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-input-wrap,.login-input-wrap input){
  background:var(--hl-white)!important;color:var(--hl-navy)!important;
  border-color:var(--hl-line)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] #loginView .loginbtn{
  background:var(--hl-navy)!important;color:#fff!important;
  border-radius:var(--hl-radius)!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-gold-rule,.goldrule){
  background:var(--hl-gold)!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-v3-trust,.login-v3-support-grid){
  gap:12px!important;
}
html[data-haval-brand="white-first"] #app .admin-boot-card,
html[data-haval-brand="white-first"] .admin-boot-card{
  background:var(--hl-white)!important;color:var(--hl-navy)!important;
  border:1px solid var(--hl-line)!important;box-shadow:var(--hl-shadow)!important;
}
html[data-haval-brand="white-first"] .admin-boot{
  background:var(--hl-soft)!important;background-image:none!important;
}
html[data-haval-brand="white-first"] #app .legal-top-title #topTitle{color:var(--hl-navy)!important}
html[data-haval-brand="white-first"] :is(#app,#portalView) img[src*="approved-symbol.svg"]{
  object-fit:contain!important;filter:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) img[src*="approved-primary.svg"]{
  object-fit:contain!important;filter:none!important;
}
@media(max-width:767px){
  html[data-haval-brand="white-first"] :is(#app,#portalView) .content{padding-inline:12px!important}
  html[data-haval-brand="white-first"] :is(#app,#portalView) .topbar{padding-inline:12px!important}
  html[data-haval-brand="white-first"] #loginView .login-v3-stage{
    width:calc(100% - 24px)!important;padding-inline:0!important;
  }
  html[data-haval-brand="white-first"] #loginView .login-v3-topbar{gap:8px}
  html[data-haval-brand="white-first"] :is(#app,#portalView) table{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  html[data-haval-brand="white-first"] *,
  html[data-haval-brand="white-first"] *::before,
  html[data-haval-brand="white-first"] *::after{
    animation-duration:.01ms!important;transition-duration:.01ms!important;
  }
}
@media print{
  html[data-haval-brand="white-first"] body{background:#fff!important}
  html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar{display:none!important}
  html[data-haval-brand="white-first"] :is(#app,#portalView).app{display:block!important}
}