/* HAVAL LAWYER / Unified interface system, 2026-10-22
   Official Variation A. Shared by admin, clients, compliance and documents.
   Presentation only: no changes to authentication, role guards, data or forms.
   Designed to load after all legacy CSS and the first white-first layer. */
html[data-haval-brand="white-first"]{
 --hl2-bg:#F4F6F8;--hl2-surface:#FFFFFF;--hl2-elevated:#FFFFFF;
 --hl2-subtle:#F3F5F7;--hl2-border:#E2E7EC;--hl2-line:#E8EAED;
 --hl2-text:#10243A;--hl2-muted:#536478;--hl2-action:#0B1F33;
 --hl2-action-hover:#1B3B58;--hl2-action-text:#FFFFFF;
 --hl2-accent:#B68A45;--hl2-focus:#37679D;
 --hl2-input:#FFFFFF;--hl2-input-border:#B8C5D2;
 --hl2-highlight:#EFF3F7;--hl2-elevation:0 2px 12px rgba(11,31,51,.045);
 --hl2-overlay:rgba(7,20,33,.50);--hl2-placeholder:#718196;
 --hl2-success:#126447;--hl2-success-bg:#EAF7F1;
 --hl2-warning:#895A12;--hl2-warning-bg:#FFF4E0;
 --hl2-error:#AE303A;--hl2-error-bg:#FFF0F1;
 color-scheme:light;
}
html[data-haval-brand="white-first"][data-haval-theme="dark"] #app,
html[data-haval-brand="white-first"] #app.legal-night,
html[data-haval-brand="white-first"][data-client-theme="dark"] #portalView{
 --hl2-bg:#0B1522;--hl2-surface:#18293C;--hl2-elevated:#203248;
 --hl2-subtle:#203248;--hl2-border:#34475C;--hl2-line:#2B3F54;
 --hl2-text:#ECF2FA;--hl2-muted:#B9C9DA;--hl2-action:#315574;
 --hl2-action-hover:#426889;--hl2-action-text:#FFFFFF;
 --hl2-accent:#C49B5B;--hl2-focus:#86B4ED;
 --hl2-input:#1D3045;--hl2-input-border:#65788C;
 --hl2-highlight:#243B52;--hl2-elevation:0 3px 16px rgba(0,0,0,.14);
 --hl2-overlay:rgba(1,8,17,.72);--hl2-placeholder:#B3C3D3;
 --hl2-success:#A2E8C5;--hl2-success-bg:#173D34;
 --hl2-warning:#F8D091;--hl2-warning-bg:#49361E;
 --hl2-error:#FFB5BC;--hl2-error-bg:#4A2834;
 --hl-white:var(--hl2-surface);--hl-soft:var(--hl2-bg);
 --hl-navy:var(--hl2-text);--hl-muted:var(--hl2-muted);
 --hl-line:var(--hl2-border);--hl-focus:var(--hl2-focus);
 --hl-success:var(--hl2-success);--hl-warning:var(--hl2-warning);
 --hl-danger:var(--hl2-error);--hl-shadow:var(--hl2-elevation);
 --bg:var(--hl2-bg);--panel:var(--hl2-surface);
 --ink:var(--hl2-text);--muted:var(--hl2-muted);
 --line:var(--hl2-border);--nav:var(--hl2-action);
 --nav2:var(--hl2-action);--accent:var(--hl2-accent);
 --accent-soft:var(--hl2-highlight);
 --hv-bg:var(--hl2-bg);--hv-surface:var(--hl2-surface);
 --hv-surface-alt:var(--hl2-subtle);--hv-heading:var(--hl2-text);
 --hv-border:var(--hl2-border);
 --hv2-forest:var(--hl2-text);--hv2-ink:var(--hl2-text);
 --hv2-muted:var(--hl2-muted);--hv2-line:var(--hl2-border);
 --hv2-surface:var(--hl2-surface);--hv2-subtle:var(--hl2-subtle);
 --hv2-success:var(--hl2-success);--hv2-warning:var(--hl2-warning);
 --hv2-danger:var(--hl2-error);
 --hv-dossier-ink:var(--hl2-text);--hv-dossier-title:var(--hl2-text);
 --hv-dossier-muted:var(--hl2-muted);--hv-dossier-edge:var(--hl2-border);
 --hv-dossier-bg:var(--hl2-bg);--hv-dossier-card:var(--hl2-surface);
 --hv-dossier-soft:var(--hl2-subtle);
 --hv-dossier-primary:var(--hl2-action);
 --hv-dossier-primary-hover:var(--hl2-action-hover);
 --lux-deep:var(--hl2-action);--lux-green:var(--hl2-action);
 --lux-gold:var(--hl2-accent);--lux-line:var(--hl2-border);
 --lux-white:var(--hl2-surface);--lux-soft:var(--hl2-subtle);
 --lux-ink:var(--hl2-text);
 --dm-bg:var(--hl2-surface);--dm-soft:var(--hl2-subtle);
 --dm-line:var(--hl2-border);--dm-ink:var(--hl2-text);
 --dash-line:var(--hl2-border);
 color-scheme:dark;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) {
 --hl-white:var(--hl2-surface);--hl-soft:var(--hl2-bg);
 --hl-navy:var(--hl2-text);--hl-muted:var(--hl2-muted);
 --hl-line:var(--hl2-border);--hl-focus:var(--hl2-focus);
 --hl-shadow:var(--hl2-elevation);
 --hv-bg:var(--hl2-bg);--hv-surface:var(--hl2-surface);
 --hv-surface-alt:var(--hl2-subtle);--hv-heading:var(--hl2-text);
 --hv-border:var(--hl2-border);
 --lux-line:var(--hl2-border);--lux-white:var(--hl2-surface);
 --lux-soft:var(--hl2-subtle);--lux-ink:var(--hl2-text);
}
html[data-haval-brand="white-first"] :is(#app,#portalView).app,
html[data-haval-brand="white-first"] :is(#app,#portalView)>.main,
html[data-haval-brand="white-first"] :is(#app,#portalView) .content {
 background:var(--hl2-bg)!important;color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] body[data-client-view="workspace"]{
 background:#0B1624!important;color:#ECF2FA!important;
}
html[data-haval-brand="white-first"] #app.legal-night{background:var(--hl2-bg)!important}
/* Navigation: same surface, active state, geometry and icons in every portal. */
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar{
 background:var(--hl2-surface)!important;background-image:none!important;
 color:var(--hl2-text)!important;border:0!important;
 border-inline-end:1px solid var(--hl2-border)!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.sidebrand,.sidefoot){
 background:transparent!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .sidebrand :is(b,span){
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button,a){
 color:var(--hl2-muted)!important;background:transparent!important;
 background-image:none!important;border:1px solid transparent!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button,a):hover{
 background:var(--hl2-subtle)!important;color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView)>.sidebar .nav :is(button.active,button.selected,a.active,[aria-current="page"]){
 background:var(--hl2-highlight)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-border)!important;
 box-shadow:inset 3px 0 0 var(--hl2-accent)!important;
}
html[data-haval-brand="white-first"][dir="rtl"] :is(#app,#portalView)>.sidebar .nav :is(button.active,a.active,[aria-current="page"]){
 box-shadow:inset -3px 0 0 var(--hl2-accent)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .nav :is(svg,i[data-lucide]){
 color:inherit;flex-shrink:0;stroke-width:1.85;
}
/* Site chrome / cards / dialog surfaces including dynamically inserted legal modules. */
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.topbar,.legal-topbar,.modalhead,.modalfoot,.dash-workbench,.dash-controls,
 .hv-dms-main,.hv-dms-tabs,.hv-dms-toolbar,.hv-dms-tablewrap,
 .legal-overview-panel,.dash-command,.dash-lawyer-card,.dash-panel,.dash-stat,
 .dash-meta-card,.dash-quick,.hv-v2-section,.hv-v2-cert,.hv-v2-summary>div,.hv-v2-permit,
 .company-info-section,.company-info-item,.company-person,.task-card,.task-lane,.task-detail-box,
 .card,.stat,.panel,.metric,.modalbox,.accountpanel,.hv-dms-metric,.hv-dms-request){
 background:var(--hl2-surface)!important;background-image:none!important;
 color:var(--hl2-text)!important;border-color:var(--hl2-border)!important;
 box-shadow:var(--hl2-elevation)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.topbar,.legal-topbar,.modalhead,.modalfoot,.hv-dms-toolbar){
 box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.pagehead,.page-heading,.dash-panel-head,.modalhead,.cardhead,.hv-dms-title-row)
 :is(h1,h2,h3,h4,b,strong){
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.pagehead p,.page-heading p,.stat .label,.stat .sub,
 .dash-panel-head p,.dash-stat-label,.dash-stat-sub,.company-info-item span,.company-person small,
 .hv-v2-summary span,.hv-v2-policy,.muted,.small){
 color:var(--hl2-muted)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.legal-top-actions,.topactions,.pagehead,.page-actions){
 min-width:0;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .content{min-width:0}
/* All native form fields. Do not restyle checkboxes, radios, file buttons, switches or hidden fields. */
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal) :is(
 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
 select,textarea
){
 background:var(--hl2-input)!important;background-image:none!important;
 color:var(--hl2-text)!important;border:1px solid var(--hl2-input-border)!important;
 border-radius:10px!important;box-shadow:none!important;
 min-width:0;max-width:100%;font-weight:500;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal) :is(input,textarea)::placeholder{
 color:var(--hl2-placeholder)!important;opacity:1;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(label,.field label,.hv-settings-row .hv-row-text){
 color:var(--hl2-text);
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(input,select,textarea):disabled{
 opacity:.66;cursor:not-allowed;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal) :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
):focus-visible{
 outline:3px solid var(--hl2-focus)!important;outline-offset:2px!important;
 border-color:var(--hl2-focus)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) :is(
 button:not(:disabled),a[href],[role="button"],input,select,textarea,[tabindex="0"]
):focus-visible{
 outline:3px solid var(--hl2-focus)!important;outline-offset:3px!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn:not(.secondary):not(.ghost):not(.danger),.loginbtn){
 background:var(--hl2-action)!important;background-image:none!important;
 border:1px solid var(--hl2-action)!important;
 color:var(--hl2-action-text)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn:not(.secondary):not(.ghost):not(.danger),.loginbtn):hover{
 background:var(--hl2-action-hover)!important;border-color:var(--hl2-action-hover)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn.secondary,.btn.ghost,.iconbtn,.hv-portal-control){
 background:var(--hl2-surface)!important;color:var(--hl2-text)!important;
 border:1px solid var(--hl2-border)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn.secondary,.btn.ghost,.iconbtn,.hv-portal-control):hover{
 background:var(--hl2-highlight)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn,.iconbtn,.hv-portal-control,.hv-dms-tabs button){
 border-radius:10px!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.btn:disabled,.iconbtn:disabled,button:disabled){
 cursor:not-allowed;opacity:.62;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge.ok,[data-status="active"]){
 color:var(--hl2-success)!important;background:var(--hl2-success-bg)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge.warn,[data-status="expiring"]){
 color:var(--hl2-warning)!important;background:var(--hl2-warning-bg)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge.danger,.btn.danger,[data-status="expired"]){
 color:var(--hl2-error)!important;background:var(--hl2-error-bg)!important;
 border-color:var(--hl2-error)!important;
}
/* Navigation utilities and company selector. Preserve the real click handlers. */
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.legal-search,.companyselect,.legal-toolbar #companyPickerWrap,
 .hv-portal-language .lang-cycle,.legal-lang-btn,.top-account-chip,.hv-portal-lang-trigger){
 background:var(--hl2-surface)!important;background-image:none!important;
 border-color:var(--hl2-border)!important;color:var(--hl2-text)!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.legal-lang-btn,.hv-portal-lang-trigger,.top-account-chip)
 :is(span,b,small,svg){color:inherit!important}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.legal-menu,.hv-language-menu,.hv-portal-language-menu,.accountpanel,.notifpanel){
 background:var(--hl2-elevated)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(#notifyPanel,.hv-notif-head,.hv-notif-toolbar,.hv-notif-list){
 background:var(--hl2-surface)!important;border-color:var(--hl2-border)!important;color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #notifyPanel :is(button,.hv-notif-item,.notifitem){
 background:var(--hl2-surface)!important;color:var(--hl2-text)!important;border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.hv-dms-table th,table th,.table th){
 color:var(--hl2-text)!important;background:var(--hl2-subtle)!important;
 border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.hv-dms-table td,table td){
 color:var(--hl2-text)!important;border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) table tbody tr:hover{
 background:var(--hl2-highlight);
}
/* For dark logos, provide a white canvas; never recolor/modify master SVG paths. */
html[data-haval-brand="white-first"] #app.legal-night :is(.sidebrand img,.admin-boot-logo),
html[data-haval-brand="white-first"][data-client-theme="dark"] #portalView :is(.sidebrand img,.topbar-brandmark){
 background:#FFFFFF!important;border-radius:7px;padding:4px;
 filter:none!important;
}
/* DMS hero: no ornamental gradients/photos and no gradient text. */
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-head{
 min-height:unset!important;background:var(--hl2-surface)!important;
 background-image:none!important;color:var(--hl2-text)!important;
 border:1px solid var(--hl2-border)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-head:before,
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-head:after{display:none!important}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-head :is(h1,p,svg,.hv-dms-breadcrumb){
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-company-picker{
 background:var(--hl2-subtle)!important;border-color:var(--hl2-border)!important;
 backdrop-filter:none!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-company-picker :is(label,p){color:var(--hl2-muted)!important}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-head-actions button{
 background:var(--hl2-action)!important;color:#fff!important;
 border-color:var(--hl2-action)!important;box-shadow:none!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #hvDmsRoot .hv-dms-tabs button.active{
 background:var(--hl2-action)!important;color:#fff!important;
}
/* Task workbench, institution detail, payroll, renewals inherit the same surfaces. */
html[data-haval-brand="white-first"] :is(#app,#portalView,#companyProfileModal) :is(
 .dash-workbench,.dash-controls,.dash-panel,.dash-stat,.legal-overview-panel,
 .task-card,.task-lane,.task-detail-box,.hv-dms-main,.hv-dms-toolbar,.hv-dms-tabs,
 .hv-v2-summary>div,.hv-v2-cert,.hv-v2-permit,.company-info-section,
 .tax-staff-summary,.tax-staff-card,.tax-workspace-card,.employee-row
){
 background:var(--hl2-surface)!important;background-image:none!important;
 border-color:var(--hl2-border)!important;color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] #app.legal-night #companyProfileModal,
html[data-haval-brand="white-first"] #app.legal-night .modal,
html[data-haval-brand="white-first"][data-client-theme="dark"] #portalView .modal{
 color:var(--hl2-text);color-scheme:dark;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) .modalbox{
 background:var(--hl2-elevated)!important;border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.modalhead,.modalbody,.modalfoot){
 background:var(--hl2-elevated)!important;border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.modalfoot,.page-actions) :is(.btn,button){
 white-space:normal;
}
/* Viewport-level overlay dialogs are mounted after #portalView. Client-only dark fallback. */
html[data-haval-brand="white-first"][data-client-theme="dark"] body[data-client-view="workspace"] :is(
 .modalbox,.task-detail-box,.hv-v2-preview>section,.hv-dms-dialog>section
){
 background:#1C3046!important;color:#ECF2FA!important;border-color:#34475C!important;
}
html[data-haval-brand="white-first"][data-client-theme="dark"] body[data-client-view="workspace"] :is(
 .modalhead,.modalbody,.modalfoot,.task-detail-head,.hv-v2-preview header,.hv-v2-preview footer
){background:#1C3046!important;color:#ECF2FA!important;border-color:#34475C!important}
html[data-haval-brand="white-first"][data-client-theme="dark"] body[data-client-view="workspace"] :is(
 .modal input:not([type="checkbox"]):not([type="radio"]),.modal select,.modal textarea
){background:#1D3045!important;color:#ECF2FA!important;border-color:#65788C!important}
/* Retain semantic warning/success/error for genuine records only. No decorative gold text. */
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.badge,.hv-v2-state,.status){
 font-weight:700;
}
html[data-haval-brand="white-first"] :is(#app,#portalView) #portalThemeBtn{
 color:var(--hl2-text)!important;background:var(--hl2-surface)!important;
}
html[data-haval-brand="white-first"] #app.legal-night #legalThemeBtn,
html[data-haval-brand="white-first"][data-client-theme="dark"] #portalView #portalThemeBtn{
 border-color:var(--hl2-accent)!important;
}
/* Respect OS accessibility and make form meaning readable without hue alone. */
@media(prefers-reduced-motion:reduce){
 html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) *,
 html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) *::before,
 html[data-haval-brand="white-first"] :is(#app,#portalView,#loginView) *::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
 }
}
@media(forced-colors:active){
 html[data-haval-brand="white-first"] :is(#app,#portalView) :is(button,a,input,select,textarea):focus-visible{
  outline:3px solid Highlight!important;
 }
}
@media print{
 html[data-haval-brand="white-first"] :is(#app,#portalView) .content{
  background:#fff!important;color:#000!important;
 }
 html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.topbar,.bottom-nav,.hv-device-drawer-scrim){display:none!important}
}

