/* AUTO-GENERATED by scripts/build_theme_legacy_selectors.py.
 * Do not edit this file manually. New code should use semantic theme variables.
 */


html[data-theme="dark"] :is(
  .accAlert,
  .accAvatarPanel,
  .accCard,
  .accDangerCard,
  .accHeroPanel,
  .accModal,
  .accModalPanel,
  .accNotice,
  .accPlanCard,
  .accProfileCard,
  .accountTwofaModal,
  .accountTwofaModalCard,
  .adaptiveProductCard,
  .adaptiveRatingPopover,
  .adaptiveTableCard,
  .adminCheckModalCard,
  .adminRoleModal,
  .adminRoleModalPanel,
  .adminRoleSelectMenu,
  .adminVacationPopover,
  .adsAnAdvicePanel,
  .adsAnArticlePickerMenu,
  .adsAnChartPanel,
  .adsAnFunnelPanel,
  .adsAnMetricCard,
  .adsAnMetricPopover,
  .adsAnPanel,
  .adsAnRoasPanel,
  .adsBidFlowCard,
  .adsBidHourPopover,
  .adsBidStatusCard,
  .adsBulkActionsPopover,
  .adsBulkConfirmModalWindow,
  .adsBulkScheduleConfirmModal,
  .adsCabinetSelectMenu,
  .adsChangeChartPopover,
  .adsChangeEventDialog,
  .adsExportPopover,
  .adsFloatingCampaignPopover,
  .adsHistoryModal,
  .adsHistorySkuModal,
  .adsOzonCampaignLimitNotice,
  .adsPlacementDataNotice,
  .adsPlacementEfficiencyCard,
  .adsStackedDropdownMenu,
  .adsSummaryCard,
  .adsTodayCabinetCard,
  .adsTodayOpenCard,
  .adsTopActionsMenu,
  .adsTopSettingsPopover,
  .adsWbBulkCampaignCard,
  .adsWbBulkKeywordsModal,
  .akInsightPanel,
  .akKeywordCard,
  .akMetricCard,
  .akProductMenu,
  .akRatingPopover,
  .akSummaryCard,
  .anCard,
  .anColumnsPopoverCard,
  .anCopyMenu,
  .anCustomFilterListModal,
  .anCustomFilterModal,
  .anExportPopover,
  .anForecastHelpPopover,
  .anForecastPanel,
  .anGoalModal,
  .anHeaderContextMenu,
  .anHealthPopoverCard,
  .anHeatmapPanel
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .anInlineRecsPopover,
  .anKeywordDetailsCard,
  .anKeywordRowCard,
  .anKeywordsCard,
  .anKeywordsToolbarCard,
  .anMiniCard,
  .anPhotoPreviewCard,
  .anPremiumPopover,
  .anPremiumPopoverCard,
  .anProductModalCard,
  .anProductStatCard,
  .anRecCard,
  .anRecTaskModal,
  .anRecommendationsCard,
  .anStatCard,
  .anStoreRecsPanel,
  .anSyncPopover,
  .anTodayCard,
  .anTodayImpactModal,
  .anTodayPeriodCard,
  .anTodaySalesPanel,
  .anV86ChartCard,
  .anV86ComparePopover,
  .anV86HeatCard,
  .anV86HeatMenu,
  .anV86PeriodPanel,
  .anV86PriceOrdersCard,
  .anV86SelectMenu,
  .anV86TopCard,
  .anV86TopPanel,
  .analyticsPeriodPopover,
  .archiveReportCard,
  .asCard,
  .authAlert,
  .authCard,
  .autoAdsBudgetPresetCard,
  .autoAdsStrategyCard,
  .barcodePopover,
  .bbDonutCard,
  .bbInsightPanel,
  .bbWeekPanel,
  .biPanel,
  .biSafeCard,
  .bidHistoryDetailCard,
  .bidHistoryModal,
  .bidTestProductCard,
  .blockMenu,
  .budgetDailyRequiredNotice,
  .budgetHelpPopover,
  .budgetModalWindow,
  .budgetSpendHistoryPanel,
  .budgetStoppedTipCard,
  .budgetStrategyCard,
  .budgetWbHelpPopover,
  .budgetWeeklyCard,
  .bulkTaskCard,
  .cabinetPanel,
  .cabinetPulseDetailCard,
  .cabinetPulsePanel,
  .cabinetWorkspaceCard,
  .cabinetsFileModalCard,
  .cabinetsModal,
  .cabinetsModalCard,
  .cabinetsProductPickerCard,
  .cabinetsProductsModalCard,
  .calendarActionsMenu,
  .calendarCard,
  .calendarContextMenu,
  .calendarContextSubPanel,
  .calendarControlsPanel
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .calendarCustomFilterPanel,
  .calendarExpandedDayCard,
  .calendarFilterPopover,
  .calendarLabelsPanel,
  .calendarMiniPopover,
  .calendarToolPopover,
  .campBudgetPopover,
  .campCard,
  .campTitlePopover,
  .card,
  .categoryCreateModal,
  .chrInfoPopover,
  .closeTaskModal,
  .colContextMenu,
  .compactCalendarCard,
  .confirmCard,
  .confirmModal,
  .createBulkAutoPopover,
  .createBulkConfirmModalWindow,
  .createBulkDailyBudgetPopover,
  .createBulkGlobalFilterPopover,
  .createBulkMassChecksPopover,
  .createBulkSkuPanel,
  .createCampaignModal,
  .createCard,
  .createDailyBudgetPopover,
  .dashPopover,
  .dashboardFloatingMenu,
  .dayModal,
  .dayModalFilterPopover,
  .dayPreviewCard,
  .dayTaskPopover,
  .deleteCampaignModal,
  .expensesCard,
  .filterPopover,
  .formCard,
  .gmMarketplaceCard,
  .gmSummaryCabCard,
  .gmSummaryItemsCard,
  .helpPopover,
  .homeAdsCampaignCard,
  .homeAdsCampaignPopover,
  .homeAdsCampaignsModal,
  .homeAnalyticsMatrixCard,
  .homeAnalyticsShopSlideCard,
  .homeCustomSelectMenu,
  .homeGoalInfoPanel,
  .homeGoalModal,
  .homeGoalsCanvasGoalCard,
  .homeGoalsCanvasPeriodPopover,
  .homeGoalsCanvasReasonPanel,
  .homeGoalsCanvasScorePanel,
  .homeGoalsCard,
  .homeGoalsSlideCard,
  .homeInfoCard,
  .homeModal,
  .homeNotesAccessPopover,
  .homeNotesCard,
  .homePlanPublicLinksCard,
  .homeProductAlertCard,
  .homeProductAlertPopover,
  .homeProductAlertsCard,
  .homeProductAlertsCustomSelectMenu,
  .homeProductAlertsHistoryModal,
  .homeProductAlertsModal,
  .homeProductsTaskCard,
  .homePublicCreatePanel,
  .homePublicLinksModal,
  .homePublicQuickCard,
  .homeTopbarSettingsPopover
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .homeUserDaySummaryCard,
  .homeVacationPopover,
  .homeWbAssemblyCard,
  .homeWbAssemblyOrderPopover,
  .homeWbAssemblyOrdersCard,
  .homeWbAssemblyOrdersModal,
  .homeWbAssemblySearchPanel,
  .homeWbAssemblySelectMenu,
  .homeWbAssemblySettingsModal,
  .hubTestCard,
  .ideaCard,
  .ideaModal,
  .ideaModalCard,
  .imgModal,
  .incomeCalcCard,
  .incomeCalcCategoryCard,
  .incomeCalcCustomMenu,
  .incomeCalcLogisticsCard,
  .incomeCalcModal,
  .incomeCalcRouteMenu,
  .incomeCalcSavedPanel,
  .inviteCard,
  .kpiCard,
  .labelsPopover,
  .learningRevenuePopover,
  .learningSummaryCard,
  .marketLinksMenu,
  .marketLinksPopover,
  .metricMiniCard,
  .miniSearchPopover,
  .modal,
  .modalCard,
  .msgContextMenu,
  .msgDialog,
  .msgGroupSettingsCard,
  .msgNewChatCard,
  .msgPanel,
  .msgVacationPopover,
  .multiCheckMenu,
  .notifPopover,
  .notifSettingsPanel,
  .notifViewsPopover,
  .ozonCompetitivePopover,
  .ozonDetailsPanel,
  .pbeMassPopover,
  .pbeProductCard,
  .pbeSchemeMenu,
  .pbeUnsavedModal,
  .peModal,
  .peSummaryCard,
  .peSwitchPanel,
  .perfModalCard,
  .periodPopover,
  .pickerAdvertisedPopover,
  .pmCalcDownloadPopover,
  .pmFormulaPopover,
  .pmMetaPanel,
  .pmUnsavedDialog,
  .priceCompactCard,
  .priceHistoryDialog,
  .priceHistoryModal,
  .priceInfoPanel,
  .priceNeoTableCard,
  .productChecklistCard,
  .productChecklistPanel,
  .productSearchPopover,
  .productTaskSelectMenu,
  .productsAttrsModal,
  .productsAttrsModalCard,
  .productsBarcodeModal
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .productsBarcodeModalCard,
  .productsBarcodeSizeMenu,
  .productsBulkModal,
  .productsBulkModalCard,
  .productsBulkPopover,
  .productsCabinetMenu,
  .productsChangesExportPopover,
  .productsCreateCardModalCard,
  .productsCreateCategoryMenu,
  .productsCreateCategoryNotice,
  .productsCreateCheckCard,
  .productsCreatePanel,
  .productsCreatePreviewCard,
  .productsDescPopover,
  .productsFilterPopover,
  .productsInlinePreviewPanel,
  .productsInlineTabPanel,
  .productsMergePopover,
  .productsModal,
  .productsModalCard,
  .productsPanel,
  .productsRichModal,
  .productsRichModalCard,
  .productsTableCard,
  .productsTemplateModal,
  .productsTemplateModalCard,
  .productsToast,
  .profileRequiredBannerPopover,
  .recentUploadsCard,
  .recurringGroupCard,
  .recurringModal,
  .reportsAdsBulkSwitchCard,
  .reportsCaseChartCard,
  .reportsCasePanel,
  .reportsPeriodModal,
  .returnMiniPopover,
  .returnsArchiveModal,
  .returnsCard,
  .returnsColumnsPopover,
  .returnsDetailDrawer,
  .returnsExportPopover,
  .rulesBidPopover,
  .rulesSkuHoverCard,
  .saItemCard,
  .saModal,
  .saModalDialog,
  .saTariffPreviewCard,
  .salesCoverageCard,
  .salesDailyCard,
  .salesFocusCard,
  .salesHoverCard,
  .salesHoverPanel,
  .salesPeriodPopover,
  .salesReportsCard,
  .salesSegCard,
  .salesSummaryCard,
  .sortPopover,
  .stageExpandedCard,
  .statCard,
  .stockPriceRuleModal,
  .stockPriceRulePopover,
  .stockRuleConfirmModal,
  .stockRulePreviewCard,
  .stocksExportModal,
  .stocksModal,
  .stocksNeoActionsMenu,
  .stocksNeoCard,
  .stocksNeoTableCard,
  .stocksSummaryCard,
  .stocksTableActionsPopover
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .stocksWarehousePopover,
  .storageContextMenu,
  .storageCreateFolderModal,
  .storagePhotoModal,
  .storageProductModal,
  .storageProductPhotoPanel,
  .storagePromptModal,
  .storagePublicFloatingPopover,
  .storageShareCard,
  .storageShareManageModal,
  .storageSharePasswordModal,
  .storageToast,
  .sumCard,
  .summaryAdsModal,
  .summaryCard,
  .summaryChartCard,
  .supplyDistributionCard,
  .supplyDistributionDialog,
  .supplyDistributionMetricCard,
  .supplyDistributionModal,
  .supplyDistributionPanel,
  .supplyDistributionParamCard,
  .supplyDistributionRowPopover,
  .supplyDistributionStickyPanel,
  .supplyDownloadPopover,
  .supplyFbsHelpPopover,
  .supplyMapCard,
  .supplyNeoTableCard,
  .supplySavedDialog,
  .supplySavedModal,
  .supplySettingsPopover,
  .supplySplitDialog,
  .supplySplitModal,
  .supplyTemplateModal,
  .supportDockPanel,
  .supportPageCard,
  .syncToast,
  .tariffControlCard,
  .tariffHeroCard,
  .tariffPlanCleanCard,
  .tariffSummaryCard,
  .tariffUnifiedCard,
  .taskAssignToast,
  .taskCommentContextMenu,
  .taskCustomSelectMenu,
  .taskLabelsPanel,
  .taskPeriodPopover,
  .taskProductAdsProductCard,
  .taskProductDetailModal,
  .taskViewCard,
  .taskViewsPopover,
  .tgCabLinkToast,
  .themeControlPopover,
  .thumbPopover,
  .tiChartCard,
  .tiCompareCard,
  .tiProfitCard,
  .tiReportCard,
  .todaySummaryCard,
  .todayTaskCard,
  .topbarSystemNotificationCard,
  .topbarSystemNotificationPopover,
  .twofaAlert,
  .twofaCard,
  .unavailableCard,
  .userCard,
  .userProfileMiniPopover,
  .userWorkActivityModal,
  .userWorkEditTimeModal,
  .userWorkTimelineModal
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .userWorkUserSelectMenu,
  .wbAutoCustomSelectMenu,
  .wbAutoDepositModePanel,
  .wbBudgetBalanceCard,
  .wbBudgetDepositModalWindow,
  .wbControlProblemPopover,
  .wbDepositChipPopover,
  .wbDepositNotice,
  .wbDepositSourceCard,
  .wbDepositSourcePopover,
  .wbIlIrpConfirmModal,
  .wbInternalStatusPopover,
  .wbKeywordQualityPopover,
  .wbKeywordReachPopover,
  .wbKeywordsManageModal,
  .wbPromoBonusPopover,
  .wbQModal,
  .wbRegionDonutCard,
  .wbRegionMapCard,
  .wbRegionSupplyPopover,
  .wbSettingsPopover,
  .wbSizePopover,
  .wbSkuCard,
  .workActionPopover,
  .workLongSessionGuardModal,
  .workModal,
  .workSummaryCard,
  .workTasksModal
) {
  background-color: var(--surface-1) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] :is(
  .adaptiveTableCard,
  .adminTableShell,
  .adsHistoryTableWrap,
  .adsPlacementProductsTableWrap,
  .anTableWrap,
  .anTodayImpactTableWrap,
  .autoAdsBudgetTableWrap,
  .budgetSpendHistoryTableWrap,
  .dashboardTableWrap,
  .peTableWrap,
  .priceHistoryTableWrap,
  .priceNeoTableCard,
  .priceNeoTableWrap,
  .priceNeoWbWarehouseTableWrap,
  .productsBulkTableWrap,
  .productsTableCard,
  .productsTableWrap,
  .reportsTableWrap,
  .rulesAdaptiveTableWrap,
  .stockRuleConfirmTableWrap,
  .stocksNeoTableCard,
  .stocksNeoTableWrap,
  .stocksTableWrap,
  .supplyNeoTableCard,
  .supplySplitProductsTableWrap,
  .wbRegionTableWrap
) {
  background-color: var(--table-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--table-border) !important;
}

