/* Important declarations in a layer outrank the older unlayered !important
   backgrounds. Change only the finish; keep button size, state and actions. */
@layer sc-berry-button-finish {
    @media screen {
        .sc-berry .sc-stock-request-soq,
        .sc-berry .sc-stock-request-soq :is(.dx-button-text, .dx-icon) {
            color: #fff !important;
            font-size: 16px !important;
            font-weight: 600 !important;
        }

        .sc-berry .sc-create-receiving,
        .sc-berry .sc-create-receiving :is(.dx-button-text, .dx-icon) {
            color: #fff !important;
            font-weight: 600;
        }

        html:not([data-sc-theme="light"]) .sc-berry :is(
            .dx-button-mode-contained.dx-button-normal,
            .btn-secondary, .btn-light,
            #clearSelectionBtn, #btnCloseCustomerTermsCreditLimit,
            #btnCustomerTermsCreditLimitUpdaterConfirmCancel,
            .footerItem.secondary, .footerItem.quiet,
            .printBtn-class, .exportBtn-class,
            .formDirtyButton[attr-stay="yes"]
        ):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])) {
            background-image: linear-gradient(135deg, #343c5c 0%, #272d49 100%) !important;
            color: var(--sc-text) !important;
        }

        html:not([data-sc-theme="light"]) .sc-berry :is(
            .dx-button-mode-contained.dx-button-default, .btn-primary,
            #hBplus-BtnCreate, #hBplus-BtnSaveClose,
            #submitButton, #submitBtn, #GenerateBtn,
            #btnUpdateCustomerTermsCreditLimit, #btnCustomerTermsCreditLimitUpdaterConfirmOk,
            .sc-create-system-actual, .dashboard-filterBtn,
            .stock-adjustment-detail .dx-button,
            .sc-pos-price-dialog .footerItem.primary
        ):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])) {
            background-image: linear-gradient(135deg, #5865cf 0%, #3e83d9 55%, #3173c6 100%) !important;
        }

        html:not([data-sc-theme="light"]) .sc-berry :is(
            .hbPlus-headerIcon:not(.hbPlus-headerAvatar),
            #hBPlus-MenuUpdate .dx-button,
            .sc-theme-selector button[aria-pressed="true"]
        ):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])) {
            background-image: linear-gradient(135deg, #35305c, #242344) !important;
        }

        html:not([data-sc-theme="light"]) .sc-berry .sc-user-menu .hbPlus-headerAvatar {
            background-image: linear-gradient(135deg, #293c65, #203253) !important;
        }

        html:not([data-sc-theme="light"]) .sc-berry :is(.dx-button-mode-contained.dx-button-success, .btn-success):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])) {
            background-image: linear-gradient(135deg, #28795f, #205942) !important;
            color: #fff !important;
        }
        html:not([data-sc-theme="light"]) .sc-berry :is(.dx-button-mode-contained.dx-button-danger, .btn-danger):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])) {
            background-image: linear-gradient(135deg, #a64b66, #7c344a) !important;
            color: #fff !important;
        }
        html:not([data-sc-theme="light"]) .sc-berry :is(.dx-button-mode-contained.dx-button-success, .dx-button-mode-contained.dx-button-danger):not(:is(.dx-state-disabled, .disable)) :is(.dx-button-text, .dx-icon) {
            color: #fff !important;
        }

        html:not([data-sc-theme="light"]) .sc-berry :is(
            .dx-button-mode-contained, .btn-primary, .btn-secondary, .btn-light, .btn-success, .btn-danger,
            .dashboard-filterBtn, .sc-pos-price-dialog .footerItem,
            .printBtn-class, .exportBtn-class
        ):not(:is(.dx-state-disabled, .disabled, .disable, :disabled, [aria-disabled="true"])):is(:hover, .dx-state-hover) {
            box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 3px 10px rgb(80 64 160 / 18%) !important;
        }
    }
}