/* Compatibility palette for browsers without CSS color-mix (e.g. older Windows clients). */
@supports not (color:color-mix(in srgb, white, black)){
.enterpriseHeader{background:var(--theme-surface)!important}
.moduleTile:hover{border-color:var(--theme-primary)!important}
.tabs{background:var(--theme-surface)!important}
input:hover,select:hover,textarea:hover{border-color:var(--theme-primary)!important}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--theme-primary)!important}
.primaryBtn{box-shadow:0 4px 10px var(--theme-primary)}
thead th{background:var(--theme-bg)!important}
tbody td{border-bottom:1px solid var(--theme-border)!important}
.loginScreen{background:radial-gradient(circle at 75% 20%,var(--theme-primary),transparent 38%),linear-gradient(135deg,#0b1427,#17243d)!important}
/* v27.3 customer statement date range */
.statementDateRange{background:var(--theme-primary-soft)}
.coverageLegend{background:var(--theme-bg)}
.mahakImportPanel{border:1px solid var(--primary,#1f6f5f);background:linear-gradient(145deg,var(--primary,#1f6f5f),var(--card,#fff) 58%)}
.mahakImportBody input[type=file]{border:1px dashed var(--primary,#1f6f5f)}
.mahakTotals span{background:var(--primary,#1f6f5f)}
.mahakHistoryRow{border-top:1px solid var(--text,#222)}
.mahakLiveProgress{border:1px solid var(--accent,#6d8b57);background:linear-gradient(135deg,var(--accent,#6d8b57),var(--surface,#fff))}
.mahakProgressTrack{background:var(--text,#222)}
:root[data-theme] .enterpriseSidebar{background:linear-gradient(165deg,var(--theme-sidebar),var(--theme-sidebar))!important}
:root[data-theme] .sideNavBtn.active{background:linear-gradient(100deg,var(--theme-sidebar-active),var(--theme-primary))!important}
:root[data-theme] .primaryBtn,:root[data-theme] #openPeriod,:root[data-theme] #importBtn,:root[data-theme] .finRefreshBtn,:root[data-theme] .loginBtn{background:linear-gradient(125deg,var(--theme-primary),var(--theme-primary))!important;box-shadow:0 6px 16px var(--theme-primary)!important}
:root[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),:root[data-theme] select,:root[data-theme] textarea{background:var(--theme-surface)!important}
:root[data-theme] input:focus,:root[data-theme] select:focus,:root[data-theme] textarea:focus{box-shadow:0 0 0 4px var(--theme-primary)!important}
:root[data-theme] .tabs,:root[data-theme] .finTabs,:root[data-theme] .sysTabs{background:var(--theme-surface)!important}
:root[data-theme] .tabs button.active,:root[data-theme] .finTab.active,:root[data-theme] .sysTab.active{box-shadow:0 5px 14px var(--theme-primary)!important}
:root[data-theme] #finDashboardGrid.layoutEditing>.dashboardWidget{outline:2px dashed var(--theme-primary)!important}
:root[data-theme] .widgetDropTarget:after{background:var(--theme-primary-soft)}
:root[data-theme] .financeCommandCenter>.finDashMeta:before{box-shadow:0 5px 14px var(--theme-primary)!important}
}
html:root[data-theme] .enterpriseSidebar{background:var(--theme-sidebar,#063d35)!important;color:#fff!important}
html:root[data-theme] .enterpriseSidebar .sideNavBtn{color:#d7eee5!important}
html:root[data-theme] .enterpriseSidebar .sideNavBtn.active{background:var(--theme-sidebar-active,#087b5e)!important;color:#fff!important}
html:root[data-theme] .enterpriseSidebar .sideBrand,html:root[data-theme] .enterpriseSidebar .sideUser{color:#fff!important}
html:root[data-theme] .enterpriseSidebar .sideStatus small,html:root[data-theme] .enterpriseSidebar .sideUser small,html:root[data-theme] .enterpriseSidebar .sideBrand small{color:#bad7cc!important}