/* Stronger scope than legacy #app.legal-night #page-dashboard declarations.
   These rules take precedence without editing the task engine or its data. */
html[data-haval-brand="white-first"] #app #page-dashboard :is(
 .dash-workbench,.dash-controls,.dash-company,.dash-company-head,.dash-company-body,
 .dash-task-groups,.dash-task-group,.dash-task-group-head,.dash-task-group-body,
 .dash-mini-task,.dash-no-results,.dash-workbench-head,
 .legal-stats .hv-stat-link,.legal-overview-panel,.legal-upcoming-row
),
html[data-haval-brand="white-first"] #app #page-tasks :is(
 .task-lane,.task-lane-head,.task-card,.task-empty
){
 background:var(--hl2-surface)!important;background-image:none!important;
 border-color:var(--hl2-border)!important;color:var(--hl2-text)!important;
 box-shadow:none!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard :is(
 .dash-company-name b,.dash-mini-title,.dash-workbench-head h3,.dash-workbench-head p,
 .dash-company-name span,.dash-company-meta,.dash-mini-desc,.dash-mini-period,.dash-mini-meta,
 .dash-task-group-count,.dash-task-group-head,.dash-stat-label,.legal-stats .value,
 .dash-company-icon,.dash-company-icon svg
),
html[data-haval-brand="white-first"] #app #page-tasks :is(
 .task-lane-title,.task-lane-count,.task-period,.task-lastdone,.task-card h4
){color:var(--hl2-text)!important}
html[data-haval-brand="white-first"] #app #page-dashboard :is(
 .dash-task-group,.dash-mini-task,.dash-company-head,.dash-task-group-head
){border-color:var(--hl2-border)!important}
html[data-haval-brand="white-first"] #app #page-dashboard .dash-mini-task.overdue{
 border-inline-start:3px solid var(--hl2-error)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard .dash-mini-task.today{
 border-inline-start:3px solid var(--hl2-accent)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard .dash-company-icon,
html[data-haval-brand="white-first"] #app #page-dashboard .dash-task-group-count{
 background:var(--hl2-highlight)!important;color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard :is(.badge.ok,.dash-mini-task .badge.ok){
 color:var(--hl2-success)!important;background:var(--hl2-success-bg)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard :is(.badge.warn,.dash-mini-task .badge.warn){
 color:var(--hl2-warning)!important;background:var(--hl2-warning-bg)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard :is(.badge.danger,.dash-mini-task .badge.danger){
 color:var(--hl2-error)!important;background:var(--hl2-error-bg)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard .dash-mini-actions :is(.btn:not(.secondary),.btn:not(.secondary):hover),
html[data-haval-brand="white-first"] #app #page-dashboard .dash-company-actions .btn:not(.secondary){
 background:var(--hl2-action)!important;color:var(--hl2-action-text)!important;
 border-color:var(--hl2-action)!important;
}
html[data-haval-brand="white-first"] #app #page-dashboard .dash-company-actions .iconbtn{
 background:var(--hl2-surface)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-border)!important;
}
html[data-haval-brand="white-first"] #app.legal-night #page-dashboard :is(.dash-controls input,.dash-controls select),
html[data-haval-brand="white-first"] #app.legal-night #entityKindFilter,
html[data-haval-brand="white-first"] #app.legal-night .legal-toolbar #companySelect,
html[data-haval-brand="white-first"] #app.legal-night .legal-search input{
 background:var(--hl2-input)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-input-border)!important;
}
html[data-haval-brand="white-first"] #app.legal-night .legal-language-wrap :is(.legal-lang-btn,.hv-language-menu,.hv-language-menu button),
html[data-haval-brand="white-first"] #app.legal-night .legal-toolbar #companyPickerWrap,
html[data-haval-brand="white-first"] #app.legal-night .legal-search{
 background:var(--hl2-elevated)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-border)!important;
}
/* Login is intentionally bright, including when a returning client prefers dark workspace. */
html[data-haval-brand="white-first"] #loginView.login-shell.login-v3{
 background:var(--hl2-bg)!important;background-image:none!important;
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-v3-topbar,.login-v3-hero,.login-v3-support,.login-v3-lawyerbar,.login-v3-footer){
 background:transparent!important;background-image:none!important;
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-v3-hero h1,.login-v3-hero p,.login-v3-brandmini .name,
 .login-v3-brandmini .sub,.login-heading h2,.login-heading p,.login-v3-support-head h3,.login-v3-support-head p){
 color:var(--hl2-text)!important;text-shadow:none!important;
}
html[data-haval-brand="white-first"] #loginView :is(.loginbox,.login-v3-support-card,.trust-item){
 background:#FFFFFF!important;background-image:none!important;color:#0B1F33!important;
 border:1px solid #E8EAED!important;box-shadow:0 2px 12px rgba(11,31,51,.05)!important;
}
html[data-haval-brand="white-first"] #loginView :is(.field label,.trust-item span,.login-v3-support-card span,.login-options,.remember-check,.forgot-link){
 color:#0B1F33!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-input-wrap,.login-input-wrap input){
 background:#FFFFFF!important;border-color:#B8C5D2!important;color:#0B1F33!important;
}
html[data-haval-brand="white-first"] #loginView .loginbtn{
 background:#0B1F33!important;color:#FFFFFF!important;border-color:#0B1F33!important;
}
html[data-haval-brand="white-first"] #loginView .loginbtn:hover{
 background:#1B3B58!important;border-color:#1B3B58!important;
}
html[data-haval-brand="white-first"] #loginView :is(.login-v3-logo,.login-v3-brandmini img){
 filter:none!important;object-fit:contain!important;
}
/* Keep the company profile overlay and utility dialogs legible in both theme modes. */
html[data-haval-brand="white-first"] #app #companyProfileModal :is(
 .modalbox,.modalhead,.modalbody,.modalfoot,.company-profile-body
){
 background:var(--hl2-elevated)!important;border-color:var(--hl2-border)!important;
 color:var(--hl2-text)!important;
}
html[data-haval-brand="white-first"] #app #companyProfileModal :is(
 .modalhead h3,.modalhead b,.company-profile-title,.company-profile-tab
){color:var(--hl2-text)!important}
html[data-haval-brand="white-first"] #app #companyProfileModal :is(
 .company-profile-tabs button.active,.company-profile-nav button.active
){
 background:var(--hl2-highlight)!important;color:var(--hl2-text)!important;
 border-color:var(--hl2-accent)!important;
}
/* Existing document/report previews are not recolored, preserving source documents. */
html[data-haval-brand="white-first"] :is(#app,#portalView) :is(.pdfsheet,#pdfStage,[data-no-theme-override]){
 color-scheme:light;
}