:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 40;
    box-sizing: border-box;
    width: min(500px, calc(100vw - 32px));
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(85vh, 720px) !important;
    margin: 0 !important;
    padding: 0 1.5rem 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: none !important;
    border-radius: 8px;
    background: var(--legacy-form-pop-bg) !important;
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    text-align: left;
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.create-new-proposal-container, .add-new-product-popup, .add-new-account-popup, .duplicate-items-popup[id^="addNewJob"]) {
    width: min(640px, calc(100vw - 32px)) !important;
}

:root[data-theme] body .confirmation-popup:is(#addOneTimeItemPopup, #changeOwnerPopupContainer, #changeOwnerPopupContainerMultiLocation, #combineProposalContainer) {
    width: min(640px, calc(100vw - 32px)) !important;
}

:root[data-theme] body :is(.one-time-product-popup, .portal-quotes-popup, .item-filter-popup, #portalQuotesContainer, #updatePricesContainer) {
    width: min(1100px, calc(100vw - 32px)) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container))[style*="display"]:not([style*="display: none"]):not([style*="display:none"]),
:root[data-theme] body .add-new-product-popup > .add-new-product-container:has(> .form-element-container):not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-start;
    column-gap: 0.5rem;
    text-align: left;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-container {
    min-width: 0;
    margin: 0;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > :not(.form-button, .button) {
    flex: 1 1 100%;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > br {
    display: none;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container))::after {
    content: '';
    order: 1;
    flex: 0 0 calc(100% + 3rem);
    max-width: none;
    margin: 1rem -1.5rem 1rem;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > p[style*="width: 165px"] {
    flex: 0 0 auto;
    width: 120px !important;
    max-width: none;
    color: var(--legacy-form-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > p[style*="width: 165px"]:not(:has(+ p[style*="width: 165px"])) {
    margin-right: calc(100% - 121px) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > p[style*="width: 165px"] + p[style*="width: 165px"] {
    margin-right: calc(100% - 301px) !important;
    margin-left: calc(60px - 0.5rem) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > div:has(> .quantity-button-container) {
    flex: 0 0 auto;
    margin-top: 0.5rem !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > div:has(> .quantity-button-container):not(:has(+ div > .quantity-button-container)) {
    margin-right: auto;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > div:has(> .quantity-button-container) + div:has(> .quantity-button-container) > .quantity-button-container:first-child {
    margin-left: calc(60px - 0.5rem) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .quantity-button-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 32px;
    height: 38px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    vertical-align: top;
    cursor: pointer;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .quantity-button-container:hover {
    border-color: var(--legacy-form-muted);
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .quantity-button-container svg {
    width: 14px;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .quantity-button-container path {
    fill: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .quantity-button-container:hover path {
    fill: var(--legacy-form-title) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .shopping-cart-quantity-element {
    box-sizing: border-box;
    width: 56px;
    height: 38px;
    margin: 0 4px;
    padding: 0 0.25rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

:root[data-theme] body :is(.one-time-product-popup, .portal-quotes-popup, .item-filter-popup) {
    text-align: center;
}

:root[data-theme] body :is(.one-time-product-popup, .portal-quotes-popup, .item-filter-popup) > :is(.form-button, .button):last-child {
    display: block;
    margin: 1rem 0 0 auto !important;
}

:root[data-theme] body :is(.one-time-product-popup, .portal-quotes-popup, .item-filter-popup) .item-filter-row-container {
    height: auto;
    max-height: min(50vh, 435px);
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .create-new-proposal-container, .add-new-product-popup > .add-new-product-container:has(> .form-element-container)) > :is(.form-button, .button) {
    order: 2;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.confirmation-title, .confirmation-popup-title, .confirmation-popup-title-small, .duplicate-items-title, .bulk-delete-title, .my-reports-menu-title, .popup-title, .create-new-proposal-title, .add-new-product-title, .accounts-title),
:root[data-theme] body .item-filter-popup > p:first-child {
    position: sticky;
    top: 0;
    z-index: 20;
    box-sizing: border-box;
    flex: 0 0 calc(100% + 3rem) !important;
    max-width: none !important;
    margin: 0 -1.5rem 1rem !important;
    padding: 0.75rem 3rem;
    border-bottom: 1px solid var(--legacy-form-border);
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-title) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 1.125rem !important;
    font-weight: 600;
    line-height: 2rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.confirmation-popup-caption, .confirmation-popup-caption-small, .confirmation-caption, .note, .caption, .popup-caption, .my-reports-caption, .duplicate-items-caption, .create-new-proposal-subtitle),
:root[data-theme] body :is(.one-time-product-popup, .portal-quotes-popup, .item-filter-popup) > :is(.popup-title, p:first-child) + p {
    margin: 0 0 0.75rem !important;
    padding: 0 !important;
    color: var(--legacy-form-muted) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.confirmation-popup-caption, .confirmation-popup-caption-small, .confirmation-caption, .note, .caption, .popup-caption, .my-reports-caption, .duplicate-items-caption, .create-new-proposal-subtitle) span {
    color: var(--legacy-form-pop-fg) !important;
    font-size: inherit !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container:not([style*="display: none"]):not([style*="display:none"]) {
    display: grid !important;
    grid-template-columns: minmax(7rem, max-content) minmax(0, 1fr);
    align-items: center;
    column-gap: 1rem;
    row-gap: 0.375rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 0.75rem !important;
    font-family: 'Nunito', sans-serif;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container > :not(.form-caption) {
    grid-column: 2;
    min-width: 0;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container > br {
    display: none;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container .form-caption,
:root[data-theme] body .create-new-proposal-container > .proposal-name-caption {
    display: block;
    grid-column: 1;
    width: auto;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--legacy-form-text) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container .form-caption[style*="min-width"][style*="!important"]:not(:has(*)) {
    display: contents;
}

:root[data-theme] body .create-new-proposal-container > .proposal-name-caption {
    flex: 0 0 7rem !important;
    margin: 0 0.5rem 0.75rem 0 !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-input-standard, .form-input-standard-no-hover, .form-input-textarea, .proposal-name-input, .my-reports-share-input) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 38px;
    margin: 0;
    padding: 0 0.75rem;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    outline: none;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    cursor: text;
    transition: border-color 0.15s ease-in-out;
}

:root[data-theme] body .create-new-proposal-container > .proposal-name-input {
    flex: 1 1 0 !important;
    margin: 0 0 0.75rem;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-input-textarea {
    height: auto;
    min-height: 96px;
    padding: 0.5rem 0.75rem;
    resize: vertical;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-input-standard, .form-input-textarea, .proposal-name-input, .my-reports-share-input):is(:hover, :focus) {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-input-standard, .form-input-standard-no-hover, .form-input-textarea, .proposal-name-input, .my-reports-share-input)::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup) .form-dropdown-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup) .form-dropdown-container > .form-input-dropdown {
    order: 0;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup) .form-dropdown-container > .form-dropdown {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    order: 1;
    width: 100%;
    margin-top: 4px;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button) {
    box-sizing: border-box;
    height: 38px;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    float: none !important;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px !important;
    outline: none;
    background-color: var(--legacy-form-pop-bg) !important;
    background-image: none;
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):hover {
    border-color: var(--legacy-form-muted) !important;
    background-color: var(--legacy-form-pop-bg) !important;
    background-image: linear-gradient(var(--legacy-form-line-soft), var(--legacy-form-line-soft));
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):focus-visible {
    outline: 2px solid var(--legacy-form-focus-ring);
    outline-offset: 1px;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):is([id*="submit" i], [id*="confirm" i], [id*="approve" i], [id*="save" i]):not([id*="cancel" i], [id*="close" i], [id*="delete" i], [id*="remove" i]) {
    order: 3;
    border-color: var(--legacy-form-tab-active-border) !important;
    background-color: var(--legacy-form-tab-active-bg) !important;
    color: #fff !important;
    font-weight: 600;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):is([id*="submit" i], [id*="confirm" i], [id*="approve" i], [id*="save" i]):not([id*="cancel" i], [id*="close" i], [id*="delete" i], [id*="remove" i]):hover {
    border-color: var(--legacy-form-tab-active-border) !important;
    background-color: var(--legacy-form-tab-active-border) !important;
    background-image: none;
    color: #fff !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):is([id*="delete" i], [id*="remove" i]):not([id*="cancel" i], [id*="close" i]) {
    order: 3;
    border-color: var(--legacy-form-tab-active-bg) !important;
    color: var(--legacy-form-danger) !important;
    font-weight: 600;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is(.form-button, .button):is([id*="delete" i], [id*="remove" i]):not([id*="cancel" i], [id*="close" i]):hover {
    background-image: linear-gradient(var(--legacy-form-alert-danger-bg), var(--legacy-form-alert-danger-bg));
    color: var(--legacy-form-danger) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) [style*="color: #e5e5e5"] {
    color: var(--legacy-form-pop-fg) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) :is([style*="color: #ba0c2f"], [style*="color: #BA0C2F"]):not(img + p) {
    color: var(--legacy-form-link) !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) div[style*="width: 344px"] {
    width: 100% !important;
    margin-top: 0 !important;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) img[src*="AddIcon"] {
    box-sizing: border-box;
    width: 16px !important;
    height: 16px;
    margin: 0 !important;
    vertical-align: middle;
    filter: grayscale(1) brightness(2.4);
}

:root[data-theme="light"] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup) img[src*="AddIcon"],
:root[data-theme="light"] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-image,
:root[data-theme="light"] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup) .scan-filter-item .add-image {
    filter: grayscale(1);
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) img[src*="AddIcon"] + p {
    margin: 0 !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px;
    color: var(--legacy-form-muted) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    vertical-align: middle !important;
    transition: background-color 0.15s, color 0.15s;
}

:root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) img[src*="AddIcon"] + p:hover {
    background-color: var(--legacy-form-line-soft);
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body .create-new-proposal-container > div {
    order: 0;
}

:root[data-theme] body .create-new-proposal-container > div:has(> div > .form-button) {
    order: 2;
}

:root[data-theme] body .create-new-proposal-container > div > div:has(> .form-button) {
    display: flex !important;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100% !important;
    margin: 0 !important;
}

:root[data-theme] body .create-new-proposal-container > div > div:has(> .form-button) > [id*="cancel" i] {
    order: 0;
}

:root[data-theme] body .create-new-proposal-container > div > div:has(> .form-button) > :not([id*="cancel" i]) {
    order: 1;
}

:root[data-theme] body .item-filter-popup .item-filter-input {
    box-sizing: border-box;
    height: 32px;
    padding: 0 0.5rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    outline: none;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
}

:root[data-theme] body .item-filter-popup .item-filter-input::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body .item-filter-popup .item-filter-clear-button {
    height: 32px;
    padding: 0 0.75rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

:root[data-theme] body .item-filter-popup .item-filter-clear-button:hover {
    border-color: var(--legacy-form-muted);
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .add-new-product-popup:has(.bundle-items-container:not([style*="display: none"])) {
    width: min(1000px, calc(100vw - 32px)) !important;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container {
    position: absolute;
    top: 0.625rem;
    right: 0.75rem;
    z-index: 21;
    width: 36px;
    height: 36px;
    margin: 0;
    cursor: pointer;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container > svg {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    padding: 5px;
    border-radius: 6px;
    transition: background-color 0.15s;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container:hover > svg {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container .add-new-product-cancel {
    fill: var(--legacy-form-muted) !important;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container:hover .add-new-product-cancel {
    fill: var(--legacy-form-title) !important;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-cancel-container .add-new-product-cancel > path:first-child {
    display: none;
}

:root[data-theme] body .add-new-product-popup > .add-new-product-container > .form-button {
    margin: 0 !important;
}

:root[data-theme] body .add-new-account-popup > .add-new-account-container {
    min-width: 0;
    margin: 0;
}

:root[data-theme] body .add-new-account-popup :is(.add-new-account-form-caption, .form-caption) {
    color: var(--legacy-form-text) !important;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.add-new-product-form-caption, .add-new-account-form-caption),
:root[data-theme] body .add-new-account-popup .add-new-account-container > .form-caption {
    color: var(--legacy-form-text) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.add-new-product-form-input, .add-new-account-form-input, .add-new-product-form-textarea, .search-input, .customer-search-input, .location-search-input) {
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.add-new-product-form-input, .add-new-account-form-input) {
    height: 26px;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.add-new-product-form-input, .add-new-account-form-input, .add-new-product-form-textarea):is(:hover, :focus) {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) .carrot-container {
    border-left-color: var(--legacy-form-pop-border) !important;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.dropdown, .account-status-dropdown, .customer-dropdown, .location-dropdown, .carrier-dropdown) {
    border-color: var(--legacy-form-pop-border) !important;
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg);
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.element, .element2, .account-status-element, .empty-state) {
    background-color: var(--legacy-form-pop-bg) !important;
    color: var(--legacy-form-pop-fg) !important;
}

:root[data-theme] body :is(.add-new-product-popup, .add-new-account-popup) :is(.element, .element2, .account-status-element, .empty-state):hover {
    background-color: var(--legacy-form-line-soft) !important;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container {
    --account-select-width: 237px;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div + .add-new-account-form-input {
    box-sizing: border-box;
    width: var(--account-select-width);
    height: 38px;
    padding: 0 2.5rem 0 14px;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    transition: border-color 0.15s ease-in-out;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div + .add-new-account-form-input::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container:hover + div + .add-new-account-form-input,
:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div + .add-new-account-form-input:is(:hover, :focus),
:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div[style*="inline-block"] + .add-new-account-form-input {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 2.5rem;
    height: 38px;
    margin: 20px 0 0 calc(var(--account-select-width) - 2.5rem);
    padding: 0;
    border: none !important;
    border-radius: 0 4px 4px 0;
    background-color: transparent !important;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container > .carrot {
    width: 12px;
    height: 8px;
    border: none !important;
    background: var(--legacy-form-select-caret) center / 12px 8px no-repeat;
    transition: transform 0.15s ease-in-out;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container:has(+ div[style*="inline-block"]) > .carrot {
    transform: rotate(180deg);
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div {
    box-sizing: border-box;
    width: var(--account-select-width);
    max-height: 320px;
    margin-top: calc(20px + 38px + 4px);
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    text-align: left;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div :is(.account-status-element, .customer-element, .location-element, .carrier-element, .payment-method-element, .billing-address-element, .empty-state) {
    box-sizing: border-box;
    min-height: 2rem;
    margin: 0 0 2px;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    list-style: none;
    background-color: transparent !important;
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
    user-select: none;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div :is(.account-status-element, .customer-element, .location-element, .carrier-element, .payment-method-element, .billing-address-element, .empty-state):hover {
    background-color: var(--legacy-form-line-soft) !important;
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div > :is(.customer-search-input, .location-search-input, .carrier-search-input) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 34px;
    margin: 0 0 4px;
    padding: 0.4rem 2rem 0.4rem 0.65rem;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-size: 13px;
    font-weight: 500;
    cursor: text;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div > :is(.customer-search-input, .location-search-input, .carrier-search-input):is(:hover, :focus) {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div > .search-icon {
    top: 15px;
    right: 16px;
    width: 14px;
    height: 16px;
    margin: 0;
    opacity: 1;
    fill: var(--legacy-form-muted);
}

:root[data-theme] body .add-new-account-popup .add-new-account-container .carrot-container + div > [class$="-elements-container"] {
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0;
    background-color: transparent;
}

:root[data-theme] body .add-new-account-popup .form-dropdown-container > .form-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    margin-top: 0;
}

:root[data-theme] body .my-reports-menu-container {
    position: static;
    width: 0;
    height: 0;
}

:root[data-theme] body .my-reports-menu {
    text-align: left;
}

:root[data-theme] body .my-reports-menu > div[style*="text-align: center"] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

:root[data-theme] body .my-reports-menu > div[style*="text-align: center"] > svg {
    flex-shrink: 0;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

:root[data-theme] body .my-reports-menu .my-reports-share-user-dropdown {
    max-height: 200px;
    overflow-y: auto;
}

:root[data-theme] body .confirmation-popup .quantity-button-container {
    border-radius: 4px;
}

:root[data-theme] body :is(.duplicate-item-popup-container, .bulk-delete-popup-container) {
    width: 0;
    height: 0;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) {
    z-index: 30;
    box-sizing: border-box;
    flex-direction: column;
    width: 300px;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(420px, 70vh);
    margin: 0 !important;
    padding: 6px;
    overflow: hidden;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background: var(--legacy-form-pop-bg) !important;
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    text-align: left;
}

:root[data-theme] body .my-reports-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: min(360px, calc(100vw - 32px));
    border-radius: 8px;
    transform: translate(-50%, -50%);
}

:root[data-theme] body .wizard-grid-menu > :is(.my-reports-popup, .my-reports-dropdown) {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    transform: none;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown)[style*="display: block"] {
    display: flex !important;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-list, .my-reports-container) {
    position: static;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: 320px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-report-container {
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 2rem;
    margin: 0 0 2px;
    padding: 0 4px 0 0;
    border-radius: 4px;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-report-container:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-label-button {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0.5rem 0.75rem;
    border: none;
    background: none;
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-share-button, .my-reports-edit-button, .my-reports-delete-button) {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 6px;
    border: none;
    border-radius: 4px;
    background: none;
    cursor: pointer;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-share-button, .my-reports-edit-button, .my-reports-delete-button):hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-share-button, .my-reports-edit-button, .my-reports-delete-button) svg {
    width: 14px;
    height: 14px;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-share-button, .my-reports-edit-button) :is(svg, path, g, .cls-1) {
    fill: var(--legacy-form-muted) !important;
    stroke: none !important;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-delete-button :is(svg, path, g) {
    fill: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-delete-button:hover :is(svg, path, g) {
    fill: var(--legacy-form-danger) !important;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-hr {
    display: none;
}

:root[data-theme] body .portal-saved-reports-menu {
    --portal-modal-fg: var(--legacy-form-pop-fg);
    --portal-modal-title: var(--legacy-form-title);
    --portal-modal-muted: var(--legacy-form-muted);
    --portal-modal-border: var(--legacy-form-line-soft);
    --portal-modal-surface-hover: var(--legacy-form-line-soft);
}

:root[data-theme] body .portal-saved-reports-menu .my-reports-list {
    box-sizing: border-box;
}

:root[data-theme] body .portal-saved-reports-menu .folder-report {
    flex-shrink: 0;
}

:root[data-theme] body .portal-saved-reports-menu button.reports-folder-title-container {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

:root[data-theme] body .portal-saved-reports-menu button.report-button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: var(--legacy-form-muted) !important;
}

:root[data-theme] body .portal-saved-reports-menu .my-reports-empty {
    margin: 0;
    padding: 0.75rem;
    color: var(--legacy-form-muted);
    font-size: 0.875rem;
}

:root[data-theme] body .portal-saved-reports-menu .my-reports-list:empty,
:root[data-theme] body .portal-saved-reports-menu .my-reports-list:not(:empty) + .my-reports-empty {
    display: none;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-container {
    position: static;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    height: auto;
    margin: 4px -6px -6px;
    padding: 6px 12px;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-image {
    position: static;
    width: 16px;
    height: 16px;
    margin: 0;
    filter: grayscale(1) brightness(2.4);
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-button {
    position: static;
    flex: 1 1 auto;
    width: auto;
    height: auto;
    padding: 0.375rem 0;
    border: none;
    background: none;
    color: var(--legacy-form-muted) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-button:hover {
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-textbox {
    position: static;
    flex: 1 1 100%;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 0.65rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-size: 13px;
    font-weight: 500;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-textbox:focus {
    border-color: var(--legacy-form-muted);
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) :is(.my-reports-add-new-button, .my-reports-cancel-new-button) {
    position: static;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0 0.75rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

:root[data-theme] body :is(.my-reports-popup, .my-reports-dropdown) .my-reports-add-new-button {
    order: 1;
    border-color: var(--legacy-form-tab-active-border);
    background: var(--legacy-form-tab-active-bg);
    color: #fff !important;
    font-weight: 600;
}

:root[data-theme] body .report-menu-container {
    position: static;
    width: 0;
    height: 0;
}

:root[data-theme] body .report-menu-container > .report-menu,
:root[data-theme] body .report-options-menu-container {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 40;
    box-sizing: border-box;
    width: min(500px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(85vh, 720px) !important;
    margin: 0 !important;
    padding: 0 1.5rem 1rem !important;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: none !important;
    border-radius: 8px !important;
    background: var(--legacy-form-pop-bg) !important;
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    text-align: left;
}

:root[data-theme] body .report-menu-container > .report-menu > .report-title,
:root[data-theme] body .report-options-menu-container > .report-options-title {
    box-sizing: border-box;
    width: auto !important;
    margin: 0 -1.5rem 1rem !important;
    padding: 0.625rem 1rem !important;
    border: none !important;
    border-bottom: 1px solid var(--legacy-form-border) !important;
    background: none !important;
    color: var(--legacy-form-title) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 2rem;
    text-align: center;
}

:root[data-theme] body .report-menu-container > .report-menu > .report-name,
:root[data-theme] body .report-options-menu-container > .report-options-message {
    margin: 0 0 0.75rem !important;
    padding: 0 !important;
    color: var(--legacy-form-muted) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    text-align: left;
}

:root[data-theme] body .report-menu-container > .report-menu > .report-name span {
    color: var(--legacy-form-pop-fg) !important;
    font-size: inherit !important;
}

:root[data-theme] body .report-menu-container > .report-menu input {
    box-sizing: border-box;
    width: 100% !important;
    height: 38px;
    margin: 0 0 0.75rem !important;
    padding: 0 0.75rem !important;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px !important;
    text-align: left !important;
}

:root[data-theme] body .report-menu-container > .report-menu > br {
    display: none;
}

:root[data-theme] body .report-menu-container > .report-menu {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0 0.5rem;
}

:root[data-theme] body .report-menu-container > .report-menu > :not(.button) {
    flex: 1 1 100%;
    box-sizing: border-box;
    min-width: 0;
}

:root[data-theme] body .report-menu-container > .report-menu > .report-title {
    flex-basis: calc(100% + 3rem);
}

:root[data-theme] body .report-menu-container > .report-menu > #shareUsersContainer {
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem !important;
}

:root[data-theme] body .report-menu-container > .report-menu > #shareUsersContainer > :is(svg, input) {
    margin: 0 !important;
}

:root[data-theme] body .report-menu-container > .report-menu > #shareUsersContainer > svg {
    flex-shrink: 0;
    width: 20px !important;
    height: 20px !important;
}

:root[data-theme] body .report-menu-container > .report-menu::after {
    content: '';
    order: 1;
    flex: 0 0 calc(100% + 3rem);
    margin: 0.5rem -1.5rem 1rem;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body .report-menu-container > .report-menu > .button {
    order: 3;
}

:root[data-theme] body .report-options-menu-container > .report-options-button-wrapper {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 0.5rem;
    width: auto !important;
    margin: 1rem -1.5rem 0 !important;
    padding: 1rem 1.5rem 0 !important;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body .report-menu-container > .report-menu > .button,
:root[data-theme] body .report-options-menu-container .report-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px !important;
    background: var(--legacy-form-pop-bg) !important;
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25;
    cursor: pointer;
}

:root[data-theme] body .report-options-menu-container .report-button {
    margin: 0 !important;
}

:root[data-theme] body .report-menu-container > .report-menu > .button:hover,
:root[data-theme] body .report-options-menu-container .report-button:hover {
    border-color: var(--legacy-form-muted) !important;
    background-image: linear-gradient(var(--legacy-form-line-soft), var(--legacy-form-line-soft)) !important;
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body .report-menu-container > .report-menu > :is(#editReportButton, #shareReportButton),
:root[data-theme] body .report-options-menu-container .report-button:first-child {
    border-color: var(--legacy-form-tab-active-border) !important;
    background: var(--legacy-form-tab-active-bg) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

:root[data-theme] body .report-menu-container > .report-menu > #deleteReportButton {
    border-color: var(--legacy-form-tab-active-bg) !important;
    color: var(--legacy-form-danger) !important;
    font-weight: 600 !important;
}

:root[data-theme] body .report-menu-container > .report-menu > :is(#cancelDeleteReportButton, #cancelEditReportButton, #cancelShareReportButton) {
    order: 2;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-modal-header {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) 2.25rem;
    align-items: center;
    column-gap: 0.5rem;
    box-sizing: border-box;
    min-height: 3.25rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--legacy-form-border);
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-slot {
    width: 2.25rem;
    height: 2.25rem;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-title {
    grid-column: 2;
    margin: 0;
    overflow: hidden;
    color: var(--legacy-form-title);
    font-family: 'Nunito', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--legacy-form-title);
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-icon--trailing {
    grid-column: 3;
    justify-self: end;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-icon:focus-visible {
    outline: 2px solid var(--legacy-form-focus-ring);
    outline-offset: 1px;
}

:root[data-theme] body .wizard-grid-overlay .portal-reports-header-glyph {
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 1.35rem;
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
}

:root[data-theme] body .wizard-grid-overlay > .wizard-grid-menu-sheet {
    position: relative;
    z-index: 3;
    align-self: flex-start;
    box-sizing: border-box;
}

:root[data-theme] body .wizard-grid-overlay > .wizard-grid-menu-sheet:has(> [style*="display: none"], > [style*="display:none"]) {
    display: none;
}

:root[data-theme] body .wizard-grid-overlay > .wizard-grid-column-sheet {
    --portal-modal-bg: #2c2c2c;
    --portal-modal-fg: #e0e0e0;
    --portal-modal-title: #fff;
    --portal-modal-muted: #ccc;
    --portal-modal-border: #444;
    --portal-modal-input-bg: #1e1e1e;
    --portal-modal-input-border: #555;
    --portal-modal-surface: #3a3a3a;
    --portal-modal-surface-hover: #4a4a4a;
    --portal-modal-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

    display: flex;
    flex-direction: column;
    width: min(860px, calc(100vw - 2rem));
    min-height: min(520px, 72vh, calc(100vh - 200px));
    max-height: min(720px, calc(100vh - 200px));
    overflow: hidden;
    border: none;
    border-radius: 8px;
    background-color: var(--portal-modal-bg);
    box-shadow: var(--portal-modal-shadow);
    color: var(--portal-modal-fg);
    font-family: 'Nunito', sans-serif;
}

:root[data-theme="light"] body .wizard-grid-overlay > .wizard-grid-column-sheet {
    --portal-modal-bg: #fff;
    --portal-modal-fg: #1d2128;
    --portal-modal-title: #1d2128;
    --portal-modal-muted: #5c6370;
    --portal-modal-border: #d0d0d4;
    --portal-modal-input-bg: #fff;
    --portal-modal-input-border: #c8c8cc;
    --portal-modal-surface: #ececee;
    --portal-modal-surface-hover: #e0e0e4;
    --portal-modal-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-modal-header {
    flex-shrink: 0;
    padding: 0.625rem 1rem;
    border-bottom-color: var(--portal-modal-border);
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-header-title,
:root[data-theme] body .wizard-grid-column-sheet .portal-reports-header-icon {
    color: var(--portal-modal-title);
}

:root[data-theme] body .wizard-grid-column-sheet .columns-toolbar-container {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.5rem 0.75rem;
    box-sizing: border-box;
    padding: 0.875rem 1.5rem;
    border-bottom: 1px solid var(--portal-modal-border);
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter {
    grid-column: 1;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    margin: 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--portal-modal-input-border);
    border-radius: 4px;
    background-color: var(--portal-modal-input-bg);
    color: var(--portal-modal-title);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
    outline: none;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter:hover,
:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter:focus {
    border-color: #777;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter::placeholder {
    color: var(--portal-modal-muted);
    font-weight: 400;
    opacity: 1;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    margin-left: 0.25rem;
    cursor: pointer;
    opacity: 0.55;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-filter::-webkit-search-cancel-button:hover {
    opacity: 0.85;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-bulk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    box-sizing: border-box;
    height: 38px;
    margin: 0;
    padding: 0 0.75rem 0 0.65rem;
    border: 1px solid var(--portal-modal-input-border);
    border-radius: 4px;
    background-color: var(--portal-modal-surface);
    color: var(--portal-modal-fg);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    user-select: none;
    transition: background-color 0.2s, border-color 0.2s;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-bulk-btn:hover {
    background-color: var(--portal-modal-surface-hover);
    color: var(--portal-modal-title);
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-bulk-btn > span {
    pointer-events: none;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-bulk-btn .button-inner-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: inherit;
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 1.05rem;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    line-height: 1;
}

:root[data-theme] body .wizard-grid-column-sheet .portal-reports-columns-bulk-btn:hover .button-inner-icon {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

:root[data-theme] body .wizard-grid-column-sheet > .column-filter-container {
    position: static;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0.75rem 1rem;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 1rem 1.5rem 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    border-radius: 0;
    background: none;
    scrollbar-color: var(--portal-modal-input-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body .wizard-grid-column-sheet .column-filter-column {
    flex: 0 0 calc((100% - 3rem) / 4);
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0.5rem 0.65rem;
    overflow: hidden;
    border: 1px dashed var(--portal-modal-input-border);
    border-radius: 4px;
    background: var(--portal-modal-input-bg) !important;
    color: var(--portal-modal-muted);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

:root[data-theme] body .wizard-grid-column-sheet .column-filter-column[style*="142, 11, 37"] {
    border-style: solid;
    background: var(--portal-modal-surface) !important;
    color: var(--portal-modal-title);
    font-weight: 600;
}

:root[data-theme] body .wizard-grid-column-sheet .column-filter-column:hover {
    background: var(--portal-modal-surface-hover) !important;
    color: var(--portal-modal-title);
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container {
    top: max(16px, 14vh) !important;
    margin: 0 !important;
    transform: translateX(-50%);
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container > .report-options-title {
    padding-inline: 3rem !important;
}

:root[data-theme] body .wizard-grid-overlay > .wizard-grid-modal-close {
    position: fixed;
    top: calc(max(16px, 14vh) + 0.5rem);
    right: calc(50% - min(250px, 50vw - 16px) + 0.75rem);
    z-index: 41;
    margin: 0;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-report-name {
    margin: 0 0 0.75rem;
    overflow: hidden;
    color: var(--legacy-form-title);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-report-name::before {
    content: 'table';
    display: inline-block;
    margin-right: 0.5rem;
    color: var(--legacy-form-muted);
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5rem;
    vertical-align: top;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-input {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    margin: 0 0 0.75rem;
    padding: 0 0.75rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-title);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-input::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-input:is(:hover, :focus) {
    border-color: var(--legacy-form-muted);
    outline: none;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-users {
    box-sizing: border-box;
    height: auto;
    max-height: 168px;
    margin: 0 0 0.75rem;
    padding: 4px;
    overflow-y: auto;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-user {
    width: auto;
    margin: 0;
    padding: 0.375rem 0.625rem;
    border-radius: 4px;
    color: var(--legacy-form-pop-fg);
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-options-user:hover {
    background-color: var(--legacy-form-line-soft);
    color: var(--legacy-form-title);
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container .report-button {
    max-height: none !important;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #reportShareButton {
    border-color: var(--legacy-form-tab-active-border) !important;
    background: var(--legacy-form-tab-active-bg) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #reportNotifyButton {
    display: inline-flex;
    order: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    margin-right: auto;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    cursor: pointer;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #reportNotifyButton:hover {
    border-color: var(--legacy-form-muted);
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #shareReportSVG {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    pointer-events: none;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #shareReportBell[style*="rgba(250"] {
    stroke: var(--legacy-form-muted) !important;
}

:root[data-theme] body .wizard-grid-overlay > .report-options-menu-container #shareReportBell:not([style*="rgba(250"]) {
    fill: var(--legacy-form-tab-active-bg) !important;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu {
    box-sizing: border-box;
    width: min(480px, calc(100vw - 32px));
    height: auto;
    max-height: min(480px, 75vh);
    margin-top: 72px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 8px;
    background: var(--legacy-form-pop-bg);
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu > .reports-headers {
    gap: 0.25rem;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--legacy-form-border);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .reports-header {
    flex: 1 1 0;
    box-sizing: border-box;
    width: auto;
    height: 2.25rem;
    padding: 0 0.75rem;
    border: 1px solid transparent !important;
    border-radius: 4px;
    color: var(--legacy-form-muted) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: calc(2.25rem - 2px);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .reports-header:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .reports-header[style*="#BA0C2F"] {
    border-color: var(--legacy-form-pop-border) !important;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-title) !important;
    font-weight: 600;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .reports-header[style*="not-allowed"] {
    background-color: transparent;
    opacity: 0.55;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu > .reports-dropdown {
    box-sizing: border-box;
    height: auto;
    max-height: calc(min(480px, 75vh) - 7.5rem);
    padding: 0.25rem 0.5rem 0.5rem;
    overflow-y: auto;
    background: transparent !important;
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-wrapper {
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.75rem;
    margin: 0;
    padding: 0 0.25rem 0 0.75rem;
    border-bottom: 1px solid var(--legacy-form-border);
    border-radius: 0;
    color: var(--legacy-form-pop-fg);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-wrapper:last-child {
    border-bottom: none;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-wrapper:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-name {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.75rem;
    cursor: pointer;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-options {
    flex-shrink: 0;
    align-items: center;
    gap: 0.125rem;
    width: auto;
    margin-left: 0.5rem;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-options > div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-options > div:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-option {
    width: 16px;
    height: 16px;
    margin: 0;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-option path {
    fill: var(--legacy-form-muted) !important;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu .report-options > div:hover .report-option path {
    fill: var(--legacy-form-title) !important;
}

:root[data-theme] body .wizard-grid-overlay > .reports-menu #deleteReportButton:hover .report-option path {
    fill: var(--legacy-form-danger) !important;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container {
    box-sizing: border-box;
    width: min(480px, calc(100vw - 32px));
    min-height: 0;
    margin: 72px auto;
    padding: 0 1rem 1rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 8px;
    background: var(--legacy-form-pop-bg);
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    font-family: 'Nunito', sans-serif;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container > .filter-menu-title {
    align-self: stretch;
    margin: 0 -1rem 0.75rem;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--legacy-form-border);
    color: var(--legacy-form-title);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: center;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-options-container {
    gap: 0.5rem;
    margin: 0;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-option {
    flex: 1 1 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    height: 38px;
    margin: 0;
    padding: 0 0.75rem 0 14px;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-option:hover {
    border-color: var(--legacy-form-muted);
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-option .down-arrow {
    width: 12px;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-option .down-arrow-icon {
    fill: var(--legacy-form-muted);
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-dropdown {
    margin-top: 0.5rem;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-choice {
    border-radius: 4px;
    color: var(--legacy-form-pop-fg);
    font-size: 14px;
    line-height: 2.25rem;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container .filter-menu-choice:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container > .portal-reports-header-icon {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
}

:root[data-theme] body .wizard-grid-overlay > .report-date-filter-menu-container > .filter-menu-title {
    padding-inline: 3rem;
}

@media (max-width: 640px) {
    :root[data-theme] body .wizard-grid-column-sheet .column-filter-column {
        flex-basis: calc((100% - 1rem) / 2);
    }
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> .account-number-container) {
    display: grid;
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
    align-items: start;
    column-gap: 1rem;
    margin: 0 0 0.75rem;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> .account-number-container) > .form-caption {
    padding-top: 0.5rem;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-container {
    grid-column: 2;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    max-height: 168px;
    margin: 0;
    padding: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg);
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-element-container {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0 0 0 0.5rem;
    border-bottom: 1px solid var(--legacy-form-line-soft);
    border-radius: 4px;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-element-container:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-element {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0.375rem 0;
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px;
    overflow-wrap: anywhere;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-delete-button {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 6px;
    border-radius: 4px;
    filter: none;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-delete-button :is(svg, g, path) {
    fill: var(--legacy-form-muted);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-delete-button:hover {
    background-color: var(--legacy-form-alert-danger-bg);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-delete-button:hover :is(svg, g, path) {
    fill: var(--legacy-form-danger);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.account-number-add-new, .add-new-dependency-button),
:root[data-theme] body .add-new-product-popup .add-new-dependency-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    height: auto;
    margin: 2px 0;
    padding: 0.375rem 0.5rem;
    border: none;
    border-radius: 4px;
    background: none;
    color: var(--legacy-form-muted) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    cursor: pointer;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .account-number-add-new[style*="display: none"] {
    display: none !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.account-number-add-new, .add-new-dependency-button):hover,
:root[data-theme] body .add-new-product-popup .add-new-dependency-button:hover {
    background-color: var(--legacy-form-line-soft);
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.account-number-add-new, .add-new-dependency-button) > span {
    padding-left: 0 !important;
    vertical-align: middle !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.account-number-add-new, .add-new-dependency-button, .dependency-row) .add-image,
:root[data-theme] body .add-new-product-popup .dependency-row .add-image {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    vertical-align: middle;
    filter: grayscale(1) brightness(2.4);
}

:root[data-theme="light"] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup) :is(.account-number-add-new, .add-new-dependency-button, .dependency-row) .add-image,
:root[data-theme="light"] body .add-new-product-popup .dependency-row .add-image {
    filter: grayscale(1);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .add-account-number-input {
    box-sizing: border-box;
    width: calc(100% - 8px);
    height: 34px;
    margin: 2px 4px !important;
    padding: 0 0.65rem;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.jobs-container, .account-url-container),
:root[data-theme] body .add-new-product-popup :is(.bundle-items-container, .dependency-container) {
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    max-height: 280px;
    padding: 0.25rem 0.5rem;
    overflow: auto;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg);
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.jobs-container, .account-url-container) .dependency-name,
:root[data-theme] body .add-new-product-popup :is(.bundle-items-container, .dependency-container) :is(.dependency-name, .dependency-multiplier) {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
    color: var(--legacy-form-muted) !important;
    font-size: 12px;
    font-weight: 600;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.jobs-container, .account-url-container) :is(.dependency-name-value, .dependency-multiplier),
:root[data-theme] body .add-new-product-popup :is(.bundle-items-container, .dependency-container) .dependency-name-value {
    color: var(--legacy-form-pop-fg) !important;
    font-size: 14px;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.jobs-container, .account-url-container) .dependency-row,
:root[data-theme] body .add-new-product-popup :is(.bundle-items-container, .dependency-container) .dependency-row {
    min-height: 0;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.jobs-container, .account-url-container) hr,
:root[data-theme] body .add-new-product-popup :is(.bundle-items-container, .dependency-container) hr {
    margin: 0;
    border: none;
    border-top: 1px solid var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-list-wrapper {
    width: 100%;
    margin: 0;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-list {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    max-height: min(40vh, 320px);
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--legacy-form-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-element-div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    border-bottom: 1px solid var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-element-div:has(> .scan-filter-input) {
    position: sticky;
    top: 0;
    z-index: 1;
    order: -1;
    padding: 0.5rem;
    border-bottom-color: var(--legacy-form-border);
    background-color: var(--legacy-form-pop-bg);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-element-div:last-child:not(:has(> .scan-filter-input)) {
    border-bottom: none;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-input {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 0.75rem;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    outline: none;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    transition: border-color 0.15s ease-in-out;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-input:is(:hover, :focus) {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-input::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-item {
    margin: 0;
    padding: 0.375rem 0;
    color: var(--legacy-form-muted) !important;
    font-size: 13px;
    font-weight: 600;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-item .add-image {
    width: 16px;
    height: 16px;
    margin: 0 0.5rem 0 0;
    vertical-align: middle;
    filter: grayscale(1) brightness(2.4);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container) {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--legacy-form-border);
    border-radius: 4px;
    background-color: var(--legacy-form-pop-bg);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .scan-filter-trash[style*="inline-block"] {
    display: inline-flex !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-icon-container {
    display: inline-flex;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container) svg {
    width: 14px;
    height: 14px;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container) :is(svg, path) {
    fill: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container):hover {
    border-color: var(--legacy-form-muted);
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-icon-container:hover :is(svg, path) {
    fill: var(--legacy-form-title) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container:last-child):hover {
    border-color: var(--legacy-form-tab-active-bg);
    background-color: var(--legacy-form-alert-danger-bg);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) :is(.scan-filter-trash, .inventory-products-icon-container:last-child):hover :is(svg, path) {
    fill: var(--legacy-form-danger) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> div > .inventory-search-input) {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> div > .inventory-search-input) > div {
    position: relative;
    flex: 1 1 auto;
    width: auto !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> div > .inventory-search-input) > .form-button {
    flex-shrink: 0;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-search-input {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 0 0.75rem 0 2.25rem;
    border: 1px solid var(--legacy-form-pop-border) !important;
    border-radius: 4px;
    outline: none;
    background-color: var(--legacy-form-surface);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: text;
    transition: border-color 0.15s ease-in-out;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-search-input:is(:hover, :focus) {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-search-input::placeholder {
    color: var(--legacy-form-muted);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div > div > .search-icon:has(+ .inventory-search-input) {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    width: 14px;
    height: 14px;
    margin: 0;
    transform: translateY(-50%);
    opacity: 1 !important;
    fill: var(--legacy-form-muted);
    pointer-events: none;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) > div:has(> .inventory-products-container) {
    width: 100%;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-container {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    max-height: min(45vh, 360px);
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--legacy-form-border);
    border-radius: 4px;
    background-color: var(--legacy-form-surface);
    scrollbar-color: var(--legacy-form-pop-border) transparent;
    scrollbar-width: thin;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-elements-container:not([style*="display: none"]) {
    display: flex !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-elements-container {
    align-items: center;
    gap: 0.375rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    padding: 0.375rem 0.5rem 0.375rem 0.75rem;
    border-bottom: 1px solid var(--legacy-form-border);
    transition: background-color 0.15s;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-elements-container:last-child {
    border-bottom: none;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-elements-container:hover {
    background-color: var(--legacy-form-line-soft);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup):not([id$="ViewContainer"]) .inventory-products-label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .modal) .dropzone {
    box-sizing: border-box;
    width: 100%;
    min-height: 120px;
    margin: 0 !important;
    padding: 1.25rem 1rem;
    border: 1px dashed var(--legacy-form-pop-border) !important;
    border-radius: 8px;
    background: var(--legacy-form-surface) !important;
    color: var(--legacy-form-muted);
    font-family: 'Nunito', sans-serif;
    font-size: 13.5px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .modal) .dropzone:hover {
    border-color: var(--legacy-form-muted) !important;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .modal) .dropzone .dz-message {
    margin: 0;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .modal) .dropzone .excel-icon {
    width: 40px;
    height: 40px;
    fill: var(--legacy-form-muted);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .modal) .dropzone .dropzone-text {
    margin: 0.5rem 0 0;
    color: var(--legacy-form-muted) !important;
    font-size: 13.5px;
    font-weight: 500;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-dialog {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: min(500px, calc(100vw - 32px));
    min-height: calc(100% - 3.5rem);
    margin: 1.75rem auto;
    background: transparent !important;
    font-family: 'Nunito', sans-serif;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-content {
    padding: 0;
    border: none;
    border-radius: 8px;
    background: var(--legacy-form-pop-bg) !important;
    box-shadow: var(--legacy-form-pop-shadow);
    color: var(--legacy-form-pop-fg);
    text-align: left;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) :is(.modal-header, .modal-footer) {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border-color: var(--legacy-form-border);
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-header {
    justify-content: space-between !important;
    padding: 10px 16px;
    border-bottom: 1px solid var(--legacy-form-border);
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer {
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid var(--legacy-form-border);
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer > * {
    margin: 0;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-body {
    padding: 16px;
    color: var(--legacy-form-pop-fg);
    font-size: 14px;
    text-align: left;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-body :is(p, .text-center) {
    margin: 0;
    text-align: left !important;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-title {
    margin: 0;
    color: var(--legacy-form-title);
    font-family: 'Nunito', sans-serif;
    font-size: 1.125rem;
    text-align: left;
    font-weight: 600;
    line-height: 36px;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-header .close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 0 0 auto;
    padding: 0;
    border-radius: 6px;
    color: var(--legacy-form-muted);
    font-size: 22px;
    font-weight: 400;
    text-shadow: none;
    opacity: 1;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-header .close:hover {
    background-color: var(--legacy-form-line-soft);
    color: var(--legacy-form-title);
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    height: 38px;
    padding: 0 1rem;
    border: 1px solid var(--legacy-form-pop-border);
    border-radius: 4px;
    background: var(--legacy-form-pop-bg);
    color: var(--legacy-form-pop-fg) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    box-shadow: none;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn:hover {
    border-color: var(--legacy-form-muted);
    background-image: linear-gradient(var(--legacy-form-line-soft), var(--legacy-form-line-soft));
    color: var(--legacy-form-title) !important;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn:is(.btn-primary, .btn-outline-danger) {
    border-color: var(--legacy-form-tab-active-border);
    background: var(--legacy-form-tab-active-bg);
    color: #fff !important;
    font-weight: 600;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn:is(.btn-primary, .btn-outline-danger):hover {
    background: var(--legacy-form-tab-active-border);
    color: #fff !important;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn.btn-primary[id*="Delete"] {
    border-color: var(--legacy-form-tab-active-bg);
    background: var(--legacy-form-pop-bg);
    color: var(--legacy-form-danger) !important;
}

:root[data-theme] body:has(.wizard-grid-page) .modal:not(.ui-modal) .modal-footer .btn.btn-primary[id*="Delete"]:hover {
    background: var(--legacy-form-pop-bg);
    background-image: linear-gradient(var(--legacy-form-alert-danger-bg), var(--legacy-form-alert-danger-bg));
    color: var(--legacy-form-danger) !important;
}

@media (max-width: 640px) {
    :root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container:not([style*="display: none"]):not([style*="display:none"]) {
        grid-template-columns: minmax(0, 1fr);
    }

    :root[data-theme] body :is(.confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .my-reports-menu, .popup-container, .one-time-product-popup, .portal-quotes-popup, .item-filter-popup, .create-new-proposal-container, .add-new-product-popup, .add-new-account-popup) .form-element-container > :not(.form-caption) {
        grid-column: 1;
    }

    :root[data-theme] body .create-new-proposal-container > .proposal-name-caption {
        flex-basis: 100%;
        margin-bottom: 0.375rem !important;
    }
}

#menuContainer.portal-reports-modals .portal-reports-header-icon,
.wizard-grid-page .portal-reports-header-icon,
.portal-reports-header-icon.wizard-grid-popup-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--portal-modal-title, var(--wizard-grid-title));
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.portal-reports-header-icon:hover {
    background-color: rgba(127, 127, 127, 0.2) !important;
}

.portal-reports-header-icon[hidden] {
    display: none !important;
}

#menuContainer.portal-reports-modals .portal-reports-header-glyph,
.wizard-grid-page .portal-reports-header-glyph,
.wizard-grid-popup-close .portal-reports-header-glyph {
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 1.35rem;
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
}

.portal-reports-header-icon.wizard-grid-popup-close {
    position: absolute;
    top: 0.625rem;
    right: 1rem;
    z-index: 1;
}

:is(.modal-header, .docai-popup-header):has(> .wizard-grid-popup-close) {
    position: relative;
    box-sizing: border-box;
    min-height: 3.5rem;
    padding-right: 3.75rem;
}

:is(.modal-header, .docai-popup-header) > .wizard-grid-popup-close {
    top: 50%;
    transform: translateY(-50%);
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .confirmation-popup, .confirmation-popup-small, .duplicate-items-popup, .bulk-delete-popup, .popup-container, .portal-quotes-popup, .item-filter-popup, .add-new-account-popup, .my-reports-menu, .report-menu) > .wizard-grid-popup-close {
    --legacy-popup-title-height: 57px;
    position: sticky;
    top: calc((var(--legacy-popup-title-height) - 2.25rem) / 2);
    right: auto;
    z-index: 21;
    flex: 0 0 auto !important;
    order: -1;
    float: right;
    margin: 0 -0.5rem -2.25rem auto;
}

:root[data-theme] body :is(.add-update-form-popup, .add-form-popup, .bulk-form-popup, .report-menu) > .wizard-grid-popup-close {
    --legacy-popup-title-height: calc(2rem + 1.25rem + 1px);
}