html[data-theme="dark"] :is(
  .accModalBackdrop,
  .adaptiveSettingsBackdrop,
  .adminRoleModalBackdrop,
  .anCustomFilterModalBack,
  .anGoalModalBack,
  .anProductModalBackdrop,
  .anRecTaskModalBack,
  .anTableOverlay,
  .budgetModalBack,
  .budgetStoppedOverlay,
  .cabinetFocusOverlay,
  .campSyncOverlay,
  .homeAdsCampaignsModalBack,
  .homeProductAlertsModalBack,
  .homeWbAssemblyOrdersModalBack,
  .imgModalBackdrop,
  .modalOverlay,
  .pricesPageLoadingOverlay,
  .productsSelectionOverlay,
  .returnsArchiveModalBack,
  .storageModalOverlay,
  .storageProductModalOverlay,
  .storageSharePasswordOverlay,
  .tableSelectionOverlay,
  .userProfilePhotoModalBack,
  .userWorkActivityModalBack,
  .userWorkEditTimeModalBack,
  .wbKeywordsManageModalBack,
  .wbQModalBack,
  .workCloseTaskModalBack,
  .workLongSessionGuardModalBack,
  .workModalBack
) {
  background-color: var(--overlay) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] :is(
  .adsAnStackTooltip,
  .adsStackedFixedTooltip,
  .anV86CustomTooltip,
  .biTooltip,
  .cabinetPulseChartTooltip,
  .chartTooltip,
  .dashboardFloatingTooltip,
  .fullProductsTooltip,
  .homeStackedTooltip,
  .mapTooltipInner,
  .pbeGrossTooltip,
  .supplyMapTooltip,
  .taskStatusFloatingTooltip,
  .wbRegionDonutTooltip
) {
  background-color: var(--chart-tooltip-bg) !important;
  color: var(--chart-tooltip-text) !important;
  border-color: var(--border-strong) !important;
  box-shadow: var(--shadow-md) !important;
}


html[data-theme="dark"] :where(
  .modalHead, .modalHeader, .modalFoot, .modalFooter,
  [class$="ModalHead"], [class$="ModalHeader"], [class$="ModalFoot"], [class$="ModalFooter"],
  [class$="PopoverHead"], [class$="PopoverHeader"],
  [class$="PanelHead"], [class$="CardHead"], [class$="CardHeader"]
) {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border-color: var(--divider) !important;
}

html[data-theme="dark"] :where(
  .modalBody, [class$="ModalBody"], [class$="DialogBody"], [class$="PopoverBody"],
  [class$="PanelBody"], [class$="CardBody"]
) {
  color: var(--text-primary) !important;
}