body.dark-mode {
    background: var(--theme-canvas);
    color: var(--theme-text-primary);
}

body.dark-mode .ant-layout,
body.dark-mode .ant-pro-layout,
body.dark-mode .ant-pro-layout-content,
body.dark-mode .ant-pro-page-container,
body.dark-mode .ant-pro-grid-content,
body.dark-mode .ant-pro-page-container-children-container {
    background: transparent;
}

body.dark-mode .ant-card,
body.dark-mode .ant-tabs-content-holder,
body.dark-mode .ant-table,
body.dark-mode .ant-table-thead > tr > th,
body.dark-mode .ant-table-tbody > tr > td,
body.dark-mode .ant-table-tbody > tr.ant-table-row:hover > td,
body.dark-mode .ant-modal-content,
body.dark-mode .ant-modal-header,
body.dark-mode .ant-drawer-content,
body.dark-mode .ant-drawer-header,
body.dark-mode .ant-popover-inner,
body.dark-mode .ant-dropdown-menu,
body.dark-mode .ant-select-dropdown,
body.dark-mode .ant-picker-panel-container {
    background: var(--theme-surface);
    color: var(--theme-text-primary);
}

body.dark-mode .ant-card-bordered,
body.dark-mode .ant-table-cell,
body.dark-mode .ant-table-thead > tr > th {
    border-color: var(--theme-border);
}

body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color: white"] {
    background: var(--theme-surface) !important;
}

body.dark-mode .ant-input,
body.dark-mode .ant-input-affix-wrapper,
body.dark-mode .ant-input-number,
body.dark-mode .ant-input-number-input,
body.dark-mode .ant-picker,
body.dark-mode .ant-select:not(.ant-select-customize-input) .ant-select-selector,
body.dark-mode .ant-cascader-picker,
body.dark-mode textarea.ant-input {
    background: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text-primary);
}

body.dark-mode .ant-input::placeholder,
body.dark-mode .ant-input-number-input::placeholder,
body.dark-mode .ant-select-selection-placeholder,
body.dark-mode .ant-picker-input > input::placeholder {
    color: var(--theme-text-muted);
}

body.dark-mode .ant-select-selection-item,
body.dark-mode .ant-picker-input > input {
    color: var(--theme-text-primary);
}

body.dark-mode .ant-form-item-label > label,
body.dark-mode .ant-typography,
body.dark-mode .ant-breadcrumb,
body.dark-mode .ant-breadcrumb a,
body.dark-mode .ant-breadcrumb-separator,
body.dark-mode .ant-tabs-tab,
body.dark-mode .ant-tabs-tab-btn,
body.dark-mode label {
    color: var(--theme-text-primary);
}

body.dark-mode .ant-tabs-ink-bar {
    background: var(--theme-accent);
}

body.dark-mode .ant-divider {
    border-color: var(--theme-border);
}

body.dark-mode .ant-btn-default {
    background: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text-primary);
}

body.dark-mode .ant-btn-default:hover {
    background: var(--theme-surface-hover);
    border-color: var(--theme-accent);
    color: var(--theme-accent);
}