/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/backend/css/addons/games2_theme_vendor_admin/styles.css
*/


body.vendor-area {
    --bg: #070b14;
    --bg2: #0a1020;
    --panel: rgba(18, 27, 45, .82);
    --panel2: rgba(23, 34, 56, .76);
    --soft: rgba(255, 255, 255, .045);
    --soft2: rgba(255, 255, 255, .065);
    --text: #f5f7fb;
    --muted: #9da9bd;
    --muted2: #718096;
    --line: rgba(255, 255, 255, .085);
    --line2: rgba(126, 145, 255, .30);
    --accent: #7667ff;
    --accent2: #4e8fff;
    --green: #3ad48a;
    --amber: #f0c66a;
    --red: #ff737a;
    --cyan: #59b7ff;
    --shadow: 0 18px 48px rgba(0, 0, 0, .23);
    --inner: inset 0 1px 0 rgba(255, 255, 255, .06);

    --games2-primary-bg:
        linear-gradient(
            135deg,
            rgba(125, 92, 255, .92),
            rgba(64, 124, 255, .88)
        );
    --games2-primary-bg-soft:
        linear-gradient(
            135deg,
            rgba(125, 92, 255, .9),
            rgba(64, 124, 255, .85)
        );
    --games2-primary-bg-hover:
        linear-gradient(
            135deg,
            rgba(140, 110, 255, .96),
            rgba(80, 140, 255, .92)
        );
    --games2-primary-shadow:
        0 8px 20px rgba(83, 99, 255, .18),
        var(--inner);

    
    --main-menu-width: 260px;

    margin: 0;
    min-width: 320px;
    color: var(--text);
    background:
        radial-gradient(circle at 25% 3%, rgba(55, 119, 255, .19), transparent 31rem),
        radial-gradient(circle at 82% 9%, rgba(128, 75, 255, .18), transparent 30rem),
        linear-gradient(180deg, #070b14 0%, #080d18 46%, #070b14 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.vendor-area .btn.btn-primary {
    background: var(--games2-primary-button-bg, var(--games2-primary-bg));
    border-color: transparent;
    color: #fff;
    box-shadow: var(--games2-primary-button-shadow, none);
}

body.vendor-area .btn.btn-primary:not(.disabled):not(:disabled):hover,
body.vendor-area .btn.btn-primary:not(.disabled):not(:disabled):focus {
    background: var(--games2-primary-bg-hover);
    color: #fff;
}

body.vendor-area #adv_search_save,
body.vendor-area .btn.btn-primary,
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-primary,
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-primary.btn-mini,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit-inner__btn.btn-primary,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit-inner__btn.btn-primary {
    --games2-primary-button-bg: var(--games2-primary-bg-soft);
}

body.vendor-area .nav__actions-btn-primary,
body.vendor-area .advanced-search-field__search,
body.vendor-area .cm-search-filters-save-view,
body.vendor-area .btn.btn-primary {
    --games2-primary-button-shadow: var(--games2-primary-shadow);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 18px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__button.btn-primary,
body.vendor-area:has(#dashboard_content) #dashboard_content #analytics_card_vendor_current_balance form[name="refill_balance"] .btn.btn-primary {
    border: 0;
}

body.vendor-area .btn.btn-primary.hidden {
    display: none;
}

body.vendor-area::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .48), transparent 74%);
}

body.vendor-area textarea {
    resize: none;
}

body.vendor-area a,
body.vendor-area a:focus,
body.vendor-area a:focus-visible,
body.vendor-area button:focus,
body.vendor-area button:focus-visible,
body.vendor-area input:focus,
body.vendor-area input:focus-visible,
body.vendor-area select:focus,
body.vendor-area select:focus-visible,
body.vendor-area textarea:focus,
body.vendor-area textarea:focus-visible,
body.vendor-area .btn:focus,
body.vendor-area .btn:focus-visible,
body.vendor-area [tabindex]:focus,
body.vendor-area [tabindex]:focus-visible,
body.vendor-area .select2-selection:focus,
body.vendor-area .select2-selection:focus-visible,
body.vendor-area .select2-container--focus .select2-selection {
    outline: none;
}

body.vendor-area a {
    color: var(--accent);
}

body.vendor-area {
    --top-bar-height: 72px;
}

body.vendor-area .top-bar {
    position: fixed;
}

body.vendor-area .top-bar__inner {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: var(--top-bar-height);
    height: var(--top-bar-height);
    padding: 0 28px;
    border-bottom: 1px solid var(--line);
    background: rgba(6, 10, 19, .72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: none;
}

body.vendor-area .top-bar__left,
body.vendor-area .top-bar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    height: auto;
    min-height: 0;
}

body.vendor-area .top-bar__left {
    flex: 0 0 auto;
}

body.vendor-area .top-bar__right {
    margin-left: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
}

body.vendor-area .top-bar__btn-wrapper {
    height: auto;
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    box-shadow: var(--inner);
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden .logo-menu__btn-inner {
    width: auto;
    max-width: 180px;
    height: 100%;
    min-height: 0;
    min-width: 0;
    justify-content: center;
    border-radius: 0;
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden .logo-menu__logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 28px;
    object-fit: contain;
    object-position: center;
}

body.vendor-area .top-bar__search {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 660px;
}

body.vendor-area .top-bar__search .search.nav__search,
body.vendor-area .top-bar__search .search__form,
body.vendor-area .top-bar__search .search__group {
    width: 100%;
    margin: 0;
}

body.vendor-area .top-bar__search .search.nav__search {
    margin-right: 0;
}

body.vendor-area .top-bar__search .search__group {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
}

body.vendor-area .top-bar__search .search__input,
body.vendor-area .top-bar__search input[type="text"].search__input {
    width: 100%;
    min-height: 43px;
    height: 43px;
    margin: 0;
    padding: 0 44px 0 16px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 13px;
    background: rgba(18, 27, 45, .72);
    color: var(--text);
    box-shadow: var(--inner);
    font-size: 13px;
    line-height: 43px;
    box-sizing: border-box;
}

body.vendor-area .top-bar__search .search__input:focus {
    border-color: rgba(126, 145, 255, .5);
    outline: none;
    box-shadow:
        0 0 0 4px rgba(118, 103, 255, .10),
        var(--inner);
}

body.vendor-area .top-bar__search .search__button {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #b8c2d2;
    box-shadow: none;
}

body.vendor-area .top-bar__search .search__button::before {
    width: 18px;
    height: 18px;
    pointer-events: none;
}

body.vendor-area .top-bar__search .search__button:hover,
body.vendor-area .top-bar__search .search__button:focus,
body.vendor-area .top-bar__search .search__input:focus + .search__button.search__button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #b8c2d2;
    box-shadow: none;
}

body.vendor-area :is(
    .mobile-menu-toggler,
    .notifications-center__opener-btn,
    .nav__user-menu-link
) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #d7deea;
    box-shadow: var(--inner);
    line-height: 1;
}

body.vendor-area :is(
    .mobile-menu-toggler,
    .notifications-center__opener-btn,
    .nav__user-menu-link
):hover,
body.vendor-area :is(
    .mobile-menu-toggler,
    .notifications-center__opener-btn,
    .nav__user-menu-link
):focus {
    background: rgba(255, 255, 255, .06);
    border-color: var(--line);
    color: #fff;
}

body.vendor-area :is(
    .mobile-menu-toggler,
    .notifications-center__opener-btn,
    .nav__user-menu-link
):focus-visible {
    border-color: var(--line2);
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .18),
        var(--inner);
}

body.vendor-area :is(
    .notifications-center__opener-btn,
    .nav__user-menu-link
) .top-bar__btn-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

body.vendor-area :is(
    .notifications-center__opener-btn,
    .nav__user-menu-link
):hover .top-bar__btn-inner,
body.vendor-area :is(
    .notifications-center__opener-btn,
    .nav__user-menu-link
):focus .top-bar__btn-inner {
    background: transparent;
}

body.vendor-area .mobile-menu-toggler .cs-icon,
body.vendor-area .mobile-menu-toggler .cs-icon__svg,
body.vendor-area .notifications-center__opener-btn .cs-icon,
body.vendor-area .notifications-center__opener-btn .cs-icon__svg {
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #d7deea;
}

body.vendor-area .notifications-center__opener-btn-inner > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.vendor-area .notifications-center__opener-btn .cs-notifications-center__counter::after {
    top: -5px;
    right: -7px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

body.vendor-area .nav__profile-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    background:
        linear-gradient(135deg, #7667ff, #4e8fff 68%, #9b65ff);
}

body.vendor-area .notifications-center__opener-wrapper.open .notifications-center__opener-btn,
body.vendor-area .nav__user-menu.open .nav__user-menu-link {
    background: rgba(118, 103, 255, .12);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area .notifications-center__opener-wrapper.open .notifications-center__opener-btn-inner {
    background: transparent;
}

body.vendor-area .nav__user-menu-dropdown {
    min-width: 220px;
    margin-top: 8px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area .nav__user-menu-dropdown > li.disabled > a,
body.vendor-area .nav__user-menu-dropdown > li.disabled > a:hover,
body.vendor-area .nav__user-menu-dropdown > li.disabled > a:focus {
    color: var(--muted);
    background: transparent;
    cursor: default;
}

body.vendor-area .nav__user-menu-dropdown > li.disabled > a strong {
    color: var(--muted);
}

body.vendor-area .nav__user-menu-dropdown > li.divider {
    margin: 6px 0;
    background-color: var(--line);
    border-color: var(--line);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu > a.dropdown-submenu__link,
body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list-button,
    .curriencies-button,
    .theme-mode-button
) {
    color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu > a:after {
    border-left-color: var(--muted);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:hover > a:after,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu.open > a:after,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:focus > a:after {
    border-left-color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu.open > a,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:hover > a,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:focus > a {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
    color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li > a {
    color: var(--text);
    background: transparent;
}

body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li > a:hover,
body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li > a:focus {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li.active > a,
body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li.active > a:hover,
body.vendor-area .nav__user-menu-dropdown :is(
    .languages-select-list,
    .currencies-select-list,
    .theme-mode-select-list
) > li.active > a:focus {
    background: rgba(118, 103, 255, .10);
    color: #fff;
}

body.vendor-area .notifications-center__root.dropdown-menu {
    margin-top: 8px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    color: var(--text);
    overflow: hidden;
}

body.vendor-area .notifications-center__root .cc-dropdown__title-wrapper {
    border-bottom: 1px solid var(--line);
    border-radius: 12px 12px 0 0;
    background: rgba(18, 27, 45, .92);
    color: var(--text);
}

body.vendor-area .notifications-center__root .cc-dropdown__title {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .notifications-center__root .cc-read-all-button {
    color: var(--accent2);
    text-decoration: none;
}

body.vendor-area .notifications-center__root .cc-read-all-button:hover,
body.vendor-area .notifications-center__root .cc-read-all-button:focus {
    color: #9ec0ff;
    background: transparent;
    text-decoration: none;
}

body.vendor-area .notifications-center__root .cc-tabs-box {
    margin: 0;
    padding: 12px 15px;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    background: rgba(14, 22, 38, .98);
}

body.vendor-area .notifications-center__root .cc-tabs-button {
    padding: 0;
    color: inherit;
}

body.vendor-area .notifications-center__root .cc-tabs-button--inner {
    padding: 7px 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: var(--muted);
    text-align: center;
}

body.vendor-area .notifications-center__root .cc-tabs-button:hover .cc-tabs-button--inner,
body.vendor-area .notifications-center__root .cc-tabs-button:focus .cc-tabs-button--inner {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area .notifications-center__root .cc-tabs-button--inner--active,
body.vendor-area .notifications-center__root .cc-tabs-button--inner--active:hover,
body.vendor-area .notifications-center__root .cc-tabs-button--inner--active:focus {
    background: rgba(78, 143, 255, .20);
    border-color: rgba(126, 145, 255, .30);
    color: #fff;
}

body.vendor-area .notifications-center__root .cc-tabs-button-after {
    color: var(--accent2);
}

body.vendor-area .notifications-center__root .cc-tabs-button--inner--active .cc-tabs-button-after {
    color: rgba(255, 255, 255, .8);
}

body.vendor-area .notifications-center__root .cc-notifications {
    border-radius: 0 0 12px 12px;
    background:
        linear-gradient(
            180deg,
            rgba(18, 27, 45, .98),
            rgba(10, 16, 32, .98)
        );
    color: var(--text);
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar {
    width: 10px;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-track {
    background: transparent;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .14);
    border: 2px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .22);
    background-clip: padding-box;
}

body.vendor-area .notifications-center__root .cc-notification {
    padding: 15px;
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area .notifications-center__root .cc-notification:last-child {
    border-bottom: 0;
}

body.vendor-area .notifications-center__root .cc-notification:hover {
    background: rgba(118, 103, 255, .06);
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read) {
    background: rgba(78, 143, 255, .055);
}

body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read):hover {
    background: rgba(118, 103, 255, .06);
}

body.vendor-area .notifications-center__root .cc-notification--read {
    background: transparent;
}

body.vendor-area .notifications-center__root .cc-notification--pinned {
    background: rgba(78, 143, 255, .055);
}

body.vendor-area .notifications-center__root .cc-notification-title {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area .notifications-center__root .cc-notification > div :is(.cc-collapse--enable, .cc-collapse--disable) {
    color: var(--muted);
    line-height: 1.5;
}

body.vendor-area .notifications-center__root .cc-datetime {
    color: var(--muted2);
    font-size: 11px;
}

body.vendor-area .notifications-center__root .cc-delete {
    color: var(--muted2);
}

body.vendor-area .notifications-center__root .cc-delete:hover {
    color: var(--text);
    opacity: 1;
}

body.vendor-area .notifications-center__root .cc-enable-collapse {
    color: var(--accent2) !important;
}

body.vendor-area .notifications-center__root .cc-enable-collapse:hover,
body.vendor-area .notifications-center__root .cc-enable-collapse:focus {
    color: #9ec0ff !important;
}

body.vendor-area .notifications-center__root .cc-notification a {
    color: var(--accent2);
}

body.vendor-area .notifications-center__root .cc-notification a:hover,
body.vendor-area .notifications-center__root .cc-notification a:focus {
    color: #9ec0ff;
}

body.vendor-area .notifications-center__root .cc-notification .cc-collapse--enable:after,
body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read) .cc-collapse--enable:after {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 40%,
        rgba(10, 16, 32, .98) 83%,
        rgba(10, 16, 32, .98) 100%
    );
}

body.vendor-area .notifications-center__root .cc-all-read {
    padding: 10px;
    min-height: 92px;
    background: transparent;
}

body.vendor-area .notifications-center__root .cc-all-read--inner {
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: var(--muted);
    font-size: 12px;
}

@media (min-width: 768px) and (max-width: 980px) {
    body.vendor-area .top-bar__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    body.vendor-area .top-bar__inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        min-height: 68px;
        height: auto;
        padding: 10px 12px;
    }

    body.vendor-area .top-bar__search {
        order: 3;
        flex: 1 0 100%;
        max-width: none;
        width: 100%;
    }
}

body.vendor-area .cs-main-menu {
    border-right: 1px solid var(--line);
    background-color: rgba(7, 11, 20, .78);
    background-image: none;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.vendor-area .cs-main-menu__inner {
    padding-top: 10px;
    padding-bottom: 8px;
}

body.vendor-area .cs-main-menu__secondary {
    background: rgba(7, 11, 20, .92);
    border-top: 1px solid var(--line);
}

body.vendor-area .cs-main-menu__outer {
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
}

body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-track,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar-track {
    background: transparent;
}
body.vendor-area .cs-main-menu__outer::-webkit-scrollbar-track {
    box-shadow: none;
    border-color: transparent;
    background-color: transparent;
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar-track {
    background: rgba(7, 11, 20, .72);
}

body.vendor-area .cs-main-menu__outer:hover::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .03);
}

body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
    border-radius: 8px;
}
body.vendor-area .cs-main-menu__outer::-webkit-scrollbar-thumb {
    box-shadow: none;
    background-color: transparent;
}

body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .12);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
    border-radius: 8px;
}
body.vendor-area .cs-main-menu__outer:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .18);
}
body.vendor-area .ui-dialog-content::-webkit-scrollbar-thumb:hover,
body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .22);
    background-clip: padding-box;
}

body.vendor-area .cs-main-menu__header-mobile {
    margin-bottom: 8px;
}

body.vendor-area .cs-main-menu__header-mobile .mobile-menu-closer-btn {
    background: var(--soft);
    border: 1px solid var(--line);
    color: var(--text);
}

body.vendor-area .main-menu-1__item {
    margin: 0 0 7px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.vendor-area .main-menu-1__item:last-child {
    margin-bottom: 0;
}

body.vendor-area .main-menu-1__accordion-heading,
body.vendor-area .main-menu-1__link-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

body.vendor-area .main-menu-1__accordion-heading {
    display: flex;
    align-items: center;
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 0 4px;
    background: transparent;
    color: #c6cfdd;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, color .17s ease;
}

body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link {
    --cs-main-menu-link-padding-left: 11px;
    --cs-main-menu-link-padding-right: 11px;
    --cs-main-menu-link-gap: 9px;

    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 14px;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    color: #c6cfdd;
    font-size: 13px;
    font-weight: 900;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, color .17s ease;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link.main-menu-1__link {
    --cs-main-menu-link-gap: 9px;

    min-height: 44px;
    border: 0;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font-size: 13px;
    font-weight: 900;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link--icon.main-menu-1__link--icon {
    --cs-main-menu-link-padding-left: 7px;
    --cs-main-menu-link-padding-right: 4px;
    width: auto;
    min-width: auto;
    flex: 0 0 auto;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link--with-icon.main-menu-1__link--with-icon {
    --cs-main-menu-link-padding-left: 4px;
    --cs-main-menu-link-padding-right: 11px;
    flex: 1 1 auto;
    min-width: 0;
}

body.vendor-area .main-menu-1__accordion-heading > .accordion-toggle.main-menu-1__link:not(.main-menu-1__link--with-icon):has(> .main-menu-1__link-icon):has(> .main-menu-1__link-content) {
    --cs-main-menu-link-padding-left: 7px;
    --cs-main-menu-link-padding-right: 11px;
    --cs-main-menu-link-gap: 9px;

    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

body.vendor-area .main-menu-1__accordion-heading:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link:focus {
    background: rgba(255, 255, 255, .04);
    border-color: var(--line);
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__link,
body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__link-content {
    color: var(--text);
    background: transparent;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active),
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__link-content--active),
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link:focus,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active):hover {
    color: #fff;
    border-color: transparent;
    background:
        linear-gradient(
            135deg,
            rgba(125, 92, 255, .87),
            rgba(64, 124, 255, .80)
        );
    box-shadow:
        0 10px 24px rgba(83, 99, 255, .17),
        var(--inner);
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link-content,
body.vendor-area .main-menu-1__link--active,
body.vendor-area .main-menu-1__link--active .main-menu-1__link-content,
body.vendor-area .main-menu-1__toggle--active,
body.vendor-area .main-menu-1__link-content--active {
    color: #fff;
    background: transparent;
    box-shadow: none;
}

body.vendor-area .main-menu-1__link--active:not(:hover),
body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link {
    box-shadow: none;
}

body.vendor-area .main-menu-1__link-content {
    color: inherit;
    font-weight: inherit;
}

body.vendor-area .main-menu-1__link-icon {
    flex: 0 0 auto;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: var(--inner);
}

body.vendor-area .main-menu-1__icon,
body.vendor-area .main-menu-1__icon.cs-icon {
    width: 17px;
    height: 17px;
    opacity: 1;
    color: #c6cfdd;
}

body.vendor-area .main-menu-1__icon .cs-icon__svg,
body.vendor-area .main-menu-1__icon.cs-icon .cs-icon__svg {
    width: 17px;
    height: 17px;
}

body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__icon,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link:hover .main-menu-1__icon,
body.vendor-area .main-menu-1__icon--active,
body.vendor-area .main-menu-1__link--active .main-menu-1__icon,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__icon {
    opacity: 1;
    color: #fff;
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link-icon,
body.vendor-area .main-menu-1__link--active .main-menu-1__link-icon {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .14);
}

body.vendor-area .main-menu-1__accordion-body {
    background: transparent;
}

body.vendor-area .main-menu-1__accordion-inner {
    padding: 4px 0 2px;
}

body.vendor-area .main-menu-1__item.accordion-group:has(> .main-menu-1__accordion-body.in) > .main-menu-1__accordion-heading:not(:has(.main-menu-1__toggle--active)):not(:has(.main-menu-1__link-content--active)) {
    border-color: var(--line);
    background: rgba(255, 255, 255, .03);
}

body.vendor-area .main-menu-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.vendor-area .main-menu-2__item {
    margin: 0 0 2px;
    padding: 0;
}

body.vendor-area .main-menu-2__link-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

body.vendor-area .main-menu-2__link.main-menu-2__link {
    --cs-main-menu-2-link-padding-left: 42px;

    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body.vendor-area .main-menu-2__link:hover,
body.vendor-area .main-menu-2__link:focus {
    background: var(--soft);
    border-color: var(--line);
    color: var(--text);
    text-decoration: none;
    opacity: 1;
}

body.vendor-area .main-menu-2__link--active,
body.vendor-area .main-menu-2__link--active:hover,
body.vendor-area .main-menu-2__link--active:focus,
body.vendor-area .main-menu-2__link--active:not(:hover) {
    background: rgba(118, 103, 255, .22);
    border-color: var(--line2);
    color: #fff;
    box-shadow: none;
    opacity: 1;
}

body.vendor-area .main-menu-2__link-content,
body.vendor-area .main-menu-2__link-content--active {
    color: inherit;
    font-weight: inherit;
}

body.vendor-area .main-menu-2__link:not(.main-menu-2__link--active):not(:hover) {
    opacity: 1;
}

body.vendor-area .main-menu-3__link.main-menu-3__link {
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted2);
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
}

body.vendor-area .main-menu-3__link:hover,
body.vendor-area .main-menu-3__link:focus {
    background: var(--soft);
    color: var(--text);
}

body.vendor-area .main-menu-3__link--active {
    background: rgba(118, 103, 255, .16);
    border-color: var(--line2);
    color: #fff;
    box-shadow: none;
}

body.vendor-area .main-menu-1__link.main-menu-1__link:focus,
body.vendor-area .main-menu-1__link.main-menu-1__link:focus-visible,
body.vendor-area .main-menu-2__link.main-menu-2__link:focus,
body.vendor-area .main-menu-2__link.main-menu-2__link:focus-visible,
body.vendor-area .main-menu-3__link.main-menu-3__link:focus,
body.vendor-area .main-menu-3__link.main-menu-3__link:focus-visible {
    outline: none;
    box-shadow: none;
}

body.vendor-area .main-menu-1__divider,
body.vendor-area .main-menu-2__divider {
    background-color: var(--line);
    margin-left: 20px;
    margin-right: 16px;
}

body.vendor-area .main-menu-1__link--title-divider,
body.vendor-area .main-menu-2__link--title-divider {
    color: var(--muted2);
}

body.vendor-area .main-menu-1__link--quick-link {
    color: var(--muted);
    font-weight: 600;
}

@media (max-width: 767px) {
    body.vendor-area .cs-main-menu {
        background-color: rgba(7, 11, 20, .96);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border-right: 1px solid var(--line);
        box-shadow: 24px 0 60px rgba(0, 0, 0, .45);
    }

    body.vendor-area .cs-main-menu.open + .cs-main-menu__backdrop {
        background: rgba(0, 0, 0, .55);
    }
}

body.vendor-area .sidebar {
    flex: 0 0 270px;
    max-width: 270px;
    color: var(--text);
}

body.vendor-area .sidebar label {
    flex: 1 0 100%;
}

body.vendor-area .sidebar .sidebar-row:first-child {
    margin-top: 0;
}

body.vendor-area .sidebar .sidebar-row:not(:first-child) {
    margin-top: 16px;
}

body.vendor-area .sidebar h6 {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field .select2 {
    margin-bottom: 0;
}

body.vendor-area .sidebar .sidebar-field:last-of-type {
    margin-bottom: 0;
}

body.vendor-area .sidebar input[type="text"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar input[type="search"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar input[type="number"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar select:not(.select2-hidden-accessible):not(.input-small),
body.vendor-area .sidebar textarea,
body.vendor-area .sidebar .cm-picker-value,
body.vendor-area .sidebar .cm-picker-value-description,
body.vendor-area .sidebar .choose-input input {
    width: 100%;
    max-width: 270px;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field.advanced-search-field {
    margin-top: 14px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

@media (max-width: 767px) {
    body.vendor-area .sidebar .sidebar-row {
        padding: 14px;
        border-radius: 14px;
    }
}

body.vendor-area .sidebar .btn {
    border-radius: 10px;
}

body.vendor-area .admin-content-wrapper-outer {
    color: var(--text);
}

body.vendor-area .admin-content-wrapper {
    gap: 18px;
}

body.vendor-area .content.page-content .content-wrap {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 8px 24px;
}

body.vendor-area:has(.pc-vendor-api-docs) .content.page-content.no-sidebar .content-wrap {
    overflow-x: clip;
}

body.vendor-area .admin-content-heading {
    margin-bottom: 18px;
    padding-top: 4px;
}

body.vendor-area .admin-content-heading__title {
    color: var(--text);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

@media (min-width: 768px) {
    body.vendor-area .content.page-content .content-wrap,
    body.vendor-area .content.page-content.no-sidebar .content-wrap {
        padding: 4px 12px 28px;
    }

    body.vendor-area .admin-content-heading__title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    body.vendor-area .content.page-content .content-wrap,
    body.vendor-area .content.page-content.no-sidebar .content-wrap {
        padding: 4px 4px 20px;
    }

    body.vendor-area .admin-content-heading__title {
        font-size: 24px;
    }
}

body.vendor-area #actions_panel,
body.vendor-area .nav__actions {
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(20, 32, 54, .82), rgba(12, 20, 35, .88));
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area .nav__actions-bar .btn,
body.vendor-area .adv-buttons .btn {
    border-radius: 10px;
}

body.vendor-area .nav__actions-btn-save {
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
}

body.vendor-area .actions-menu__btn,
body.vendor-area:has(#content_manage_products) .nav__actions-btn-save {
    background: var(--games2-primary-bg-soft);
    border-color: transparent;
    color: #fff;
}

body.vendor-area .nav__actions-bar .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
}

body.vendor-area .content__top-navigation-secondary {
    gap: 10px;
    align-items: center;
}

body.vendor-area .content-variant-wrap--language,
body.vendor-area .language-wrap {
    color: var(--text);
}

body.vendor-area .content-variant-wrap--language .btn,
body.vendor-area .content-variant-wrap--language .dropdown-toggle,
body.vendor-area .language-wrap .dropdown-toggle {
    min-height: 34px;
    padding: 4px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area .content-variant-wrap--language .btn:hover,
body.vendor-area .content-variant-wrap--language .dropdown-toggle:hover,
body.vendor-area .language-wrap .dropdown-toggle:hover,
body.vendor-area .content-variant-wrap--language .btn-group.open > .dropdown-toggle,
body.vendor-area .language-wrap.open > .dropdown-toggle {
    background: var(--soft2);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .content-variant-wrap--language .dropdown-menu,
body.vendor-area .language-wrap .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
}

body.vendor-area .dropdown-menu > li > a {
    color: var(--text);
    font-size: 12px;
    padding: 8px 14px;
}

body.vendor-area .dropdown-menu > li > a:hover,
body.vendor-area .dropdown-menu > li > a:focus {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .dropdown-menu > .disabled > a,
body.vendor-area .dropdown-menu > .active > a {
    color: var(--muted);
    background: transparent;
}

body.vendor-area:has(:is(#pages_tree_form, #banners_form, #manage_vendor_blocks_form)) .cm-popup-box .dropdown-menu > li > a.status-link-a,
body.vendor-area .dropdown-menu > li > a:is(.status-link-c, .status-link-p),
body.vendor-area #content_manage_products .dropdown-menu > li > a.status-link-a {
    color: var(--green);
}

body.vendor-area .dropdown-menu > li > a.cm-confirm,
body.vendor-area:has(:is(#pages_tree_form, #banners_form, #manage_vendor_blocks_form)) .cm-popup-box .dropdown-menu > li > a.status-link-d,
body.vendor-area #content_manage_orders .dropdown-menu > li > a:is(.status-link-f, .status-link-d, .status-link-y, .status-link-e),
body.vendor-area .dropdown-menu > li > a.status-link-x {
    color: var(--red);
    text-shadow: none;
}

body.vendor-area:has(:is(#pages_tree_form, #banners_form, #manage_vendor_blocks_form)) .cm-popup-box .dropdown-menu > li > a.status-link-h,
body.vendor-area .dropdown-menu > li > a:is(.status-link-i, .status-link-n),
body.vendor-area #content_manage_products .dropdown-menu > li > a.status-link-d {
    color: var(--muted);
}

body.vendor-area .dropdown-menu > li > a.status-link-r,
body.vendor-area .dropdown-menu > li > a.status-link-o {
    color: var(--amber);
}

body.vendor-area #content_manage_orders .dropdown-menu > li > a:is(.status-link-b, .status-link-a),
body.vendor-area #content_manage_products .dropdown-menu > li > a.status-link-h {
    color: var(--cyan);
}

body.vendor-area form[name="products_m_addition_form"] .table-row .btn-group:has(> .btn-add, > .btn-clone, > .cm-delete-row, > .cm-opacity) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-add,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-clone,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-add,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-clone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-add:hover,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-add:focus,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-clone:hover,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn-clone:focus,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-add:hover,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-add:focus,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-clone:hover,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn-clone:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:hover,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:focus,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:hover,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:focus,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row:hover,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row:focus,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity:hover,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity:focus,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video:hover,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video:focus {
    background: rgba(255, 115, 122, .12);
    border-color: rgba(255, 115, 122, .35);
    color: var(--red);
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video .icon {
    filter: none;
    opacity: 1;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:hover .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:focus .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:hover .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:focus .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row:hover .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-delete-row:focus .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity:hover .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity:focus .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video:hover .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.js-delete-video:focus .icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(1400%) hue-rotate(314deg) brightness(101%) contrast(101%);
}

@media (max-width: 767px) {
    body.vendor-area form[name="products_m_addition_form"] .table-row .btn-group:has(> .btn-add, > .btn-clone, > .cm-delete-row, > .cm-opacity) {
        gap: 4px;
    }
}

body.vendor-area .ui-widget-overlay {
    background: rgba(0, 0, 0, .58);
}

body.vendor-area .ui-dialog,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog {
    --games2-ui-dialog-radius: 16px;
    --games2-ui-dialog-background: rgba(14, 22, 38, .98);
    --games2-ui-dialog-shadow: var(--shadow);
    --games2-ui-dialog-titlebar-background: rgba(20, 32, 54, .92);
    --games2-ui-dialog-titlebar-radius: 16px 16px 0 0;

    border: 1px solid var(--line);
    border-radius: var(--games2-ui-dialog-radius);
    background: var(--games2-ui-dialog-background);
    box-shadow: var(--games2-ui-dialog-shadow);
    color: var(--text);
}

body.vendor-area .ui-dialog:has(#server_file_browser),
body.vendor-area:has(form[data-ca-advanced-import-element="management_form"]) .ui-dialog:has([id^="import_preset_file_upload_"]),
body.vendor-area .ui-dialog:has(.advanced-import__modifier-description) {
    --games2-ui-dialog-radius: 14px;
    --games2-ui-dialog-background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .94),
            rgba(12, 20, 35, .96)
        );
    --games2-ui-dialog-shadow: var(--shadow);
    --games2-ui-dialog-titlebar-background: transparent;
    --games2-ui-dialog-titlebar-radius: 0;
}

body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])),
body.vendor-area:has(#content_manage_products) .ui-dialog:has(#adv_search) {
    --games2-ui-dialog-background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .96),
            rgba(12, 20, 35, .98)
        );
    --games2-ui-dialog-shadow: var(--shadow), var(--inner);
    --games2-ui-dialog-titlebar-background: rgba(18, 29, 49, .94);
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-title,
body.vendor-area .std42-dialog > .ui-dialog-titlebar .elfinder-dialog-title {
    color: var(--text);
    font-weight: 800;
    font-size: 18px;
}

body.vendor-area .ui-dialog > .ui-dialog-content {
    background: rgba(7, 11, 20, 1);
    color: var(--text);
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close,
body.vendor-area .std42-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 1;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    background: var(--soft);
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick,
body.vendor-area .ui-dialog-titlebar .ui-dialog-titlebar-close:focus .ui-icon-closethick {
    opacity: 1;
}

body.vendor-area .ui-dialog:has(#server_file_browser) > .ui-dialog-content,
body.vendor-area #server_file_browser,
body.vendor-area #server_file_browser.elfinder,
body.vendor-area #server_file_browser.ui-widget-content {
    border: 0;
    background: rgba(7, 11, 20, .55);
    color: var(--text);
    padding: 0;
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog .ui-widget-content {
    border-color: var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area #adv_search {
    color: var(--text);
}

body.vendor-area #adv_search .btn {
    border-radius: 10px;
}

body.vendor-area #adv_search .btn-primary,
body.vendor-area #adv_search #adv_search_save {
    border-color: transparent;
}

body.vendor-area #adv_search .btn:disabled,
body.vendor-area #adv_search .btn.disabled {
    opacity: .45;
    color: var(--muted);
}

body.vendor-area #adv_search .period-selector__divider {
    color: var(--muted2);
}

body.vendor-area #adv_search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.vendor-area #adv_search select:not(.select2-hidden-accessible):focus,
body.vendor-area #adv_search textarea:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area .tabs {
    background: transparent;
    box-shadow: none;
    border: 0;
}

body.vendor-area .tabs > ul.nav-tabs {
    gap: 4px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
}

body.vendor-area .tabs > ul.nav-tabs > li > a {
    color: var(--muted);
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    background: transparent;
    box-shadow: none;
    padding: 8px 14px;
    font-weight: 650;
    text-shadow: none;
}

body.vendor-area .tabs > ul.nav-tabs > li > a:hover,
body.vendor-area .tabs > ul.nav-tabs > li > a:focus {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
    box-shadow: none;
    text-shadow: none;
    text-decoration: none;
}

body.vendor-area .tabs > ul.nav-tabs > li.active > a,
body.vendor-area .tabs > ul.nav-tabs > li.active > a:hover,
body.vendor-area .tabs > ul.nav-tabs > li.active > a:focus {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line2);
    border-bottom-color: transparent;
    box-shadow: none;
    text-shadow: none;
}

@media (max-width: 1024px) {
    body.vendor-area .tabs > ul.nav-tabs > li > a {
        padding: 8px 12px;
    }
}

body.vendor-area .table {
    width: 100%;
    margin-bottom: 0;
    background: transparent;
    border-collapse: collapse;
    color: #dbe2ed;
}

body.vendor-area .table > thead > tr > th,
body.vendor-area .table > tbody > tr > td {
    padding: 12px 14px;
    font-size: 12px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    vertical-align: middle !important;
}

body.vendor-area .table > thead > tr > th {
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table > thead > tr > th,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table > thead > tr > th {
    white-space: nowrap;
}

body.vendor-area .table > tbody > tr > td {
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    color: #dbe2ed;
}

body.vendor-area .table > tbody > tr > td span.view-status {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.vendor-area .table > tbody > tr:hover > td {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area .table > tbody > tr.selected > td {
    background: rgba(118, 103, 255, .10);
}

body.vendor-area .table > tbody > tr.cm-row-status-d > td,
body.vendor-area .table > tbody > tr.cm-row-status-h > td {
    opacity: .88;
}

body.vendor-area .table thead .th-text-overflow,
body.vendor-area .table thead .th-text-overflow-wrapper,
body.vendor-area .table thead th a.th-text-overflow,
body.vendor-area .table > thead > tr > th > a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-decoration: none;
    background: transparent;
    padding: 0;
    border-bottom: 0;
}

body.vendor-area .table thead .th-text-overflow:hover,
body.vendor-area .table thead .th-text-overflow:focus,
body.vendor-area .table thead th a.th-text-overflow:hover,
body.vendor-area .table thead th a.th-text-overflow:focus,
body.vendor-area .table > thead > tr > th > a:hover,
body.vendor-area .table > thead > tr > th > a:focus {
    color: var(--text);
}

body.vendor-area .table thead th a:hover,
body.vendor-area .table thead .th-text-overflow--asc,
body.vendor-area .table thead .th-text-overflow--desc {
    color: var(--accent2);
    text-decoration: none;
}

body.vendor-area .table thead .th-text-overflow--asc::after,
body.vendor-area .table thead .th-text-overflow--desc::after {
    position: static;
    filter: brightness(0) invert(1);
    opacity: .7;
}

body.vendor-area .table thead .th-text-overflow--asc:hover::after,
body.vendor-area .table thead .th-text-overflow--desc:hover::after,
body.vendor-area .table thead .th-text-overflow--asc:focus::after,
body.vendor-area .table thead .th-text-overflow--desc:focus::after {
    opacity: 1;
}

body.vendor-area .table .table__check-items-column--show-checkbox {
    text-align: center;
    padding-inline: 0;
}

body.vendor-area .table .table__check-items-cell--show-checkbox {
    text-align: center;
    vertical-align: middle;
}

body.vendor-area .table .table__check-items.table__check-items {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    left: auto;
    top: auto;
}

@media (max-width: 767px) {
    body.vendor-area .table > thead > tr > th,
    body.vendor-area .table > tbody > tr > td {
        padding: 10px;
    }
}

body.vendor-area #pagination_contents:has(.table),
body.vendor-area #pagination_product_reviews:has(.table),
body.vendor-area #banners_table_tree:has(.table),
body.vendor-area #destination_contents:has(.table),
body.vendor-area #manage_vendor_blocks_form .items-container:has(.table),
body.vendor-area .content-wrap > .table-responsive-wrapper:has(.table) {
    padding: 14px 14px 10px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area .items-container {
    margin-bottom: 40px;
}

body.vendor-area .table .btn-group.btn-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}

body.vendor-area .table .btn-group.btn-checkbox .btn,
body.vendor-area .table .btn-group.btn-checkbox .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    min-width: 42px;
    min-height: 30px;
    height: auto;
    padding: 0 7px 0 28px;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area .table .btn-group.btn-checkbox .btn:hover,
body.vendor-area .table .btn-group.btn-checkbox.open .dropdown-toggle {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line);
}

body.vendor-area .table .btn-group.btn-checkbox .caret {
    margin: 0;
    border-top-color: var(--muted);
    visibility: visible;
}

body.vendor-area .hidden-tools {
    visibility: visible;
    min-width: 40px;
}

body.vendor-area .actions__wrapper .btn-group,
body.vendor-area .hidden-tools .btn-group {
    display: flex;
    gap: 6px;
}

body.vendor-area .btn-group > a.btn.dropdown-toggle {
    width: 100%;
    min-width: 34px;
    height: 36px;
    min-height: 36px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area .btn-group > a.btn.dropdown-toggle:hover,
body.vendor-area .btn-group > a.btn.dropdown-toggle:focus,
body.vendor-area .btn-group.open > a.btn.dropdown-toggle {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area .btn-group > a.btn.dropdown-toggle .caret {
    margin-left: 0;
    margin-top: 5px;
    border-top-color: currentColor;
}

body.vendor-area #content_manage_orders {
    color: var(--text);
}

body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th {
    white-space: nowrap;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th .btn-checkbox > .btn .caret {
    margin-left: 24px;
    border-top-color: var(--muted);
}

body.vendor-area table.table tbody tr.selected {
    background-color: rgba(118, 103, 255, .22) !important;
    border-top-color: transparent;
    box-shadow: none;
}

body.vendor-area #content_manage_orders .table-manage-orders .muted,
body.vendor-area #content_manage_orders .table-manage-orders .manager-order {
    color: var(--muted2);
}

body.vendor-area .table a.row-status,
body.vendor-area .table a.link--monochrome {
    color: var(--accent2);
    font-weight: 750;
}

body.vendor-area a.row-status:hover,
body.vendor-area a.row-status:focus,
body.vendor-area a.link--monochrome:hover,
body.vendor-area a.link--monochrome:focus {
    color: #9ec0ff;
    text-decoration: none;
}

body.vendor-area .sidebar .advanced-search,
body.vendor-area .sidebar a.advanced-search.link--monochrome,
body.vendor-area footer small,
body.vendor-area footer a.link--monochrome {
    color: var(--muted);
    font-weight: 600;
}

body.vendor-area #content_manage_orders .table-manage-orders a.link--monochrome:not(.underlined) {
    color: #d5deeb;
    font-weight: 600;
    text-decoration: none;
}

body.vendor-area #content_manage_orders .table-manage-orders a.link--monochrome:not(.underlined):hover {
    color: var(--text);
}

body.vendor-area #content_manage_orders .table-manage-orders td[data-th] a[href^="mailto"],
body.vendor-area #content_manage_orders .table-manage-orders td a[href^="tel"] {
    color: var(--muted);
    font-weight: 500;
}

body.vendor-area #content_manage_orders .table-manage-orders td[data-th] a[href^="mailto"]:hover,
body.vendor-area #content_manage_orders .table-manage-orders td a[href^="tel"]:hover {
    color: var(--cyan);
}

body.vendor-area #content_manage_orders .table-manage-orders td.right {
    color: var(--text);
    font-weight: 800;
    white-space: nowrap;
}

body.vendor-area #content_manage_orders #orders_total {
    margin-top: 12px;
    padding-top: 8px;
    color: var(--muted);
}

body.vendor-area #content_manage_orders #orders_total .price,
body.vendor-area #content_manage_orders #orders_total h4 {
    color: var(--text);
}

body.vendor-area #content_manage_orders #orders_total table {
    color: var(--muted);
}

body.vendor-area #content_manage_orders .table-manage-orders .order-status.status-dropdown,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    max-width: 100%;
    padding: 4px 18px 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: none;
    box-shadow: var(--inner);
    white-space: nowrap;
}

body.vendor-area #content_manage_orders .table-manage-orders .order-status .status-caret,
body.vendor-area #content_manage_orders .table-manage-orders .order-status .caret {
    margin-left: 2px;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    opacity: .85;
}

body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-c,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-p {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-o {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-f,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-d,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-y,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-e {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-b,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-a {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
}

body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-i,
body.vendor-area #content_manage_orders .table-manage-orders .btn.order-status.status-dropdown.o-status-n {
    color: var(--muted);
    border-color: var(--line);
    background: rgba(255, 255, 255, .05);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-c, .o-status-p) {
    --status-color: var(--green);
    --status-border-hover: rgba(58, 212, 138, .5);
    --status-bg-hover: rgba(58, 212, 138, .2);
}

body.vendor-area .order-status.status-dropdown.o-status-o {
    --status-color: var(--amber);
    --status-border-hover: rgba(240, 198, 106, .5);
    --status-bg-hover: rgba(240, 198, 106, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-f, .o-status-d, .o-status-y, .o-status-e) {
    --status-color: var(--red);
    --status-border-hover: rgba(255, 115, 122, .5);
    --status-bg-hover: rgba(255, 115, 122, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-b, .o-status-a) {
    --status-color: var(--cyan);
    --status-border-hover: rgba(89, 183, 255, .5);
    --status-bg-hover: rgba(89, 183, 255, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-i, .o-status-n) {
    --status-color: var(--muted);
    --status-border-hover: var(--line);
    --status-bg-hover: rgba(255, 255, 255, .09);
}

body.vendor-area .order-status.status-dropdown:is(:hover, :focus),
body.vendor-area .open > .order-status.status-dropdown {
    color: var(--status-color);
    border-color: var(--status-border-hover);
    background: var(--status-bg-hover);
}

body.vendor-area #content_manage_orders .table-manage-orders .cm-popup-box .dropdown-menu {
    min-width: 200px;
    padding: 6px 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area #content_manage_orders .table-manage-orders .cm-popup-box .dropdown-menu label {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area #content_manage_orders .bulk-edit__btn--check-items .dropdown-menu {
    top: calc(100% + 8px);
    margin-top: 0;
    z-index: 30;
}

body.vendor-area #content_manage_orders .bulk-edit .caret {
    border-top-color: var(--muted);
    margin-top: 4px;
}

body.vendor-area #content_manage_orders .bulk-edit-inner {
    background: rgba(14, 22, 38, .98);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    color: var(--text);
}

body.vendor-area #content_manage_orders .bulk-edit-inner__header,
body.vendor-area #content_manage_orders .bulk-edit-inner__body,
body.vendor-area #content_manage_orders .bulk-edit-inner__footer,
body.vendor-area #content_manage_orders .bulk-edit-inner__hint {
    color: var(--muted);
}

body.vendor-area #content_manage_orders .bulk-edit-inner .btn {
    border-radius: 10px;
}

body.vendor-area #content_manage_orders .bulk-edit--overlay {
    background: rgba(0, 0, 0, .35);
}

body.vendor-area .table tbody td.table__check-items-cell input.cm-item[type="checkbox"] {
    display: inline-block;
    margin: 0;
}

body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .btn-group.btn-checkbox,
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .table__check-items,
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse input.cm-check-items[type="checkbox"],
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .btn-checkbox input[type="checkbox"] {
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
    border: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    transform: none;
    z-index: 0;
}

body.vendor-area .table .btn-checkbox input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    z-index: 5;
    margin: 0;
}

body.vendor-area input[type="checkbox"]:not(.hidden) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(118, 103, 255, .55);
    border-radius: 5px;
    background: rgba(118, 103, 255, .10);
    box-shadow: none;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    flex: 0 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.vendor-area input[type="radio"]:not(.hidden) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(118, 103, 255, .55);
    border-radius: 50%;
    background: rgba(118, 103, 255, .10);
    box-shadow: none;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.vendor-area input[type="radio"]:not(:focus, .hidden):hover {
    border-color: rgba(126, 145, 255, .85);
    background-color: rgba(118, 103, 255, .16);
    box-shadow: none;
    outline: none;
}

body.vendor-area input[type="radio"]:not(.hidden):checked {
    border-color: rgba(126, 145, 255, .95);
    background:
            radial-gradient(circle at center, #fff 0 3px, transparent 3.5px),
            linear-gradient(135deg, #7d5cff, #407cff);
}

body.vendor-area input[type="radio"]:not(.hidden):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .22);
}

body.vendor-area input[type="radio"]:not(.hidden):disabled {
    opacity: .45;
    cursor: default;
}

body.vendor-area input[type="radio"]::before,
body.vendor-area input[type="radio"]::after {
    content: none;
    display: none;
}

body.vendor-area input[type="checkbox"]:not(:focus, .hidden):hover {
    border-color: rgba(126, 145, 255, .85);
    background-color: rgba(118, 103, 255, .16);
    box-shadow: none;
    outline: none;
    filter: none;
}

body.vendor-area input[type="checkbox"]:not(.hidden):is(:checked, :indeterminate) {
    border-color: rgba(126, 145, 255, .95);
    background-color: transparent;
    background-size: 12px 12px, 100% 100%;
}

body.vendor-area input[type="checkbox"]:not(.hidden):checked {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2l3.1 3.1 6.5-7'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7d5cff, #407cff);
    filter: none;
}

body.vendor-area input[type="checkbox"]:not(.hidden):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .22);
}

body.vendor-area input[type="checkbox"]:not(.hidden):disabled {
    opacity: .45;
    cursor: default;
}

body.vendor-area input[type="checkbox"]:not(.hidden):indeterminate {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' d='M3.5 8h9'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7d5cff, #407cff);
}

body.vendor-area input[type="checkbox"]::before,
body.vendor-area input[type="checkbox"]::after,
body.vendor-area input[type="checkbox"]:not(:checked)::after,
body.vendor-area input[type="checkbox"]:checked::after,
body.vendor-area input[type="checkbox"]:indeterminate::after {
    content: none;
    display: none;
}

body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-last-child(2),
body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-last-child(2),
body.vendor-area #content_manage_orders .table-manage-orders tbody td:has(> .hidden-tools) {
    width: 56px;
    min-width: 56px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

body.vendor-area .pagination-wrap {
    gap: 8px;
    align-items: center;
    margin: 8px 0 12px;
    color: var(--muted);
}

body.vendor-area .pagination-wrap .pagination,
body.vendor-area .pagination-wrap .pagination-dropdown {
    margin: 0;
}

body.vendor-area .pagination ul {
    box-shadow: none;
}

body.vendor-area .pagination ul > li > a,
body.vendor-area .pagination ul > li > span {
    min-height: 32px;
    padding: 5px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    margin: 0 2px;
}

body.vendor-area .pagination ul > li > a:hover,
body.vendor-area .pagination ul > li > a:focus {
    background: var(--soft2);
    color: var(--text);
}

body.vendor-area .pagination ul > .active > a,
body.vendor-area .pagination ul > .active > span,
body.vendor-area .pagination ul > .active > a:hover,
body.vendor-area .pagination ul > .active > a:focus {
    background: rgba(118, 103, 255, .28);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area .pagination ul > .disabled > a,
body.vendor-area .pagination ul > .disabled > span,
body.vendor-area .pagination ul > .disabled > a:hover,
body.vendor-area .pagination ul > .disabled > a:focus {
    background: transparent;
    border-color: transparent;
    color: var(--muted2);
}

body.vendor-area .pagination-selector,
body.vendor-area .pagination-dropdown .dropdown-toggle,
body.vendor-area .pagination-dropdown > .btn-group > .btn {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    min-height: 32px;
}

body.vendor-area .pagination-dropdown > .btn-group:hover > .btn,
body.vendor-area .pagination-dropdown > .btn-group.open > .btn,
body.vendor-area .pagination-dropdown > .btn-group > .btn:hover,
body.vendor-area .pagination-dropdown > .btn-group > .btn:focus,
body.vendor-area .pagination-selector:hover,
body.vendor-area .pagination-selector:focus {
    background: var(--soft2);
    color: var(--text);
}

body.vendor-area .pagination-dropdown .btn-group {
    box-shadow: none;
    background: transparent;
    border-radius: 10px;
}

body.vendor-area .pagination-dropdown .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area .pagination-dropdown-per-page {
    color: var(--text);
}

@media (max-width: 767px) {
    body.vendor-area #content_manage_orders .table-manage-orders .order-status.status-dropdown {
        max-width: 100%;
    }

    body.vendor-area #product_reviews_form .bulk-edit,
    body.vendor-area #content_manage_products .bulk-edit,
    body.vendor-area #content_manage_orders .bulk-edit {
        border-radius: 12px;
    }

    
    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-child(5),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-child(5),
    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-last-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-last-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders tbody td:has(> .hidden-tools) {
        width: auto;
        min-width: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.vendor-area #content_manage_orders .table-manage-orders .hidden-tools {
        min-width: 0;
    }
}

body.vendor-area:has(form[name="pc_api_filter_form"]) .alert {
    margin-bottom: 14px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(20, 32, 54, .88);
    color: var(--text);
    box-shadow: var(--inner);
}

body.vendor-area:has(form[name="pc_api_filter_form"]) .alert > div {
    margin-top: 4px;
    font-size: 12px;
    color: var(--muted);
}

body.vendor-area form[name="pc_api_filter_form"] {
    margin: 0 0 18px;
}

body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit {
    max-width: 100%;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area .control-group,
body.vendor-area .group .control-group,
body.vendor-area .sidebar .form-horizontal .control-group {
    display: flex;
    flex-flow: wrap;
    gap: 3px;
    margin-bottom: 0;
    padding: 10px 0;
}

body.vendor-area .control-group > div:not(.controls) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

body.vendor-area form[name="banners_form"].form-edit #banner_graphic.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_text.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_url.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_target.hidden {
    display: none;
}

body.vendor-area .ui-dialog-content .control-group:hover,
body.vendor-area .control-group:hover {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    background: transparent;
    float: none;
}

@media (min-width: 900px) {
    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 18px;
        align-items: end;
    }

    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-group {
        margin: 0;
    }

    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .buttons-container {
        grid-column: 1 / -1;
        margin-top: 4px;
    }
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-label,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal .control-label,
body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-label {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

body.vendor-area form[name="pc_api_filter_form"] select[name="state"],
body.vendor-area form[name="pc_api_filter_form"] input[name="order_id"],
body.vendor-area form[name="pc_api_filter_form"] input[name="product_id"],
body.vendor-area form[name="pc_api_filter_form"] input[name="company_id"],
body.vendor-area form[name="pc_api_filter_form"] input[name="buyer_email"] {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 11px;
    font-size: 13px;
}

body.vendor-area form[name="pc_api_filter_form"] .buttons-container .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area form[name="pc_api_filter_form"] ~ p.muted {
    margin: 18px 0 0;
    padding: 24px 20px;
    border: 1px dashed var(--line);
    border-radius: 16px;
    background: rgba(12, 20, 35, .55);
    color: var(--muted);
    font-size: 13px;
    text-align: center;
}

body.vendor-area .content form ~ div.muted,
body.vendor-area .content-wrap > div.muted,
body.vendor-area #pagination_contents > div.muted {
    margin-top: 14px;
    padding: 12px 14px;
    border-left: 3px solid rgba(89, 183, 255, .45);
    border-radius: 0 10px 10px 0;
    background: rgba(89, 183, 255, .06);
    color: var(--muted2);
    font-size: 12px;
    line-height: 1.55;
    max-width: 920px;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table {
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table a {
    color: var(--accent2);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table a:hover {
    color: #9ec0ff;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .muted {
    color: var(--muted2);
    font-size: 11px;
    max-width: 240px;
    white-space: normal;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .label {
    display: inline-block;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .05);
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .label-info {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .label-warning {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .label-success {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .label-important {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area .cm-tabs-content code {
    margin-inline: 5px;
}

body.vendor-area .cm-tabs-content code,
body.vendor-area form[name="pc_api_filter_form"] ~ .table .label-inverse {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    vertical-align: middle;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn,
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-mini {
    min-height: 30px;
    padding: 4px 10px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area .btn:not(.btn-primary):hover,
body.vendor-area .btn:not(.btn-primary):focus {
    background: var(--soft2);
    color: var(--text);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-danger,
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-danger.btn-mini {
    border-color: rgba(255, 115, 122, .4);
    background: rgba(255, 115, 122, .16);
    color: var(--red);
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-danger:hover {
    background: rgba(255, 115, 122, .28);
    color: #fff;
}

body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 11, 20, .55);
    text-align: left;
}

body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] label.muted {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--muted);
}

body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] textarea,
body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] input[type="text"] {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    margin: 0 0 8px;
    padding: 8px 10px;
}

body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] .muted {
    color: var(--muted);
}

@media (max-width: 767px) {
    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area form[name="pc_api_filter_form"] .buttons-container {
        flex-direction: column;
        align-items: stretch;
    }

    body.vendor-area form[name="pc_api_filter_form"] .buttons-container .btn {
        width: 100%;
    }

    body.vendor-area form[name="pc_api_filter_form"] ~ p.muted {
        padding: 20px 14px;
        border-radius: 14px;
    }
}

body.vendor-area form[name="digital_offer_type_form"] .alert.alert-info a {
    color: var(--cyan);
}

body.vendor-area form[name="digital_offer_type_form"] .alert.alert-info a:hover,
body.vendor-area form[name="digital_offer_type_form"] .alert.alert-info a:focus {
    color: #9ed6ff;
}

body.vendor-area .sidebar-field:last-child {
    margin-right: 0;
}

body.vendor-area .sidebar-field .object-picker {
    margin-bottom: 0;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-product-types {
    gap: 20px;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-inner {
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .86),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner);
    color: var(--text);
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:hover .digital-type-inner {
    border-color: var(--line2);
    background:
        linear-gradient(
            180deg,
            rgba(24, 37, 62, .92),
            rgba(14, 23, 40, .96)
        );
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .18),
        var(--inner);
    transform: none;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:focus-visible .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:focus-within .digital-type-inner {
    outline: none;
    border-color: var(--line2);
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .18),
        var(--inner);
}


body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:hover .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:focus-visible .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:focus-within .digital-type-inner {
    border: 1px solid rgba(118, 103, 255, .55);
    background:
        linear-gradient(
            180deg,
            rgba(118, 103, 255, .16),
            rgba(12, 20, 35, .94)
        );
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .12),
        var(--inner);
    transform: none;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid rgba(89, 183, 255, .22);
    border-radius: 999px;
    background: rgba(89, 183, 255, .09);
    color: var(--cyan);
    font-size: 11px;
    font-weight: 700;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(7, 11, 20, .72);
    box-shadow: var(--inner);
    color: #fff;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-title {
    color: var(--text);
    font-weight: 800;
    line-height: 1.3;
    text-shadow: none;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-description {
    color: var(--muted);
    line-height: 1.55;
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-section h4 {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-inner {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 14px 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .86),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner);
    color: var(--text);
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option:hover .pc-delivery-mode-inner {
    border-color: var(--line2);
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .18),
        var(--inner);
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option.selected .pc-delivery-mode-inner,
body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option.selected:hover .pc-delivery-mode-inner {
    border: 1px solid rgba(118, 103, 255, .55);
    background:
        linear-gradient(
            180deg,
            rgba(118, 103, 255, .16),
            rgba(12, 20, 35, .94)
        );
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .12),
        var(--inner);
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-inner strong {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-inner .muted {
    color: var(--muted);
}

@media (max-width: 1200px) {
    body.vendor-area form[name="digital_offer_type_form"] .digital-product-types {
        grid-template-columns: 1fr;
    }
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs {
    max-width: 100%;
    margin-bottom: 0;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs {
    gap: 0;
    margin: 0 0 16px;
    padding: 0;
    min-height: 38px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > li > a {
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 10px;
    font-weight: normal;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > li > a:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > li > a:focus {
    border-color: var(--line2);
    background: rgba(12, 20, 35, .96);
    color: #fff;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > .active > a,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > .active > a:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs > ul.nav-tabs > .active > a:focus {
    min-height: 38px;
    background: rgba(12, 20, 35, .96);
    color: #fff;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs:focus-within {
    border-color: var(--line2);
    background: rgba(12, 20, 35, .96);
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs > .active > a,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs > .active > a:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs > .active > a:focus {
    border-color: transparent;
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs:hover > .active > a,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .cm-j-tabs.tabs.tabs--count-1 > ul.nav-tabs:focus-within > .active > a {
    color: #fff;
}

/* =========================================================
   Vendor admin — Reports (sales_reports.view / .manage)
   View marker: form[name^="report_form_"]
   Manage marker: form[name="reports_list"]
   Scrollbar colors + progress bar colors only.
   ========================================================= */

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper {
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .24);
}

body.vendor-area:has(form[name^="report_form_"]) .progress {
    background-color: rgba(7, 11, 20, .72);
    background-image: none;
    box-shadow: none;
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar {
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: rgba(118, 103, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-1 {
    background-color: rgba(118, 103, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-2 {
    background-color: rgba(89, 183, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-3 {
    background-color: rgba(58, 212, 138, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-4 {
    background-color: rgba(240, 198, 106, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-5 {
    background-color: rgba(255, 115, 122, .88);
}

body.vendor-area .table.table-exim {
    max-width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    margin: 15px 0;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner);
    color: var(--text);
    border-collapse: separate;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree > tbody > tr > td {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    color: #dbe2ed;
    vertical-align: middle;
}

body.vendor-area .table.table-exim > tbody > tr > td,
body.vendor-area .table-striped.table-exim tbody > tr:nth-child(odd) > td,
body.vendor-area .table.table-exim tbody > tr:hover > td {
    background: transparent;
    border: 0;
    color: var(--text);
    box-shadow: none;
}

body.vendor-area .table-exim .import-field,
body.vendor-area .table-exim .import-label {
    color: var(--muted);
}

body.vendor-area .table-exim strong {
    position: relative;
    left: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid var(--line2);
    border-radius: 7px;
    background: rgba(118, 103, 255, .18);
    color: #fff;
    font-weight: 700;
}

body.vendor-area .table-exim strong .import-field {
    color: #fff;
    font-weight: 700;
}

body.vendor-area .table-exim strong .import-label {
    color: rgba(255, 255, 255, .72);
    font-weight: 600;
}

body.vendor-area .sidebar .sidebar-field .control-label {
    display: block;
    flex: 1 0 100%;
    margin: 0 0 5px;
    line-height: 1.3;
}

body.vendor-area label,
body.vendor-area .control-label,
body.vendor-area .sidebar .control-group > .control-label {
    flex: 0 0 auto;
    color: var(--muted);
    font-size: 12px;
    padding: 5px;
    font-weight: 600;
    float: none;
    min-width: 0;
    width: auto;
    margin: 0;
    text-align: left;
}

body.vendor-area .control-group.error label {
    color: var(--red);
}

body.vendor-area .sidebar.sidebar-left .sidebar-wrapper {
    border-right-color: var(--line);
}

body.vendor-area .nested-tree ul .active {
    box-shadow: 0 10px 24px rgba(83, 99, 255, .17), var(--inner);
    border-color: transparent;
    background: linear-gradient(135deg, rgba(125, 92, 255, 0.87), rgba(64, 124, 255, 0.8));
}

body.vendor-area .tagit-new input[type="text"]:focus {
    border-color: transparent;
    box-shadow: none;
}

body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text,
body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text tspan {
    fill: var(--text) !important;
    color: var(--text) !important;
}

body.vendor-area .nested-tree ul .active a {
    color: rgb(255, 255, 255);
}

body.vendor-area .form-edit .controls .redactor-box,
body.vendor-area .form-edit .input-large {
    width: 100% !important;
    max-width: 770px;
}

body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) input[type="text"],
body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) input.input-large {
    width: 100%;
    max-width: 100%;
}

body.vendor-area .form-horizontal .controls .muted.description,
body.vendor-area .content-wrap p.muted.description,
body.vendor-area .p-notice {
    margin: 8px 0 0;
    width: 100%;
}

body.vendor-area .input-append {
    display: flex;
}

body.vendor-area .muted.description,
body.vendor-area .muted,
body.vendor-area .mute,
body.vendor-area .micro-note,
body.vendor-area .cm-fu-no-file,
body.vendor-area .p-notice {
    color: var(--muted2);
    font-size: 12px;
    line-height: 1.5;
}

body.vendor-area .muted.description a,
body.vendor-area .muted a,
body.vendor-area .mute a,
body.vendor-area .p-notice a {
    color: var(--accent2);
}

body.vendor-area .muted.description a:hover,
body.vendor-area .muted a:hover,
body.vendor-area .mute a:hover,
body.vendor-area .p-notice a:hover,
body.vendor-area .muted.description a:focus,
body.vendor-area .muted a:focus,
body.vendor-area .mute a:focus,
body.vendor-area .p-notice a:focus {
    color: #9ec0ff;
}

@media (max-width: 767px) {
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .btn-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        white-space: normal;
    }

    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .upload-file-local,
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .btn-group > .btn {
        flex: 1 1 auto;
    }

    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) select,
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) select[name="import_options[delimiter]"] {
        max-width: 100%;
    }
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table-responsive-wrapper .longtap-selection,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .table-responsive-wrapper.longtap-selection {
    background: transparent;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > tbody > tr > td.import-preset__tools {
    padding-inline: 0;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th a:has(.cs-icon--type-asc),
body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th a:has(.cs-icon--type-desc) {
    color: var(--accent2);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th a .cs-icon {
    opacity: .7;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th a:hover .cs-icon,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th a:focus .cs-icon {
    opacity: 1;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th .btn-checkbox > .btn {
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th .btn-checkbox > .btn:hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > thead > tr > th .btn-checkbox.open > .btn {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > tbody > tr.import-preset {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .table > tbody > tr.import-preset.selected {
    background-color: rgba(118, 103, 255, .22) !important;
    box-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset .company-name,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset .muted {
    color: var(--muted);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-launch {
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--s,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--f,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--p,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--x {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--s {
    border: 1px solid rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
    color: var(--green);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--f {
    border: 1px solid rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
    color: var(--red);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--p {
    border: 1px solid rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
    color: var(--cyan);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .status--x {
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip:hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip:focus {
    color: var(--text);
    background: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip .cs-tooltip__icon,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip .cs-icon {
    color: inherit;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file {
    color: var(--text);
    overflow-wrap: anywhere;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn) {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn):hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn):focus {
    color: #9ec0ff;
}

body.vendor-area .control-group.error .cm-fu-no-file,
body.vendor-area .control-group.error .help-inline,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .type-error {
    color: var(--red);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .cm-adv-import-filename-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    color: var(--muted);
    box-sizing: border-box;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .cm-adv-import-filename-delete:hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .cm-adv-import-filename-delete:focus {
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .10);
    color: var(--red);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .btn {
    min-height: 30px;
    padding: 4px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .btn:hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .btn:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__has-modifiers {
    color: var(--text);
}

@media (max-width: 767px) {
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .table.table-responsive > tbody > tr:hover {
        background: rgba(118, 103, 255, .05);
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__checker,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-launch,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__has-modifiers,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__run,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__tools {
        width: auto;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .table.table-responsive > tbody > tr > td:before {
        color: #7f8ca1;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 {
    max-width: 100%;
    margin: 0 0 18px;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs {
    gap: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 11, 20, .62);
    overflow: hidden;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li + li {
    border-left: 1px solid var(--line);
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 0;
    font-weight: 600;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li:not(.active):not(.hidden) > a:hover,
body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li:not(.active):not(.hidden) > a:focus {
    background: var(--soft);
    color: var(--text);
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > .active > a,
body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > .active > a:hover,
body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > .active > a:focus {
    background: rgba(118, 103, 255, .18);
    color: #fff;
    font-weight: 700;
}

body.vendor-area form.form-horizontal.form-edit[data-ca-advanced-import-element="editor"] .control-group:hover {
    background: transparent;
    border-color: transparent;
    color: inherit;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .control-label.cm-required {
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group:has(#elm_company_id) .text-type-value {
    color: var(--text);
    font-weight: 600;
}

body.vendor-area .subheader {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
}

body.vendor-area .subheader:hover,
body.vendor-area .subheader:not(.collapsed) {
    color: var(--text);
}

body.vendor-area .subheader .subheader__icon {
    filter: brightness(0) invert(1);
    margin: 0;
}

body.vendor-area .subheader:hover .subheader__icon,
body.vendor-area .subheader:not(.collapsed) .subheader__icon {
    opacity: 1;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] select:not(.select2-hidden-accessible) option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend {
    display: table;
    max-width: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    overflow: hidden;
    box-sizing: border-box;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend .add-on {
    display: table-cell;
    width: 1%;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .035);
    color: var(--muted2);
    text-shadow: none;
    vertical-align: middle;
    line-height: 1.4;
    box-sizing: border-box;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend input,
body.vendor-area form[data-ca-advanced-import-element="editor"] #images_path {
    display: table-cell;
    min-height: 38px;
    margin: 0;
    padding: 7px 10px;
    border: 0;
    border-radius: 0;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend input:focus,
body.vendor-area form[data-ca-advanced-import-element="editor"] #images_path:focus {
    border: 0;
    outline: none;
    box-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend:focus-within {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area #threads_list_form .table:not(:has(tbody input.cm-item[type="checkbox"])) tr.cm-longtap-target > td.status-new__text > a.link--monochrome::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: var(--accent2);
    box-shadow: 0 0 0 3px rgba(78, 143, 255, .18);
}

body.vendor-area #threads_list_form .table:not(:has(tbody input.cm-item[type="checkbox"])) > thead > tr > th.status-label,
body.vendor-area #threads_list_form .table:not(:has(tbody input.cm-item[type="checkbox"])) > tbody > tr.cm-longtap-target > td:first-child {
    display: none;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .alert {
    border-radius: 12px;
    color: var(--text);
}

body.vendor-area .alert-error,
body.vendor-area .alert-danger {
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .10);
    color: var(--red);
    text-shadow: none;
}

body.vendor-area .alert-error .close,
body.vendor-area .alert-danger .close {
    color: var(--red);
    opacity: 1;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .alert-success {
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .10);
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group.error,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input-group.error {
    background: transparent;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .cm-failed-field,
body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group.error input[type="text"],
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input-group.error input[type="text"] {
    border-color: rgba(255, 115, 122, .55);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper {
    max-width: 100%;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .table {
    margin: 0;
    background: transparent;
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .table > tbody > tr.import-field:hover > td {
    background: rgba(118, 103, 255, .06);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__name {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder {
    display: block;
    max-width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    line-height: 22px;
    box-sizing: border-box;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder--empty {
    color: var(--muted2);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder:not(.cm-adv-import-placeholder--view_only):hover {
    border-color: var(--line2);
    background: rgba(12, 20, 35, .96);
    color: var(--text);
    height: auto;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder:not(.cm-adv-import-placeholder--view_only):hover::before {
    border-color: var(--muted) transparent transparent transparent;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input {
    width: 96%;
    max-width: 100%;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn a {
    color: var(--accent2);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn a:hover {
    color: #9ec0ff;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn:before,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field:hover .cm-show-more__btn:before {
    background: linear-gradient(transparent, rgba(12, 20, 35, .92) 70%);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover-title {
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover-content {
    color: var(--muted);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-button .cs-icon,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-button .icon-question-sign {
    color: var(--muted);
    filter: brightness(0) invert(1);
    opacity: .75;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .table > tbody > tr:has(> td > .no-items) > td {
    padding: 0;
    border-bottom: 0;
    background: transparent;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .btn-bar .btn {
    min-height: 34px;
    padding: 6px 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
    text-shadow: none;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .btn-bar .btn:hover,
body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .btn-bar .btn:focus {
    background: var(--soft2);
    color: #fff;
}

body.vendor-area .ui-dialog:has(.advanced-import__modifier-description) .advanced-import__modifier-description {
    color: var(--muted);
}

body.vendor-area .ui-dialog:has(.advanced-import__modifier-description) .advanced-import__modifier-description b {
    color: var(--text);
}

@media (max-width: 1200px) {
    body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li > a {
        padding: 10px 8px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs {
        flex-direction: column;
        overflow: hidden;
    }

    body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li {
        flex: 1 1 auto;
        width: 100%;
    }

    body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .cm-j-tabs.tabs.tabs--count-3 > ul.nav-tabs > li + li {
        border-left: 0;
        border-top: 1px solid var(--line);
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .btn-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        white-space: normal;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .upload-file-local,
    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .btn-group > .btn {
        flex: 1 1 auto;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] input[type="text"],
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large,
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-text,
    body.vendor-area form[data-ca-advanced-import-element="editor"] select:not(.select2-hidden-accessible),
    body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend {
        max-width: 100%;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] input[type="text"],
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large {
        width: 100%;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .table-responsive-wrapper,
    body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .span16.table-responsive-wrapper {
        padding: 8px;
        border-radius: 16px;
    }
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]).form-horizontal.form-edit {
    max-width: 100%;
    margin: 0 0 18px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
    float: none;
}

body.vendor-area .control-group:before,
body.vendor-area .control-group:after {
    display: none;
    content: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--muted);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="url"]:focus,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"]:focus {
    color: var(--text);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls input[name="secret_new"] {
    flex: 1 1 280px;
    max-width: 720px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls .btn-mini {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 6px 12px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls .btn-mini:hover,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls .btn-mini:focus {
    background: var(--soft2);
    color: #fff;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls > .muted {
    flex: 1 1 100%;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > .muted {
    margin-top: 5px;
    color: var(--muted2);
    font-size: 12px;
    line-height: 1.5;
    max-width: 720px;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced label.checkbox,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced label.checkbox.inline {
    color: var(--text);
}
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > label.checkbox.inline,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > div > label.checkbox.inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
}

body.vendor-area .checkbox-list {
    display: flex;
    gap: 12px;
}

body.vendor-area .checkbox-list label,
body.vendor-area label.checkbox,
body.vendor-area label.radio {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) label.checkbox.inline:has(input[name="is_active"]) {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(89, 183, 255, .08);
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > label.checkbox.inline:has(input[name="is_active"]:checked) {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .2);
}

body.vendor-area .sidebar .sidebar-row,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]).sidebar-row {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(20, 32, 54, .82), rgba(12, 20, 35, .88));
    box-shadow: var(--inner), 0 14px 34px rgba(0, 0, 0, .18);
    color: var(--text);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]).sidebar-row {
    padding: 20px;
    margin-bottom: 14px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) label.inline {
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    font-weight: 700;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) select[name="state_filter"] {
    min-height: 38px;
    padding: 6px 10px;
    font-size: 13px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ p.muted {
    margin: 0;
    padding: 24px 20px;
    border: 1px dashed var(--line);
    border-radius: 16px;
    background: rgba(12, 20, 35, .55);
    color: var(--muted);
    font-size: 13px;
    text-align: center;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table {
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table a {
    color: var(--accent2);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table a:hover {
    color: #9ec0ff;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table td.muted,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .muted {
    color: var(--muted2);
    font-size: 12px;
    white-space: normal;
    word-break: break-word;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .label {
    display: inline-block;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid var(--line2);
    background: rgba(118, 103, 255, .14);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .label-info {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .label-success {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .label-important {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .btn-mini {
    min-height: 30px;
    padding: 4px 10px;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .btn-mini:hover,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ .table .btn-mini:focus {
    background: var(--soft2);
    color: #fff;
}

@media (max-width: 767px) {
    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]).form-horizontal.form-edit {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="url"],
    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"] {
        max-width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls .btn-mini {
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) label.inline {
        flex-wrap: wrap;
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) select[name="state_filter"] {
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ p.muted {
        padding: 20px 14px;
        border-radius: 14px;
    }
}

body.vendor-area .pc-vendor-api-docs {
    max-width: 1160px;
    margin: 0;
    padding: 22px 18px 24px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .76),
            rgba(12, 20, 35, .84)
        );
    box-shadow: var(--inner), 0 16px 40px rgba(0, 0, 0, .18);
    color: #d5deeb;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    body.vendor-area .pc-vendor-api-docs {
        padding: 26px 28px 30px;
    }
}

body.vendor-area .pc-vendor-api-docs > br {
    display: none;
}

body.vendor-area .pc-vendor-api-docs p {
    margin: 0 0 12px;
    color: #d5deeb;
    font-size: 13px;
    line-height: 1.65;
}

body.vendor-area .pc-vendor-api-docs p.muted {
    color: var(--muted);
    line-height: 1.6;
}

body.vendor-area .pc-vendor-api-docs strong {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .pc-vendor-api-docs h4 {
    margin: 30px 0 12px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: var(--text);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.3;
}

body.vendor-area .pc-vendor-api-docs h4:first-of-type {
    margin-top: 18px;
    padding-top: 0;
    border-top: 0;
}

body.vendor-area .pc-vendor-api-docs h5 {
    margin: 24px 0 8px;
    color: #dce5f4;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

@media (min-width: 768px) {
    body.vendor-area .pc-vendor-api-docs h4 {
        font-size: 18px;
    }

    body.vendor-area .pc-vendor-api-docs h5 {
        font-size: 15px;
    }
}

body.vendor-area .pc-vendor-api-docs ul {
    margin: 8px 0 14px;
    padding-left: 22px;
}

body.vendor-area .pc-vendor-api-docs li {
    margin: 6px 0;
    color: #d5deeb;
    font-size: 13px;
    line-height: 1.6;
}

body.vendor-area .pc-vendor-api-docs li::marker {
    color: var(--accent2);
}

body.vendor-area .pc-vendor-api-docs :not(pre) > code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .92em;
    padding: 2px 6px;
    border: 1px solid rgba(126, 145, 255, .18);
    border-radius: 6px;
    background: rgba(118, 103, 255, .10);
    color: #b9b0ff;
    white-space: normal;
    overflow-wrap: anywhere;
}

body.vendor-area .pc-vendor-api-docs pre {
    position: relative;
    max-width: 100%;
    margin: 10px 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(5, 9, 17, .82);
    color: #dce5f4;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.6;
    tab-size: 4;
    white-space: pre;
    overflow-x: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    box-sizing: border-box;
}

body.vendor-area .pc-vendor-api-docs pre {
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
    scrollbar-width: thin;
}

body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative {
    width: 100%;
    max-width: 100%;
    margin: 12px 0 18px;
    border-collapse: collapse;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(10, 16, 29, .68);
    color: #dbe2ed;
}

body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative tbody td {
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative tbody tr:last-child > td {
    border-bottom: 0;
}

body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative :not(pre) > code {
    white-space: normal;
    overflow-wrap: anywhere;
}

body.vendor-area .pc-vendor-api-docs a {
    color: var(--accent2);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area .pc-vendor-api-docs a:hover,
body.vendor-area .pc-vendor-api-docs a:focus {
    color: #9ec0ff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 767px) {
    body.vendor-area .pc-vendor-api-docs {
        padding: 16px 14px 20px;
        border-radius: 16px;
    }

    body.vendor-area .pc-vendor-api-docs h4 {
        font-size: 16px;
        margin-top: 24px;
        padding-top: 16px;
    }

    body.vendor-area .pc-vendor-api-docs h5 {
        font-size: 14px;
        margin-top: 20px;
    }

    body.vendor-area .pc-vendor-api-docs pre {
        padding: 12px 12px;
        font-size: 11.5px;
        border-radius: 12px;
    }
}

body.vendor-area form[name="products_m_addition_form"] .table input[type="text"]:not(.cm-picker-value):not(.cm-picker-value-description),
body.vendor-area form[name="products_m_addition_form"] .table select:not(.select2-hidden-accessible) {
    height: 34px;
    min-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
}

body.vendor-area form[name="products_m_addition_form"] .table input[type="text"]:not(.cm-picker-value):not(.cm-picker-value-description):focus,
body.vendor-area form[name="products_m_addition_form"] .table select:not(.select2-hidden-accessible):focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area form[name="products_m_addition_form"] .text-type-value {
    color: #dbe2ed;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

body.vendor-area form[name="products_m_addition_form"] .input-append {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

body.vendor-area form[name="products_m_addition_form"] .input-append .cm-picker-value-description {
    flex: 1 1 auto;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    border-radius: 10px 0 0 10px;
    margin: 0;
}

body.vendor-area form[name="products_m_addition_form"] .input-append .cm-dialog-opener.add-on.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area form[name="products_m_addition_form"] .input-append .cm-dialog-opener.add-on.btn:hover,
body.vendor-area form[name="products_m_addition_form"] .input-append .cm-dialog-opener.add-on.btn:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area form[name="products_m_addition_form"] .input-append .cm-dialog-opener.add-on.btn .icon {
    filter: brightness(0) invert(1);
    opacity: .85;
}

@media (max-width: 767px) {
    body.vendor-area form[name="products_m_addition_form"] .input-append {
        max-width: 100%;
    }
}

body.vendor-area #content_manage_products {
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .admin-content-heading {
    margin-bottom: 14px;
    padding-top: 4px;
}

body.vendor-area:has(#content_manage_products) .nav__actions {
    background: rgba(7, 11, 20, .72);
    border-bottom: 1px solid var(--line);
    margin-bottom: 8px;
}

body.vendor-area .nav__actions-title .title__heading {
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) #content_top_navigation,
body.vendor-area:has(#content_manage_products) .content__top-navigation {
    margin-bottom: 12px;
}

body.vendor-area:has(#content_manage_products) .content__top-navigation-main {
    gap: 10px;
}

body.vendor-area:has(#content_manage_products) .content__saved-search .pills {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .72);
    box-shadow: var(--inner);
}

body.vendor-area:has(#content_manage_products) .saved-search-horizontal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .saved-search__item--horizontal {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    min-height: 0;
}

body.vendor-area:has(#content_manage_products) .saved-search__item-name--horizontal {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 11px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .saved-search__item--horizontal:hover .saved-search__item-name--horizontal,
body.vendor-area:has(#content_manage_products) .saved-search__item-name--horizontal:hover,
body.vendor-area:has(#content_manage_products) .saved-search__item-name--horizontal:focus {
    color: var(--text);
    background: var(--soft);
    border-color: transparent;
    text-decoration: none;
    text-shadow: none;
}

body.vendor-area:has(#content_manage_products) .saved-search__item--horizontal.active .saved-search__item-name--horizontal {
    color: #fff;
    border-color: var(--line2);
    background: rgba(118, 103, 255, .22);
}

body.vendor-area:has(#content_manage_products) .saved-search__item--new .saved-search__item-name--horizontal {
    color: var(--accent2);
    border-color: var(--line);
    background: var(--soft);
}

body.vendor-area:has(#content_manage_products) .saved-search__item--new:hover .saved-search__item-name--horizontal,
body.vendor-area:has(#content_manage_products) .saved-search__item--new .saved-search__item-name--horizontal:hover {
    color: #fff;
    background: var(--soft2);
}

body.vendor-area:has(#content_manage_products) .saved-search__btn-group .dropdown-toggle {
    min-height: 30px;
    padding: 4px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
}

body.vendor-area:has(#content_manage_products) .saved-search__btn-group .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area:has(#content_manage_products) .content__context-search,
body.vendor-area:has(#content_manage_products) .context-search {
    min-width: 220px;
}

body.vendor-area:has(#content_manage_products) .context-search__label {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 11, 20, .70);
    box-shadow: none;
    overflow: hidden;
}

body.vendor-area:has(#content_manage_products) .context-search__input {
    flex: 1 1 auto;
    padding: 7px 10px;
    border: 0;
    background: transparent;
    color: var(--text);
    box-shadow: none;
    font-size: 13px;
}

body.vendor-area:has(#content_manage_products) .context-search__label:focus-within {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area:has(#content_manage_products) .context-search__addon {
    color: var(--muted);
    padding: 0 10px;
    border: none;
}

body.vendor-area:has(#content_manage_products) .context-search__addon .icon-search,
body.vendor-area:has(#content_manage_products) .context-search__addon svg {
    color: var(--accent2);
    fill: currentColor;
    opacity: .9;
}

body.vendor-area .content__search-filters {
    position: relative;
    align-items: center;
}

body.vendor-area:has(#content_manage_products) #content_search_filters,
body.vendor-area:has(#content_manage_products) #search_filters_form,
body.vendor-area:has(#content_manage_products) .search-filters {
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) #content_search_filters,
body.vendor-area:has(#content_manage_products) .search-filters-wrapper__form-wrapper {
    overflow: visible;
}

body.vendor-area:has(#content_manage_products) .search-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .78),
            rgba(12, 20, 35, .86)
        );
    box-shadow: var(--inner), 0 12px 28px rgba(0, 0, 0, .16);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown,
body.vendor-area:has(#content_manage_products) .search-filters__item,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter {
    margin: 0;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter {
    background: transparent;
    z-index: 3;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter:before {
    background: linear-gradient(90deg, transparent 0, rgba(20, 32, 54, .9) 70%, rgba(20, 32, 54, .95) 100%);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__button-popup,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn {
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 5px 11px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__button-popup,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-toggle {
    display: inline-flex;
}

body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn:not(.hidden) {
    display: inline-flex;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__dropdown-toggle:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__button-popup:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__button-popup:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__clear-filter-btn:not(.hidden):not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__add-filter:not(.open) .search-filters__add-filter-dropdown-toggle:not(:hover):not(:focus) {
    border-style: dashed;
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .03);
    color: var(--muted);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown .search-filters__dropdown-toggle .caret {
    margin-left: 0;
    margin-top: 5px;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-toggle:hover,
body.vendor-area:has(#content_manage_products) .search-filters__button-popup:hover,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-toggle:hover,
body.vendor-area:has(#content_manage_products) .open > .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .open > .search-filters__add-filter-dropdown-toggle {
    background: var(--soft2);
    color: var(--text);
    border-style: solid;
    border-color: var(--line);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown:has(.search-filters__clear-filter-btn:not(.hidden)) .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:has(.search-filters__clear-filter-btn:not(.hidden)) .search-filters__button-popup {
    color: #fff;
    border-style: solid;
    border-color: var(--line2);
    background: rgba(118, 103, 255, .18);
}

body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn {
    color: var(--muted);
    padding-left: 8px;
    padding-right: 8px;
}

body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn:hover {
    color: var(--text);
    background: var(--soft2);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu {
    display: none;
    flex-flow: column;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 10px 12px;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown.open .search-filters__dropdown-menu,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter.open .search-filters__add-filter-dropdown-menu {
    display: flex;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu label,
body.vendor-area:has(#content_manage_products) .search-filters__variant-item,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu label {
    display: flex;
    gap: 4px;
    padding: 0;
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area .select2-container--default .select2-selection--multiple,
body.vendor-area select:not(.select2-hidden-accessible),
body.vendor-area .cm-picker-value,
body.vendor-area .cm-picker-value-description,
body.vendor-area .choose-input input,
body.vendor-area #elm_tag,
body.vendor-area #view_name,
body.vendor-area .calendar__date,
body.vendor-area input[type="text"],
body.vendor-area input[type="number"],
body.vendor-area input[type="search"],
body.vendor-area input[type="url"],
body.vendor-area input[name="secret_new"],
body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) input.input-large,
body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large,
body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-text,
body.vendor-area textarea {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
    color-scheme: dark;
    margin: 0;
    width: 100%;
    max-width: 270px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) :is(input[name="url"], input[name="secret_new"]) {
    width: 100%;
    max-width: 720px;
}

body.vendor-area :is(
    input:not(
        [type="checkbox"],
        [type="radio"],
        [type="hidden"],
        [type="file"],
        [type="submit"],
        [type="button"],
        [type="reset"],
        [type="image"],
        [type="range"],
        [type="color"],
        .select2-search__field
    ),
    select:not(.select2-hidden-accessible),
    textarea,
    .cm-picker-value,
    .cm-picker-value-description,
    .choose-input input,
    .signin-modal__form-field
):focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area :is(input, textarea)::placeholder {
    color: var(--muted2);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu input:focus,
body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu select:focus,
body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu textarea:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu > li > a,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu .checkbox {
    color: var(--text);
    font-size: 12px;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu > li > a:hover,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu .checkbox:hover {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .object-picker--categories .object-picker__advanced-btn--categories,
body.vendor-area .object-picker__simple--categories {
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) #content_search_filters .object-picker--categories select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-line-height: 32px;
    --games2-select2-arrow-height: 32px;
    --games2-select2-placeholder: var(--muted);
    --games2-select2-disabled-opacity: .45;
}

body.vendor-area .search-filters__item-raw {
    padding: 0;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown-menu .search-filters__item-raw > div + div {
    margin-top: 8px;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown.open {
    z-index: 4;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown.open .select2-container--open {
    z-index: 5;
}

body.vendor-area .select2-dropdown.games2-products-filter-select2 {
    z-index: 1060;
}

body.vendor-area .select2-dropdown.games2-products-filter-select2 .object-picker__result--categories {
    color: var(--text);
}

body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar {
    height: 8px;
}
body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar {
    width: 8px;
}

body.vendor-area #content_select_fields_to_edit .buttons-container,
body.vendor-area .ui-dialog .buttons-container {
    margin: 0;
    padding: 12px 14px;
    border-top: 1px solid var(--line);
    border-radius: 0 0 16px 16px;
    background: rgba(18, 29, 49, .94);
    box-shadow: none;
}

body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .buttons-container .btn {
    border-radius: 10px;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) form[name="categories_form"],
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .items-container.multi-level {
    background: transparent;
    color: var(--text);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .items-container.multi-level {
    margin-bottom: 0;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .category-tree-wrapper {
    background: transparent;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree > thead > tr > th {
    border-bottom: 1px solid var(--line);
    background: rgba(18, 29, 49, .94);
    color: var(--muted);
    font-weight: 800;
    letter-spacing: .03em;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:hover > td {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.row-actionable:hover > td {
    background: rgba(118, 103, 255, .28);
    color: #fff;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:has(input.cm-item:checked) > td {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:has(input.cm-item:checked):hover > td {
    background: rgba(118, 103, 255, .30);
    color: #fff;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-d > td,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-h > td {
    opacity: .88;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-d > td .inline-label,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-h > td .inline-label,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-d > td label,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.cm-row-status-h > td label {
    color: var(--muted);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree .inline-label,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree label.inline-label {
    color: var(--text);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree .small-note {
    color: var(--muted2);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.row-actionable:hover > td .inline-label,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:has(input.cm-item:checked) > td .inline-label {
    color: #fff;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .icon-caret-right,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .icon-caret-down,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .icon-caret-right.cs-dark-theme-invert,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .icon-caret-down.cs-dark-theme-invert {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.row-actionable:hover .icon-caret-right,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr.row-actionable:hover .icon-caret-down,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:has(input.cm-item:checked) .icon-caret-right,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .table-tree tbody tr:has(input.cm-item:checked) .icon-caret-down {
    filter: brightness(0) invert(1);
    opacity: .95;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combination-cat,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combinations-cat {
    color: var(--muted);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combination-cat:hover,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combinations-cat:hover {
    color: var(--text);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .quick-select-protip,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .no-items,
body.vendor-area .ui-dialog:has(form[name="categories_form"]) .no-items.center {
    color: var(--muted);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .no-items a {
    color: var(--accent2);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"],
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] {
    background: transparent;
    color: var(--text);
}

body.vendor-area .adv-search .group,
body.vendor-area .search-advanced .group {
    margin-top: 8px;
    border: 1px solid var(--line);
    padding: 8px 12px;
    border-radius: 12px;
    background:
            linear-gradient(
                    180deg,
                    rgba(20, 32, 54, .74),
                    rgba(12, 20, 35, .78)
            );
    color: var(--text);
    box-shadow: var(--inner);
    box-sizing: border-box;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table .cm-combination {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table .cm-combination a {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .cm-combination {
    display: inline-flex;
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area .cm-combination:is(:hover, :focus) {
    color: var(--text);
}

body.vendor-area :is(.icon-chevron-down, .icon-chevron-up) {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .cm-combination:is(:hover, :focus) :is(.icon-chevron-down, .icon-chevron-up) {
    opacity: 1;
}

body.vendor-area :is(.cm-combinations-pages_list, .cm-combination-pages_list) {
    color: var(--muted);
}


body.vendor-area:has(#content_manage_products) .ui-dialog:is(:has(form[name="add_orders"]), :has(form[name="add_products"])) .search-advanced {
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] .search-advanced .group:has(input[name="p_ids"]) .cm-external-click.btn {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] .search-advanced .group:has(input[name="p_ids"]) .cm-external-click.btn:hover,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] .search-advanced .group:has(input[name="p_ids"]) .cm-external-click.btn:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] .search-advanced .group:has(input[name="p_ids"]) .cm-external-click.btn .btn__icon,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] .search-advanced .group:has(input[name="p_ids"]) .cm-external-click.btn .icon {
    filter: brightness(0) invert(1);
    opacity: .85;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive {
    margin-bottom: 0;
    background: transparent;
    border-collapse: collapse;
    color: #dbe2ed;
}


body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr > th,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr > td {
    padding: 12px 14px;
    font-size: 12px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    vertical-align: middle !important;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:first-child > th {
    border-bottom: 1px solid var(--line);
    background: rgba(18, 29, 49, .94);
    color: var(--muted);
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child) > td {
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    color: #dbe2ed;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child):hover > td {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:has(input.cm-item:checked) > td {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:has(input.cm-item:checked):hover > td {
    background: rgba(118, 103, 255, .30);
    color: #fff;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child) > td.cm-order-status,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child) > td.cm-order-customer,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child) > td.cm-order-timestamp,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table.table-responsive > tbody > tr:not(:first-child) > td.cm-order-total {
    color: inherit;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"],
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] {
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) .object-picker__advanced-btn--categories {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) .object-picker__advanced-btn--categories:hover,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) .object-picker__advanced-btn--categories:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced label {
    color: var(--muted);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced .description,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced .muted {
    color: var(--muted2);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced select:not([multiple]):not(.select2-hidden-accessible) {
    min-height: 38px;
    padding: 0 32px 0 11px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
    color-scheme: dark;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced select:not([multiple]):not(.select2-hidden-accessible):focus {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
    outline: none;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field {
    display: inline-flex;
    flex-flow: wrap;
    align-items: center;
    flex: 1 0 100%;
    gap: 0 8px;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0;
    color: var(--text);
}

body.vendor-area .sidebar .sidebar-row .break {
    width: 100%;
}

body.vendor-area .sidebar #simple_search {
    display: flex;
    flex-flow: wrap;
    gap: 6px;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced .control-group {
    color: var(--text);
    background: transparent;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced input:focus,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced textarea:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) .select2-dropdown {
    z-index: 10050;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] .table.table-responsive {
    margin-bottom: 0;
    background: transparent;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] .table > tbody > tr:has(input.cm-item:checked) > td {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] .table > tbody > tr:has(input.cm-item:checked):hover > td {
    background: rgba(118, 103, 255, .30);
    color: #fff;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] .table > tbody > tr:has(input.cm-item:checked) > td label {
    color: inherit;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group:last-child {
    margin-bottom: 0;
}

body.vendor-area:has(#content_manage_products) #adv_search .muted {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    padding-inline: 0;
}

body.vendor-area .ui-dialog .object-container {
    color-scheme: dark;
}

body.vendor-area:has(#content_manage_products) #adv_search select:not([multiple]),
body.vendor-area:has(#content_manage_products) #adv_search .controls .select-mini {
    width: 100% !important;
    max-width: 250px;
    flex: 1;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group .controls input[type="text"] {
    width: auto !important;
    flex: 1;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group .controls .description {
    width: 100%;
    margin: 0;
}

body.vendor-area .search-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .025);
    color: var(--text);
    font-weight: 800;
    text-decoration: none;
    box-sizing: border-box;
}

body.vendor-area:has(#content_manage_products) #adv_search .table-responsive--centered {
    width: 100%;
}

body.vendor-area .search-link:hover,
body.vendor-area .search-link:focus {
    background: var(--soft);
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .search-link .icon-caret-right,
body.vendor-area .search-link .icon-caret-down {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area:has(#content_manage_products) #adv_search .table-wrapper {
    padding-top: 12px;
}

body.vendor-area:has(#content_manage_products) #adv_search .table-wrapper,
body.vendor-area:has(#content_manage_products) #adv_search .table,
body.vendor-area:has(#content_manage_products) #adv_search .table thead,
body.vendor-area:has(#content_manage_products) #adv_search .table tbody,
body.vendor-area:has(#content_manage_products) #adv_search .table tr,
body.vendor-area:has(#content_manage_products) #adv_search .table th,
body.vendor-area:has(#content_manage_products) #adv_search .table td {
    background: transparent;
    color: var(--text);
    border-color: var(--line);
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple] {
    min-height: 0;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
    color-scheme: dark;
    overflow: auto;
    width: 100%;
    scrollbar-color: rgba(255, 255, 255, .18) rgba(7, 11, 20, .72);
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple] option {
    background: rgba(7, 11, 20, .92);
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) #adv_search .btn .icon-reorder {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-placeholder: var(--muted);
    --games2-select2-inline-search-line-height: 22px;
}

body.vendor-area .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable,
body.vendor-area .select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background: rgba(118, 103, 255, .16);
    color: #fff;
}

body.vendor-area .object-selector {
    margin-bottom: 0;
    width: 100% !important;
}

body.vendor-area .object-selector-result,
body.vendor-area .object-selector-result__text {
    color: inherit;
}

body.vendor-area .select2-results__option--highlighted .object-selector-result__append,
body.vendor-area .object-selector-result__help {
    color: inherit;
    opacity: .85;
}

body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product thead td {
    padding-bottom: 6px;
}

body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product thead td + td,
body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product tbody td + td {
    padding-left: 6px;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) {
    overflow: hidden;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .control-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar,
body.vendor-area .std42-dialog > .ui-dialog-titlebar {
    border: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(7, 11, 20, .28);
    color: var(--text);
}

body.vendor-area .control-group .controls .input-prepend {
    display: flex;
    width: 100%;
}

body.vendor-area .attach-images .upload-box .image-alt input {
    width: 100%;
}

body.vendor-area .control-group .controls .input-prepend .add-on {
    flex: 0 0 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-color: var(--line);
    background: rgba(255, 255, 255, .06);
    color: var(--muted);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group .controls {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 6px;
    margin-left: 0;
}
body.vendor-area .sidebar .control-group .controls,
body.vendor-area .group .control-group .controls,
body.vendor-area .control-group .controls {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    width: 100%;
}
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
    select[data-games2-select2="vendor"]:is(
        [name="block_data[properties][template]"],
        [name="block_data[properties][wrapper]"],
        [name="snapping_data[wrapper]"],
        [name^="block_data[content]["][name$="[filling]"],
        [name^="block_data[content]["][name$="[period]"]
    )
) .controls {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}
body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
    select[name="block_data[properties][template]"]
) .controls {
    gap: 8px;
    flex-wrap: wrap;
}
body.vendor-area .sidebar-field .controls,
body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .controls,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal .controls {
    margin: 0;
    float: none;
    width: 100%;
}
body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .controls {
    margin-left: 30px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls {
    justify-content: left;
    gap: 10px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls div {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) input[name="new_view"] {
    width: 100%;
    min-width: 270px;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .buttons-container .cm-dialog-closer.btn {
    min-height: 36px;
    padding: 7px 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .buttons-container .cm-dialog-closer.btn:hover,
body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .buttons-container .cm-dialog-closer.btn:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area #content_manage_products .products-table thead .th-text-overflow-wrapper,
body.vendor-area #content_manage_products .products-table thead th a.th-text-overflow {
    display: inline-flex;
}

body.vendor-area #content_manage_products .products-table .products-list__image {
    width: 56px;
    vertical-align: middle;
}

body.vendor-area #content_manage_products .products-table .products-list__image--link,
body.vendor-area #content_manage_products .products-table .products-list__image--img,
body.vendor-area #content_manage_products .products-table .no-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(7, 11, 20, .55);
    overflow: hidden;
    box-sizing: border-box;
}

body.vendor-area #content_manage_products .products-table .products-list__image--img {
    object-fit: cover;
}

body.vendor-area #content_manage_products .products-table .no-image {
    color: var(--muted2);
}

body.vendor-area #content_manage_products .products-table .product-name-column a.row-status:hover,
body.vendor-area #content_manage_products .products-table .product-name-column a.row-status:focus {
    color: var(--accent2);
}

body.vendor-area #content_manage_products .products-table .product-list__labels,
body.vendor-area #content_manage_products .products-table .product-code__label,
body.vendor-area #content_manage_products .products-table .product-list__company-name-wrapper {
    color: var(--muted2);
    font-size: 11px;
    font-weight: 600;
}

body.vendor-area #content_manage_products .products-table input.input-small.input-hidden,
body.vendor-area #content_manage_products .products-table input.input-mini.input-hidden,
body.vendor-area #content_manage_products .products-table input.input-micro {
    min-height: 30px;
    max-width: 100%;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area #content_manage_products .products-table input.input-small.input-hidden:hover,
body.vendor-area #content_manage_products .products-table input.input-mini.input-hidden:hover,
body.vendor-area #content_manage_products .products-table input.input-micro:hover {
    border-color: var(--line);
    background: rgba(7, 11, 20, .45);
}

body.vendor-area #content_manage_products .products-table input.input-small.input-hidden:focus,
body.vendor-area #content_manage_products .products-table input.input-mini.input-hidden:focus,
body.vendor-area #content_manage_products .products-table input.input-micro:focus {
    border-color: var(--line2);
    outline: none;
    background: rgba(7, 11, 20, .72);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area #content_manage_products .products-table .status-dropdown--type-products-manage,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown--type-products-manage {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: none;
    box-shadow: var(--inner);
    white-space: nowrap;
}

body.vendor-area #content_manage_products .products-table .status-dropdown .status-caret,
body.vendor-area #content_manage_products .products-table .status-dropdown .caret {
    margin-left: 0;
    margin-top: 5px;
    border-top-color: currentColor;
    opacity: .85;
}

body.vendor-area #content_manage_products .products-table .status-dropdown-r,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-r {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area #content_manage_products .products-table .status-dropdown-x,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-x {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-r:hover,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-r:focus,
body.vendor-area #content_manage_products .products-table .open > .btn.status-dropdown.status-dropdown-r {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .5);
    background: rgba(240, 198, 106, .2);
}

body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-x:hover,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-x:focus,
body.vendor-area #content_manage_products .products-table .open > .btn.status-dropdown.status-dropdown-x {
    color: var(--red);
    border-color: rgba(255, 115, 122, .5);
    background: rgba(255, 115, 122, .2);
}

body.vendor-area #content_manage_products .products-table .view-status--type-products-manage {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    font-size: 11px;
    font-weight: 700;
}

body.vendor-area #content_manage_products .products-table .view-status-a {
    color: var(--green);
    background: rgba(58, 212, 138, .12);
    border-color: rgba(58, 212, 138, .35);
}

body.vendor-area #content_manage_products .products-table .view-status-d {
    color: var(--muted);
    background: rgba(255, 255, 255, .05);
}

body.vendor-area #content_manage_products .products-table .view-status-h {
    color: var(--cyan);
    background: rgba(89, 183, 255, .10);
    border-color: rgba(89, 183, 255, .28);
}

body.vendor-area #content_manage_products .products-table .view-status-r {
    color: var(--amber);
    background: rgba(240, 198, 106, .12);
    border-color: rgba(240, 198, 106, .35);
}

body.vendor-area #content_manage_products .products-table .view-status-x {
    color: var(--red);
    background: rgba(255, 115, 122, .12);
    border-color: rgba(255, 115, 122, .35);
}

body.vendor-area #content_manage_products .bulk-edit .caret {
    border-top-color: var(--muted);
}

body.vendor-area #content_manage_products .bulk-edit-inner,
body.vendor-area #content_manage_products .bulk-edit-inner--categories,
body.vendor-area #content_manage_products .bulk-edit-inner--price {
    background: rgba(14, 22, 38, .98);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    color: var(--text);
}

body.vendor-area #content_manage_products .bulk-edit-inner__header,
body.vendor-area #content_manage_products .bulk-edit-inner__body,
body.vendor-area #content_manage_products .bulk-edit-inner__footer,
body.vendor-area #content_manage_products .bulk-edit-inner__hint,
body.vendor-area #content_manage_products .bulk-edit-inner__input-group,
body.vendor-area #content_manage_products .input-group__text,
body.vendor-area #content_manage_products .input-group__modifier {
    color: var(--muted);
}

body.vendor-area #content_manage_products .bulk-edit-inner input[type="text"],
body.vendor-area #content_manage_products .bulk-edit-inner input[type="number"],
body.vendor-area #content_manage_products .bulk-edit-inner select {
    min-height: 32px;
    padding: 5px 9px;
    border-radius: 8px;
}

body.vendor-area #content_manage_products .bulk-edit-inner .btn {
    border-radius: 10px;
}

body.vendor-area #content_manage_products .bulk-edit--overlay {
    background: rgba(0, 0, 0, .35);
}

body.vendor-area #content_select_fields_to_edit {
    color: var(--text);
}

body.vendor-area #content_select_fields_to_edit p,
body.vendor-area #content_select_fields_to_edit .muted {
    color: var(--muted);
}

body.vendor-area #content_select_fields_to_edit label,
body.vendor-area #content_select_fields_to_edit .checkbox {
    color: #d5deeb;
    font-size: 12px;
}

body.vendor-area #content_select_fields_to_edit .btn {
    border-radius: 10px;
}

@media (max-width: 1024px) {
    body.vendor-area:has(#content_manage_products) .content__top-navigation-main {
        flex-wrap: wrap;
    }

    body.vendor-area:has(#content_manage_products) .content__context-search,
    body.vendor-area:has(#content_manage_products) .context-search {
        min-width: 180px;
        flex: 1 1 200px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(#content_manage_products) .search-filters {
        padding: 10px;
        border-radius: 14px;
    }

    body.vendor-area:has(#content_manage_products) .content__context-search,
    body.vendor-area:has(#content_manage_products) .context-search {
        min-width: 0;
        width: 100%;
    }

    body.vendor-area:has(#content_manage_products) .content__saved-search .pills {
        max-width: 100%;
    }

    body.vendor-area #content_manage_products .products-table .status-dropdown--type-products-manage {
        max-width: 100%;
    }
}

body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"],
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    font-size: 13px;
    box-sizing: border-box;
    box-shadow: none;
}

body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"]::file-selector-button,
body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"]::-webkit-file-upload-button,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file::file-selector-button,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 7px 12px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--soft);
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"]:focus,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .control-label .cm-required::after,
body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .control-label.cm-required::after {
    color: var(--red, #ff6b7a);
}

body.vendor-area:has(form[name="product_update_form"]) #content_detailed hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--line);
}

body.vendor-area:has(form[name="product_update_form"]) #product_description_product {
    max-width: 100%;
}

body.vendor-area:has(form[name="product_update_form"]) #elm_price_price,
body.vendor-area:has(form[name="product_update_form"]) #elm_in_stock {
    max-width: 240px;
    width: 100%;
}

body.vendor-area:has(form[name="product_update_form"]) .input-group:has(.cs-append-language) > .input-large,
body.vendor-area:has(form[name="product_update_form"]) .input-group:has(.cs-append-language) > input[type="text"].input-large,
body.vendor-area:has(form[name="product_update_form"]) .input-group:has(.cs-append-language) > textarea.input-large {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.vendor-area:has(form[name="product_update_form"]) .input-group .add-on.cs-append-language {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    box-shadow: none;
    color: var(--muted);
}

body.vendor-area:has(form[name="product_update_form"]) .input-group .add-on.cs-append-language:hover {
    background: var(--soft2);
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .cs-append-language__icon {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

body.vendor-area:has(form[name="product_update_form"]) .add-on.cs-append-language::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    opacity: .88;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.vendor-area:has(form[name="product_update_form"]) .product-category .object-picker--categories.object-categories-add {
    position: relative;
    max-width: 100%;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 32px 0 11px;
    line-height: var(--games2-select2-line-height);
    color: var(--text);
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--text);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    padding: 0 6px;
    overflow: hidden;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2-selection--multiple .select2__category-name,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2-selection--multiple .select2__category-parents {
    color: var(--text);
    padding-left: 8px;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2-selection--multiple .select2__category-parents,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2-selection--multiple .select2__category-company {
    color: var(--muted2);
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2 .select2-search {
    margin-top: 4px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    box-shadow: none;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2 .select2-search:before {
    filter: brightness(0) invert(1);
    margin-bottom: 7px;
}

body.vendor-area .select2-dropdown .select2-search--dropdown .select2-search__field:focus,
body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2 .select2-search__field:focus {
    outline: none;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-picker__advanced-btn--categories,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-categories-add__picker {
    bottom: 7px;
    min-height: 34px;
    padding: 4px 10px;
    border: 1px solid var(--line);
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-picker__advanced-btn--categories:hover,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-picker__advanced-btn--categories:focus,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-categories-add__picker:hover,
body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-categories-add__picker:focus {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .object-picker__advanced-btn--categories .icon-reorder {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .ui-select2-sortable-placeholder {
    border: 1px dashed var(--line2);
    background: rgba(118, 103, 255, .06);
}

body.vendor-area .redactor-box {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    box-shadow: none;
    overflow: hidden;
}

body.vendor-area .redactor-toolbar {
    background: rgba(18, 29, 49, .94);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}

body.vendor-area .redactor-toolbar li a {
    color: var(--muted);
    background: transparent;
    border-right-color: var(--line);
}

body.vendor-area .redactor-toolbar li a:hover,
body.vendor-area .redactor-toolbar li a.redactor-button-focus {
    color: var(--text);
    background: var(--soft2);
}

body.vendor-area .redactor-toolbar li a:active,
body.vendor-area .redactor-toolbar li a.redactor-act {
    color: #fff;
    background: rgba(118, 103, 255, .22);
}

body.vendor-area .redactor-toolbar li a.redactor-button-disabled:hover {
    color: var(--muted2);
    background: transparent;
}

body.vendor-area .redactor-layer,
body.vendor-area .redactor-box textarea.open {
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    border-color: transparent;
}

body.vendor-area .redactor-styles,
body.vendor-area .redactor-layer.redactor-in {
    color: var(--text);
}

body.vendor-area .redactor-dropdown {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area .redactor-dropdown li {
    border-bottom-color: var(--line);
}

body.vendor-area .redactor-dropdown li:hover,
body.vendor-area .redactor-dropdown li:hover a {
    background: rgba(118, 103, 255, .05);
    color: var(--text) !important;
}

body.vendor-area .redactor-dropdown a,
body.vendor-area .redactor-dropdown span {
    color: var(--text);
}

body.vendor-area .redactor-dropdown a.selected,
body.vendor-area .redactor-dropdown a.redactor-dropdown-link-selected {
    background: rgba(118, 103, 255, .18);
    color: #fff;
}

body.vendor-area .redactor-link-tooltip {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(14, 22, 38, .98);
    color: var(--muted2);
    box-shadow: var(--shadow);
}

body.vendor-area .redactor-link-tooltip a {
    color: var(--text);
}

body.vendor-area #redactor-modal-overlay {
    background: rgba(0, 0, 0, .58);
}

body.vendor-area #redactor-modal {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area #redactor-modal #redactor-modal-header {
    border-bottom: 1px solid var(--line);
    color: var(--text);
}

body.vendor-area #redactor-modal #redactor-modal-close {
    color: var(--muted);
}

body.vendor-area #redactor-modal #redactor-modal-close:hover {
    color: var(--text);
}

body.vendor-area #redactor-modal #redactor-modal-body label {
    color: var(--muted);
}

body.vendor-area .select2-dropdown:has(.object-picker__result--categories) .object-picker__result--categories {
    color: var(--text);
}

body.vendor-area #redactor-modal select,
body.vendor-area #redactor-modal input[type="text"],
body.vendor-area #redactor-modal input[type="url"],
body.vendor-area #redactor-modal input[type="email"],
body.vendor-area #redactor-modal input[type="number"],
body.vendor-area #redactor-modal textarea {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area #redactor-modal select:focus,
body.vendor-area #redactor-modal input:focus,
body.vendor-area #redactor-modal textarea:focus {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
    outline: none;
}

body.vendor-area #redactor-modal button {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--text);
}

body.vendor-area #redactor-modal button:hover {
    background: var(--soft2);
    border-color: var(--line2);
}

@media (max-width: 767px) {
    body.vendor-area .redactor-toolbar {
        overflow-x: auto;
        white-space: nowrap;
    }
}

body.vendor-area .fileuploader {
    max-width: 100%;
}

body.vendor-area .fileuploader .btn-group {
    max-width: 100%;
}

body.vendor-area .fileuploader .btn-group > .btn,
body.vendor-area .fileuploader .upload-file-local > .btn {
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid var(--line);
    background: rgba(7, 11, 20, .72);
    color: var(--muted);
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}

body.vendor-area .fileuploader .btn-group > .btn:hover,
body.vendor-area .fileuploader .btn-group > .btn:focus,
body.vendor-area .fileuploader .upload-file-local > .btn:hover,
body.vendor-area .fileuploader .upload-file-local > .btn:focus {
    background: var(--soft2);
    color: var(--text);
}

body.vendor-area .fileuploader .btn-group > .btn.active,
body.vendor-area .fileuploader .btn-group > a.btn.active,
body.vendor-area .fileuploader .upload-file-local:has(input.active) > .btn {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .20);
    color: #fff;
    box-shadow: none;
}

body.vendor-area .fileuploader input[type="file"] {
    color-scheme: dark;
}

body.vendor-area .fileuploader .upload-file-local,
body.vendor-area .fileuploader .upload-file-local .image-selector,
body.vendor-area .fileuploader .upload-file-local label,
body.vendor-area .fileuploader .upload-file-local input[type="file"] {
    cursor: pointer;
}

body.vendor-area .fileuploader .upload-file-local input[type="file"]::file-selector-button,
body.vendor-area .fileuploader .upload-file-local input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

body.vendor-area .fileuploader .cm-fu-file,
body.vendor-area .fileuploader .upload-filename,
body.vendor-area .fileuploader .upload-filename a {
    color: var(--text);
}

body.vendor-area .fileuploader .cm-fu-file .cs-icon {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .fileuploader .cm-fu-file .cs-icon:hover {
    opacity: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader {
    color: var(--text);
}

body.vendor-area .file-uploader__pickers {
    position: static;
    display: flex;
    width: 240px;
    height: 240px;
}

body.vendor-area .file-uploader__files-container {
    display: flex;
    gap: 10px;
}

body.vendor-area .file-uploader__pickers,
body.vendor-area .file-uploader__file {
    float: none;
    margin: 0;
    padding: 0;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file .file-uploader__file-square,
body.vendor-area .file-uploader__pickers .file-uploader__file-square,
body.vendor-area .file-uploader__pickers .file-uploader__file-square.file-uploader__file-square--no-files {
    background: rgba(12, 20, 35, .72);
    border-radius: 14px;
    overflow: hidden;
}

body.vendor-area .file-uploader__pickers .file-uploader__file-square.file-uploader__file-square--no-files {
    height: 240px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers .file-uploader__file-square:before {
    border: 1px dashed var(--line2);
    border-radius: 14px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers .file-uploader__file-square:hover:before,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader.cm-file-uploader.dz-drag-hover .file-uploader__pickers .file-uploader__file-square:before,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers.file-uploader__pickers--expanded .file-uploader__file-square:before {
    border-color: rgba(118, 103, 255, .55);
    background: rgba(118, 103, 255, .08);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-text,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-icon {
    color: var(--muted);
    text-shadow: none;
    opacity: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-content {
    gap: 6px;
    padding: 8px;
    box-sizing: border-box;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-content > p {
    margin: 0;
    text-align: center;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-text {
    line-height: 1.35;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers .file-uploader__file-square:not(.file-uploader__file-square--no-files) {
    min-width: 168px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons.btn-group {
    display: inline-flex;
    align-items: stretch;
    max-width: 100%;
    white-space: nowrap;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    float: none;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select[data-ca-fileupload-picker-local] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 38px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px 0 0 10px;
    background: var(--soft);
    background-image: none;
    color: var(--text);
    box-shadow: none;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select.dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    background-image: none;
    color: var(--muted);
    box-shadow: none;
    max-width: none;
    cursor: pointer;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons:not(:has(> .dropdown-toggle)) > .file-uploader__pickers-buttons-select {
    border-radius: 10px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select[data-ca-fileupload-picker-local]:hover,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select[data-ca-fileupload-picker-local]:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select.dropdown-toggle:hover,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select.dropdown-toggle:focus,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons.open > .file-uploader__pickers-buttons-select.dropdown-toggle {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select.dropdown-toggle .caret {
    display: inline-block;
    margin: 0;
    border-top-color: currentColor;
    opacity: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-menu.dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file .file-uploader__file-square:before {
    border: 1px solid var(--line);
    border-radius: 14px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-section_text-data[data-dz-errormessage] {
    border-radius: 8px;
    background: rgba(14, 22, 38, .94);
    color: var(--red, #ff6b7a);
    padding: 8px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-progressbar .progress {
    background: rgba(255, 255, 255, .08);
    border-radius: 4px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-progressbar .progress .bar {
    background-color: rgba(118, 103, 255, .72);
    background-image: linear-gradient(90deg, rgba(118, 103, 255, .92) 25%, transparent 25%, transparent 50%, rgba(118, 103, 255, .92) 50%, rgba(118, 103, 255, .92) 75%, transparent 75%, transparent);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-button {
    color: var(--text);
    opacity: .78;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-button:hover {
    opacity: 1;
    color: #fff;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-description-input {
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__remove-overlay {
    background: rgba(7, 11, 20, .82);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__remove-text {
    color: var(--muted);
    text-shadow: none;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__sortable-placeholder {
    background: rgba(118, 103, 255, .08);
    border: 1px dashed rgba(118, 103, 255, .55);
    border-radius: 10px;
}

body.vendor-area .controls .table-responsive-wrapper {
    flex: 1 0 auto;
}

body.vendor-area:has(form[name="product_update_form"]) #content_detailed .controls .table-responsive-wrapper .table > tbody > tr > td {
    background: transparent;
    vertical-align: middle;
}

body.vendor-area:has(form[name="product_update_form"]) #content_detailed .controls .table-responsive-wrapper .table > tbody > tr:hover > td {
    background: rgba(12, 20, 35, .45);
}

body.vendor-area:has(form[name="product_update_form"]) #content_detailed .table.table-middle td .btn-group {
    margin-top: 0;
}

body.vendor-area:has(form[name="product_update_form"]) #content_detailed .table.table-middle td input[type="text"] {
    width: 100%;
    max-width: 100%;
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper .table.table-middle .handler {
    filter: brightness(0) invert(1);
    margin: 0;
    width: auto;
    padding: 0 7px;
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper .video-preview {
    border-radius: 8px;
    border: 1px solid var(--line);
}

body.vendor-area .table .shift-input {
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper select[disabled] {
    opacity: .72;
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper .js-video-preview {
    color: var(--muted2);
}

body.vendor-area:has(form[name="product_update_form"]) .btn-live-edit {
    margin-top: 8px;
}

body.vendor-area:has(form[name="product_update_form"]) #content_top_navigation,
body.vendor-area:has(form[name="product_update_form"]) #content_top_navigation_main,
body.vendor-area:has(form[name="product_update_form"]) .content__top-navigation-secondary {
    color: var(--text);
    background: transparent;
}

@media (max-width: 767px) {
    body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .control-label,
    body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .controls {
        float: none;
        width: 100%;
        text-align: left;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers,
    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file:first-child,
    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }

    body.vendor-area:has(form[name="product_update_form"]) #elm_price_price,
    body.vendor-area:has(form[name="product_update_form"]) #elm_in_stock {
        max-width: 100%;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__files-container {
        margin-left: 0;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons.btn-group {
        max-width: 100%;
        white-space: normal;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select[data-ca-fileupload-picker-local] {
        flex: 1 1 auto;
        min-width: 0;
    }
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook {
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--line);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook h4 {
    margin: 0 0 12px;
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .02em;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .controls {
    gap: 10px;
    flex: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .controls > p {
    color: #dbe2ed;
    line-height: 1.55;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .controls > p:last-child {
    margin-bottom: 0;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .controls > p > strong {
    color: var(--muted);
    font-weight: 700;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .table {
    margin-top: 10px;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .table > thead > tr > th {
    background: rgba(18, 29, 49, .94);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook .table .muted {
    color: var(--muted2);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook textarea[name="codes_text"] {
    width: 100%;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook textarea[name="codes_text"]:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook select[name="codes_option_key"] {
    max-width: 640px;
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook select[name="codes_option_key"]:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook select[name="codes_option_key"] option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .product-codes-content-files-hook input[type="file"][name="codes_csv_file"] {
    max-width: 640px;
}

body.vendor-area .alert-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    margin-bottom: 20px;
    text-shadow: none;
    border-color: rgba(89, 183, 255, .35);
    border-radius: 10px;
    background: rgba(89, 183, 255, .1);
}

body.vendor-area .content-wrap pre.muted {
    max-width: 720px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(5, 9, 17, .82);
    color: #dbe2ed;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    box-sizing: border-box;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal {
    max-width: 720px;
    margin: 8px 0 0;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
    color: var(--text);
    box-sizing: border-box;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal .control-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
    float: none;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file {
    max-width: 100%;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal .buttons-container {
    margin: 4px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) input.btn.btn-primary[name="dispatch[product_codes.vendor_keys_import]"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) input.btn.btn-primary[name="dispatch[product_codes.vendor_keys_import]"] {
        width: 100%;
    }
}

body.vendor-area #product_reviews_form {
    color: var(--text);
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > li > a {
    background: transparent;
    border: 1px solid transparent;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > li.active > a,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > .active > a:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > .active > a:focus {
    color: #fff;
    background: rgba(118, 103, 255, .20);
    border-color: var(--line2);
    box-shadow: none;
    text-shadow: none;
}

body.vendor-area .sidebar .nav-list > li > a,
body.vendor-area .sidebar .saved-search a {
    color: var(--muted);
}

body.vendor-area .sidebar .nav-list > li.active > a,
body.vendor-area .sidebar .nav-list > li > a:hover {
    color: var(--text);
    background: var(--soft);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(#adv_search) #adv_search.adv-search .group:not(:has(*)),
body.vendor-area:has(#content_manage_products) #adv_search.adv-search .group:not(:has(*)),
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .group .group {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[type="text"],
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search select:not(.select2-hidden-accessible),
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .calendar__date {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
    color-scheme: dark;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_from"],
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_to"] {
    flex: 1 1 120px;
    min-width: 0;
    width: auto;
    max-width: none;
    display: inline-block;
    vertical-align: middle;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .period-selector__divider {
    margin: 0 4px;
    color: var(--muted2);
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .cm-external-focus,
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .calendar {
    color: var(--muted);
}

body.vendor-area .controls > .nowrap {
    width: 100%;
    white-space: normal;
    max-width: 100%;
}

body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input,
body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field select {
    box-sizing: border-box;
}

body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_from"],
body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_to"] {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 767px) {
    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field {
        display: block;
        min-width: 0;
        width: 100%;
        margin-right: 0;
    }

    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_from"],
    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_to"] {
        display: inline-block;
    }

    body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_from"],
    body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_to"] {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

body.vendor-area #product_reviews_form .cs-content-more__text--advantages,
body.vendor-area #product_reviews_form .cs-content-more__text--disadvantages,
body.vendor-area #product_reviews_form .cs-content-more__text--comment,
body.vendor-area #product_reviews_form .cs-content-more__text--review-reply {
    color: #d5deeb;
    font-size: 12px;
    line-height: 1.55;
}

body.vendor-area #product_reviews_form .cs-content-more__advantages-icon,
body.vendor-area #product_reviews_form .cs-content-more__disadvantages-icon,
body.vendor-area #product_reviews_form .cs-content-more__comment-icon {
    opacity: .9;
}

body.vendor-area #product_reviews_form .cs-product-reviews-rating-stars {
    filter: saturate(1.05) brightness(1.05);
}

body.vendor-area #product_reviews_form .cs-product-reviews-manage-review-row > td > a > img,
body.vendor-area #product_reviews_form .cs-product-reviews-manage-review-row > td > a > .no-image,
body.vendor-area #product_reviews_form .cs-product-reviews-manage-review-row > td > .no-image {
    border-radius: 10px;
    border: 1px solid var(--line);
    background: rgba(7, 11, 20, .55);
}

body.vendor-area #product_reviews_form .cs-product-reviews-reviews-review-status__btn,
body.vendor-area #product_reviews_form .btn.cs-product-reviews-reviews-review-status__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: var(--inner);
}

@media (max-width: 767px) {
    body.vendor-area #product_reviews_form #pagination_product_reviews {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #content_manage_threads #pagination_contents:has(.no-items):not(:has(table.table-middle)),
    body.vendor-area #content_manage_pages #pagination_contents:has(.no-items):not(:has(table.table-tree)),
    body.vendor-area #product_reviews_form #pagination_product_reviews:has(> .no-items) {
        padding: 0;
        border-radius: 0;
    }
}

body.vendor-area #content_manage_threads,
body.vendor-area :is(#actions_panel, .nav__actions) {
    color: var(--text);
}

body.vendor-area #content_manage_orders .table-manage-orders thead .th-text-overflow,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .table thead .th-text-overflow,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .table thead a.th-text-overflow {
    display: flex;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .status-new__label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent2);
    box-shadow: 0 0 0 3px rgba(78, 143, 255, .18);
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .status-new__text {
    font-weight: 700;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .vendor-communication__message {
    display: block;
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .vendor-communication__message:hover {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .vendor-communication__message strong {
    color: var(--accent2);
    font-weight: 800;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) > div {
    margin-top: 4px;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) small,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) .muted {
    color: var(--muted);
    font-size: 11px;
    font-weight: 600;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) a {
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) a:hover {
    color: var(--accent2);
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target > td > a > img,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target > td > a > .no-image,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target > td > .no-image {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: rgba(7, 11, 20, .55);
    object-fit: cover;
    box-sizing: border-box;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"][value="vendor_to_customer"]) #threads_list_form tr.cm-longtap-target td:has(.vendor-communication__message) + td {
    color: #d5deeb;
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td.nowrap a.no-link {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target td.nowrap a.no-link:hover {
    color: var(--text);
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .table:not(:has(tbody td.right > .hidden-tools .btn-group > a.btn.dropdown-toggle)) > thead > tr > th:nth-last-child(2),
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .table:not(:has(tbody td.right > .hidden-tools .btn-group > a.btn.dropdown-toggle)) > tbody > tr.cm-longtap-target > td.right:has(> .hidden-tools) {
    display: none;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target > td.right > .hidden-tools .btn-group > a.btn.dropdown-toggle .btn__icon,
body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form tr.cm-longtap-target > td.right > .hidden-tools .btn-group > a.btn.dropdown-toggle .dropdown-icon {
    color: currentColor;
}

body.vendor-area form:last-child {
    margin: 0;
}

body.vendor-area form .advanced-search-field {
    margin-bottom: 0;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) form[name="thread_search_form"] .period-selector__divider {
    color: var(--muted2);
    margin: 0 4px;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) form[name="thread_search_form"] .cm-external-focus {
    color: var(--muted);
}

@media (max-width: 767px) {
    body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #content_manage_threads #pagination_contents {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #content_manage_pages {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) .nav__actions-btn-save {
    border-radius: 10px;
    border-color: var(--line);
    background: var(--soft);
    color: var(--text);
}

body.vendor-area p.no-items,
body.vendor-area .content .no-items {
    color: var(--muted);
    padding: 28px 16px;
    margin: 0;
    text-align: center;
    border: 1px dashed var(--line);
    border-radius: 16px;
    background: rgba(12, 20, 35, .55);
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree:has(> .no-items),
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .cm-pagination-container:has(> .no-items):not(:has(.posts-container)),
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .pages-tree__content:has(> .no-items),
body.vendor-area #content_manage_threads #pagination_contents:has(.no-items):not(:has(table.table-middle)),
body.vendor-area #content_manage_pages #pagination_contents:has(.no-items):not(:has(table.table-tree)),
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .pages-tree__content:has(> .no-items) {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .pages-tree__content {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .longtap-selection {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .pages-tree__children {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .table.table-tree td.row-status .text-over {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .table.table-tree .manage-root-item-disabled {
    color: var(--muted);
    opacity: .75;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .table.table-tree .muted,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .table.table-tree .muted small {
    color: var(--muted);
}

body.vendor-area form .bulk-edit {
    top: calc(var(--top-bar-height) + 8px);
    margin-bottom: 10px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .96);
    box-shadow: var(--inner), 0 10px 28px rgba(0, 0, 0, .28);
    z-index: 10;
    overflow: visible;
}

body.vendor-area form .bulk-edit__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
}

body.vendor-area .bulk-edit .bulk-edit__btn {
    background: transparent;
    border: 0;
}

body.vendor-area .bulk-edit .bulk-edit__btn > .dropdown-toggle,
body.vendor-area .bulk-edit .bulk-edit__btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
}

body.vendor-area .bulk-edit .bulk-edit__btn-content:hover,
body.vendor-area .bulk-edit .open > :is(.bulk-edit__btn-content, .dropdown-toggle) {
    background: rgba(118, 103, 255, .22);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit .caret {
    border-top-color: var(--muted);
}

body.vendor-area .bulk-edit .dropdown-menu,
body.vendor-area #pages_tree_form :is(.bulk-edit__content--parent, .bulk-edit-inner--parent) {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    color: var(--text);
    padding: 6px 0;
}

body.vendor-area .dropdown-menu .divider {
    display: none;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit-inner__header,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit-inner__body,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit-inner__footer {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit-inner__btn {
    border-radius: 10px;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .bulk-edit--overlay {
    background: rgba(7, 11, 20, .45);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form #parent_page_selector {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form #parent_page_selector .cm-picker-value,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form #parent_page_selector .cm-picker-value-description,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form #parent_page_selector select,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form #parent_page_selector .choose-input input {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .status-dropdown,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .btn.status-dropdown {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area #pages_tree_form .view-status-a {
    color: var(--green);
}

body.vendor-area #pages_tree_form .view-status-d {
    color: var(--red);
}

body.vendor-area #pages_tree_form .view-status-h {
    color: var(--muted);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) .sidebar .sidebar-row:has(.sidebar-note-item) h6 {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) .sidebar .sidebar-note-item {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #adv_search #pname,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #adv_search #pdescr,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #adv_search #subpages,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #adv_search #pname,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #adv_search #pdescr,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #adv_search #subpages {
    accent-color: var(--accent);
}

@media (max-width: 1024px) {
    body.vendor-area #content_manage_pages #pagination_contents,
    body.vendor-area #content_manage_pages #pagination_contents {
        padding: 12px 10px 8px;
    }
}

@media (max-width: 767px) {
    body.vendor-area #content_manage_products #pagination_contents,
    body.vendor-area #manage_products_form #pagination_contents,
    body.vendor-area #content_manage_orders #pagination_contents,
    body.vendor-area #content_manage_pages #pagination_contents {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .table.table-tree td.row-status .text-over {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #content_manage_pages {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) .nav__actions-btn-save {
    border-radius: 10px;
    border-color: var(--line);
    background: var(--soft);
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .pages-tree__content {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .longtap-selection {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .pages-tree__children {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree td.row-status .text-over {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree .manage-root-item-disabled {
    color: var(--muted);
    opacity: .75;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree .muted,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree .muted small {
    color: var(--muted);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree .input-micro {
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .70);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit .caret,
body.vendor-area .caret {
    border-top-color: #fff;
}

body.vendor-area .flag {
    width: 16px;
    height: 12px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    column-gap: 6px;
    row-gap: 6px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > label {
    flex: 1 0 100%;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > .period-selector__divider {
    flex: 0 0 auto;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > .calendar {
    flex: 1 1 0;
    max-width: 116px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) .calendar .input-date {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field .input-small {
    width: 100% !important;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field:has(> input.input-small ~ input.input-small) > input.input-small {
    display: inline-block;
    width: auto;
    max-width: calc(50% - 11px);
    vertical-align: middle;
    min-height: 38px;
    margin: 0;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit-inner__header,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit-inner__body,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit-inner__footer {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit-inner__btn {
    border-radius: 10px;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .bulk-edit--overlay {
    background: rgba(7, 11, 20, .45);
}


body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector .cm-picker-value,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector .cm-picker-value-description,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector select,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector .choose-input input {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .status-dropdown,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .btn.status-dropdown {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .status-dropdown-a,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn.status-dropdown.status-dropdown-a {
    color: var(--green);
}
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-a:hover,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-a:focus,
body.vendor-area #content_manage_products .products-table .open > .btn.status-dropdown.status-dropdown-a {
    color: var(--green);
    border-color: rgba(58, 212, 138, .5);
    background: rgba(58, 212, 138, .2);
}
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .status-dropdown-a,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .btn.status-dropdown.status-dropdown-a,
body.vendor-area #product_reviews_form .btn.cs-product-reviews-reviews-review-status__btn.status-dropdown-a,
body.vendor-area #content_manage_products .products-table .status-dropdown-a,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-a,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .status-dropdown-a,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .btn.status-dropdown.status-dropdown-a,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .status-dropdown-a,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .btn.status-dropdown.status-dropdown-a,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .status-dropdown-a,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .btn.status-dropdown.status-dropdown-a {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .status-dropdown-d,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn.status-dropdown.status-dropdown-d {
    color: var(--red);
}
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-d:hover,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-d:focus,
body.vendor-area #content_manage_products .products-table .open > .btn.status-dropdown.status-dropdown-d {
    color: var(--muted);
    border-color: var(--line);
    background: rgba(255, 255, 255, .09);
}
body.vendor-area #product_reviews_form .btn.cs-product-reviews-reviews-review-status__btn.status-dropdown-d,
body.vendor-area #content_manage_products .products-table .status-dropdown-d,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-d {
    color: var(--muted);
    border-color: var(--line);
    background: rgba(255, 255, 255, .05);
}
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .status-dropdown-d,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .btn.status-dropdown.status-dropdown-d,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .status-dropdown-d,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .btn.status-dropdown.status-dropdown-d,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .status-dropdown-d,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .btn.status-dropdown.status-dropdown-d,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .status-dropdown-d,
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .btn.status-dropdown.status-dropdown-d {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-h:hover,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-h:focus,
body.vendor-area #content_manage_products .products-table .open > .btn.status-dropdown.status-dropdown-h {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .5);
    background: rgba(89, 183, 255, .2);
}
body.vendor-area #content_manage_products .products-table .status-dropdown-h,
body.vendor-area #content_manage_products .products-table .btn.status-dropdown.status-dropdown-h {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .28);
    background: rgba(89, 183, 255, .10);
}

body.vendor-area form .status-dropdown-h,
body.vendor-area form .btn.status-dropdown.status-dropdown-h,
body.vendor-area form .choose-icon .btn,
body.vendor-area form .cm-dialog-opener {
    border-radius: 10px;
    border-color: var(--line);
    background: rgba(255, 255, 255, .06);
    color: var(--muted);
    min-height: 36px;
    padding: 7px 14px;
}

body.vendor-area form :is(.choose-icon .btn, .cm-dialog-opener):hover {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area .search-filters-advanced-search .btn,
body.vendor-area form #adv_search_opener,
body.vendor-area form .advanced-search {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    min-height: 36px;
    padding: 7px 14px;
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area .search-filters-advanced-search .btn:is(:hover, :focus),
body.vendor-area form #adv_search_opener:is(:hover, :focus),
body.vendor-area form .advanced-search:is(:hover, :focus) {
    color: var(--text);
    background: var(--soft2);
}

@media (max-width: 767px) {
    body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .table.table-tree td.row-status .text-over {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    body.vendor-area select:not(.select2-hidden-accessible),
    body.vendor-area .cm-picker-value,
    body.vendor-area .cm-picker-value-description,
    body.vendor-area .choose-input input,
    body.vendor-area #elm_tag,
    body.vendor-area #view_name,
    body.vendor-area .calendar__date,
    body.vendor-area input[type="text"],
    body.vendor-area input[type="number"],
    body.vendor-area input[type="search"],
    body.vendor-area input[type="url"],
    body.vendor-area input[name="secret_new"],
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) input.input-large,
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large,
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-text,
    body.vendor-area textarea {
        width: 100%;
    }
}

body.vendor-area #actions_panel:not(:has(.nav__actions-bar > *)) {
    visibility: hidden;
    opacity: 0;
}

body.vendor-area .calendar .icon-calendar {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    transform: translateY(-60%);
    margin: 0;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .posts-container {
    margin-top: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item {
    margin: 0 0 12px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 11, 20, .45);
    color: var(--text);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item:last-child {
    margin-bottom: 0;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item:hover {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .06);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .summary {
    margin-bottom: 12px;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .summary input[type="text"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .summary textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: rgba(7, 11, 20, .70);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .summary input[type="text"] {
    margin-bottom: 8px;
    font-weight: 750;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .summary textarea {
    min-height: 72px;
    padding: 8px 10px;
    resize: vertical;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .tools {
    width: 100%;
    color: var(--muted);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .tools .muted {
    color: var(--muted);
    float: none;
    display: inline-block;
    margin: 0 0 8px;
    overflow-wrap: anywhere;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post-date,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .review-date,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item input.input-time,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .calendar__date {
    color: var(--text);
    border-color: var(--line);
    background: rgba(7, 11, 20, .70);
    border-radius: 8px;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post-object {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 10px 0 0;
    padding: 0;
    color: var(--accent2);
    font-weight: 650;
    line-height: 1.35;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post-object:hover {
    color: #9ec0ff;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .label-success,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .cm-status-a .label-success {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .label-important,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .cm-status-d .label-important {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-status-switch,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-delete {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-status-switch:hover,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-status-switch:focus,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-delete:hover,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-delete:focus {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-delete.cm-confirm {
    color: var(--red);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .post__btn-delete.cm-confirm:hover {
    color: #ff9aa0;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item fieldset.rating {
    margin: 0 0 8px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .icon-star {
    color: var(--amber);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .icon-star-empty {
    color: var(--muted2);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) .sidebar > hr {
    display: none;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="period"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_from"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_to"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="ip_address"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="status"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_by"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_order"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search #view_name,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search .calendar__date {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search .period-selector__divider {
    margin: 0 4px;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search .cm-external-focus,
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search .calendar {
    color: var(--muted);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_by"],
body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_order"] {
    width: auto;
    max-width: 48%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

@media (max-width: 1024px) {
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .posts-container {
        padding: 12px 10px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .posts-container {
        padding: 10px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item {
        padding: 12px;
        border-radius: 12px;
    }

    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .tools .pull-left,
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .tools .pull-right {
        float: none;
        width: 100%;
        display: block;
    }

    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_from"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_to"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_by"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_order"] {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 0 8px;
    }
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #content_top_navigation,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #content_top_navigation_main,
body.vendor-area:has(#banners_form):has(#banners_table_tree) .content__top-navigation-secondary {
    color: var(--text);
    background: transparent;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] .table-responsive-wrapper,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"] .table-responsive-wrapper,
body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper .span16.table-responsive-wrapper,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .table-responsive-wrapper {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
            linear-gradient(
                    180deg,
                    rgba(20, 32, 54, .82),
                    rgba(12, 20, 35, .88)
            );
    box-shadow: var(--inner), var(--shadow);
}

body.vendor-area #product_reviews_form .table-responsive-wrapper,
body.vendor-area #threads_list_form .table-responsive-wrapper {
    max-width: 100%;
    background: transparent;
}
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .table-responsive-wrapper,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .longtap-selection,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table-responsive-wrapper,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .longtap-selection {
    background: transparent;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table .icon-caret-right,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table .icon-caret-down {
    color: var(--muted);
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .status-dropdown,
body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form .btn.status-dropdown {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) .sidebar .sidebar-wrapper > hr {
    display: none;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) form[name="banner_search_form"] select[name="type"],
body.vendor-area:has(#banners_form):has(#banners_table_tree) form[name="banner_search_form"] select[name="status"],
body.vendor-area:has(#banners_form):has(#banners_table_tree) form[name="banner_search_form"] select[name="group_id"] {
    max-width: 100% !important;
}

body.vendor-area:has(#banners_form):has(#banners_table_tree) #adv_search #view_name {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

@media (max-width: 1024px) {
    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree:has(table.table) {
        padding: 12px 10px 8px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree:has(table.table) {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table a.row-status {
        overflow-wrap: anywhere;
    }
}

body.vendor-area:has(#manage_vendor_blocks_form) .content.page-content,
body.vendor-area:has(#manage_vendor_blocks_form) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form {
    color: var(--text);
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form table.cm-sortable {
    width: 100%;
    margin-bottom: 0;
    background: transparent;
    border-collapse: collapse;
    color: #dbe2ed;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .table tr.cm-sortable-row {
    color: var(--text);
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .object-group-details,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .row-status.object-group-details {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .handler.cm-sortable-handle {
    opacity: .75;
    filter: brightness(1.6) contrast(1.1);
    cursor: move;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form tr:hover .handler.cm-sortable-handle {
    opacity: 1;
    filter: brightness(2) contrast(1.15);
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .status-dropdown,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .btn.status-dropdown {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}

@media (max-width: 1024px) {
    body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .items-container {
        padding: 12px 10px 8px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .items-container {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .object-group-link-wrap a.row-status {
        overflow-wrap: anywhere;
    }
}

body.vendor-area form[name="shippings_form"] .control-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area form[name="shippings_form"] #elm_rate_calculation .well.well-small.help-block {
    margin-top: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(118, 103, 255, .06);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name="shippings_form"] .attach-images .upload-box .image {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    box-shadow: var(--inner);
}

body.vendor-area form[name="shippings_form"] .attach-images .upload-box .image:hover {
    border-color: var(--line2);
}

body.vendor-area form[name="shippings_form"] .attach-images .no-image,
body.vendor-area form[name="shippings_form"] .attach-images .no-image .cs-icon,
body.vendor-area form[name="shippings_form"] .attach-images .no-image .glyph-image {
    color: var(--muted2);
    opacity: .8;
}

body.vendor-area form[name="shippings_form"] .attach-images .image-alt .add-on.label-info {
    border-color: var(--line);
    background: rgba(7, 11, 20, .72);
    color: var(--muted);
}

body.vendor-area form[name="shippings_form"] .attach-images .image-alt input[type="text"] {
    max-width: 100%;
}

body.vendor-area form[name="shippings_form"] .hidpi-mark {
    color: var(--muted);
}

@media (max-width: 767px) {
    body.vendor-area form[name="shippings_form"] .attach-images .image-wrap {
        max-width: 100%;
    }

    body.vendor-area form[name="shippings_form"] .redactor-box {
        width: 100%;
    }
}

body.vendor-area:has(#shippings_form) .content.page-content,
body.vendor-area:has(#shippings_form) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#shippings_form) #content_top_navigation,
body.vendor-area:has(#shippings_form) #content_top_navigation_main,
body.vendor-area:has(#shippings_form) .content__top-navigation-secondary {
    color: var(--text);
    background: transparent;
}

body.vendor-area:has(#shippings_form) #shippings_form {
    color: var(--text);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .longtap-selection {
    background: transparent;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table .muted,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table .company-name {
    color: var(--muted);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn-group > a.btn.btn-link.dropdown-toggle {
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn-group > a.btn.btn-link.dropdown-toggle:hover {
    color: var(--text);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content input.input-micro,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content input.input-mini,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content input.input-small,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content input.input-hidden {
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn.status-dropdown {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    box-shadow: none;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .btn.status-dropdown:hover,
body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .open > .btn.status-dropdown {
    background: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .status-link-a {
    color: var(--green);
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .status-link-d {
    color: var(--red);
}

@media (max-width: 1024px) {
    body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content .content-wrap > .table-responsive-wrapper,
    body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table-responsive-wrapper {
        padding: 12px 10px 8px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content .content-wrap > .table-responsive-wrapper,
    body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table-responsive-wrapper {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table a.link--monochrome {
        overflow-wrap: anywhere;
    }
}

body.vendor-area:has(#elfinder) .content.page-content,
body.vendor-area:has(#elfinder) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#elfinder) #elfinder.elfinder,
body.vendor-area:has(#elfinder) #elfinder {
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .88),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner), var(--shadow);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-workzone,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd {
    background: rgba(7, 11, 20, .35);
    background-image: none;
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-toolbar {
    border-bottom: 1px solid var(--line);
    background: rgba(14, 22, 38, .72);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-buttonset {
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button {
    color: var(--muted);
    background: transparent;
    border-color: transparent;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon:not(.elfinder-button-icon-rm):not(.elfinder-button-icon-view-list):not(.elfinder-button-icon-view),
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon:not(.elfinder-button-icon-rm):not(.elfinder-button-icon-view-list):not(.elfinder-button-icon-view) {
    filter: brightness(1.2) saturate(1.15);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-rename {
    background-color: #fff;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-rename,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-rename {
    filter: brightness(0) invert(1);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-rm,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-rm {
    filter: brightness(1.2) saturate(1.15);
    opacity: 1;
}


body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-view {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-view,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-view {
    filter: brightness(0) invert(1);
    opacity: 1;
}


body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-disabled {
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-disabled .elfinder-button-icon {
    filter: brightness(1.55) contrast(1) saturate(.75);
    opacity: .35;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search input {
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search input:focus {
    border-color: var(--line2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-search,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-close {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-search:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-close:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search.ui-state-active .ui-icon.ui-icon-search,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search.ui-state-active .ui-icon.ui-icon-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar {
    background: rgba(12, 20, 35, .72);
    border-color: var(--line);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar .ui-state-hover {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar .ui-state-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(125, 92, 255, .72), rgba(64, 124, 255, .62));
    border-color: transparent;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar-dir {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-file {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-filename {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover {
    background: rgba(118, 103, 255, .12);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected {
    background: rgba(118, 103, 255, .18);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected.ui-state-hover {
    background: rgba(118, 103, 255, .24);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected .ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
    background: rgba(118, 103, 255, .16);
    border-color: rgba(118, 103, 255, .35);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr {
    border-top-color: rgba(255, 255, 255, .05);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, .02);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr.elfinder-cwd-file.ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr.elfinder-cwd-file.ui-selected,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table td.ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover {
    background: rgba(118, 103, 255, .18);
    color: #fff;
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table thead td.ui-state-hover {
    background: var(--soft);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar.ui-widget-header {
    border-top: 1px solid var(--line);
    border-color: var(--line);
    background-color: #0e1626;
    background-image: linear-gradient(#0e1626, #0e1626);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar a,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-path {
    color: var(--muted);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar a:hover {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar span,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar div {
    color: var(--muted);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu-sub,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    color: var(--text);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .elfinder-contextmenu-item,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu .ui-state-default {
    color: var(--text);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .ui-state-hover,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .elfinder-contextmenu-item.ui-state-hover,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu .ui-state-hover {
    background: var(--soft);
    color: #fff;
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog input,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog textarea,
body.vendor-area :is(#elfinder, #server_file_browser) input,
body.vendor-area :is(#elfinder, #server_file_browser) textarea {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
}

@media (max-width: 767px) {
    body.vendor-area:has(#elfinder) #elfinder.elfinder,
    body.vendor-area:has(#elfinder) #elfinder {
        border-radius: 16px;
    }
}

body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content,
body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content .content-wrap > .table-responsive-wrapper .table > tbody > tr > td:nth-child(2),
body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content .content-wrap > .table-responsive-wrapper .table > tbody > tr > td:nth-child(3),
body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content .content-wrap > .table-responsive-wrapper .table > tbody > tr > td:nth-child(4) {
    color: var(--muted);
}

body.vendor-area .last-viewed-items__back-link:not(:hover):not(:focus):not(:active) {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) .content.page-content,
body.vendor-area:has(#dashboard_content) .content.page-content.content-no-sidebar,
body.vendor-area:has(#dashboard_content) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#dashboard_content) #actions_panel:not(:has(.cm-date-range)) .nav__actions-bar {
    min-height: 0;
}

body.vendor-area:has(#dashboard_content) #dashboard_date_picker.cm-date-range,
body.vendor-area:has(#dashboard_content) .nav__actions-dashboard-date-picker {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_date_picker.cm-date-range > a.btn,
body.vendor-area:has(#dashboard_content) .nav__actions-dashboard-date-picker > a.btn {
    min-height: 34px;
    padding: 4px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_date_picker.cm-date-range > a.btn:hover,
body.vendor-area:has(#dashboard_content) .nav__actions-dashboard-date-picker > a.btn:hover {
    background: var(--soft2);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_content) #dashboard_date_picker .cm-date-range__selected-date {
    color: inherit;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker {
    background-color: rgba(14, 22, 38, .98);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    color: var(--text);
    font-family: inherit;
    font-size: 12px;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker:before {
    border-bottom-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker:after {
    border-bottom-color: rgba(14, 22, 38, .98);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.drop-up:before {
    border-top-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.drop-up:after {
    border-top-color: rgba(14, 22, 38, .98);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li {
    color: var(--muted);
    background: transparent;
    border-radius: 8px;
    margin: 2px 6px;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li:hover {
    background-color: var(--soft);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li.active {
    background-color: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-calendar {
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.ltr .drp-calendar.left,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.rtl .drp-calendar.right,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect {
    width: auto;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect:focus,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect:focus {
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect option,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev:hover,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next:hover {
    background-color: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev span,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next span {
    border-color: var(--text);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table thead th:not(.prev):not(.next):not(.month):not(.week) {
    color: var(--muted);
    font-weight: 600;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.month {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.available {
    background: transparent;
    color: var(--text);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.available:hover {
    background-color: var(--soft2);
    color: #fff;
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.in-range {
    background-color: rgba(118, 103, 255, .10);
    color: var(--text);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.active,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.active:hover,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.start-date.active,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.end-date.active {
    background-color: rgba(118, 103, 255, .28);
    color: #fff;
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.in-range,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.start-date,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.end-date {
    background: transparent;
    color: var(--muted2);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.disabled,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker option.disabled {
    color: var(--muted2);
    cursor: not-allowed;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.week,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker th.week {
    color: var(--muted2);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-buttons {
    border-top: 1px solid var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-selected {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-buttons .btn {
    border-radius: 8px;
}

body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .buttons-container .cm-cancel,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .buttons-container .cm-dialog-closer:not(.btn-primary) {
    color: var(--muted);
}
body.vendor-area form[name="pc_api_filter_form"] .buttons-container .btn:not(.btn-primary),
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn:not(.btn-primary),
body.vendor-area form[name="pc_api_filter_form"] ~ .table .btn-mini:not(.btn-primary),
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .buttons-container .btn:not(.btn-primary),
body.vendor-area form[name="orders_search_form"] .sidebar-field.in-popup .btn:not(.btn-primary),
body.vendor-area form[name="search_form"] .sidebar-field.in-popup .btn:not(.btn-primary),
body.vendor-area #dashboard_content .analytics-card__button.btn:not(.btn-primary),
body.vendor-area #dashboard_content #analytics_card_vendor_current_balance form[name="refill_balance"] .btn:not(.btn-primary),
body.vendor-area #content_manage_orders .bulk-edit-inner .btn:not(.btn-primary),
body.vendor-area #pages_tree_form .bulk-edit-inner__btn:not(.btn-primary),
body.vendor-area #adv_search .btn:not(.btn-primary):not(#adv_search_save),
body.vendor-area .sidebar .btn:not(.btn-primary),
body.vendor-area #content_manage_products .bulk-edit-inner .btn:not(.btn-primary),
body.vendor-area #content_select_fields_to_edit .btn:not(.btn-primary),
body.vendor-area .daterangepicker .drp-buttons .btn:not(.btn-primary) {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-buttons .btn-primary {
    border: 0;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader {
    color: var(--text);
    gap: 28px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader .simple-dashboard__section {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__title {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(20, 32, 54, .55);
    box-shadow: var(--inner);
    animation: games2-dashboard-preloader-blink 2s linear infinite;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__section-content {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__column {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__block {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(20, 32, 54, .55);
    box-shadow: var(--inner);
    animation: games2-dashboard-preloader-blink 2s linear infinite;
}

@keyframes games2-dashboard-preloader-blink {
    50% {
        background-color: rgba(118, 103, 255, .08);
    }
}

body.vendor-area:has(#dashboard_content) #simple_dashboard.simple-dashboard,
body.vendor-area:has(#dashboard_content) #dashboard_content .simple-dashboard {
    color: var(--text);
    gap: 28px;
    align-items: stretch;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-section {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-section__title {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-card__inner {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-card__actions .dropdown-toggle {
    border: 1px solid transparent;
    background: transparent;
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-card__actions .dropdown-toggle:hover {
    background: var(--soft);
    color: var(--text);
    border-color: var(--line);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-card__actions .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-section {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(20, 32, 54, .72);
    color: var(--text);
    box-shadow: var(--inner);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item + .todo-item {
    margin-top: 8px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item:not(:last-child) .todo-item__inner {
    border-bottom-color: var(--line);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--e {
    background: rgba(255, 115, 122, .12);
    border-color: rgba(255, 115, 122, .28);
    color: var(--red);
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--w {
    background: rgba(240, 198, 106, .12);
    border-color: rgba(240, 198, 106, .28);
    color: var(--amber);
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--s {
    background: rgba(58, 212, 138, .12);
    border-color: rgba(58, 212, 138, .28);
    color: var(--green);
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--i,
body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--n {
    background: rgba(89, 183, 255, .12);
    border-color: rgba(89, 183, 255, .28);
    color: var(--cyan);
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item__button.btn {
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item__button.btn:hover {
    background: var(--soft2);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section {
    color: var(--text);
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__title {
    color: var(--text);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__content,
body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__column {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__preheader {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title {
    color: var(--text);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title-button {
    color: var(--accent2);
    text-decoration: none;
    font-size: 12px;
    font-weight: 650;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title-button:hover {
    color: #9ec0ff;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__number {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__number-dynamics--positive {
    color: var(--green);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__number-dynamics--negative {
    color: var(--red);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__content {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content #analytics_card_vendor_current_balance form[name="refill_balance"] input.cm-refill-balance-amount {
    width: 100%;
    max-width: 100%;
    background: rgba(7, 11, 20, .70);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__title,
body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__title {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__item--divider:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, .055);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__name-text {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value--link {
    color: var(--accent2);
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value--link:hover {
    color: #9ec0ff;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__description {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__description--link {
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__description--link:hover {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__small-text {
    color: var(--muted2);
    font-size: 11px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-name {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content a.analytics-card-bar-chart__item-name:hover {
    color: var(--accent2);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-value {
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-total {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-progress {
    background: rgba(7, 11, 20, .55);
    border: 1px solid var(--line);
    box-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-bar {
    background: rgba(157, 169, 189, .55);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-bar--primary {
    background: linear-gradient(90deg, rgba(125, 92, 255, .92), rgba(64, 124, 255, .88));
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-bar--danger {
    background: var(--red);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view {
    border-radius: 12px;
    background: rgba(7, 11, 20, .35);
    min-height: 220px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view rect {
    fill: transparent;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view svg text {
    stroke: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list-tabs__tabs-navigation .nav-tabs {
    border-bottom: 1px solid var(--line);
    background: transparent;
    box-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list-tabs__tabs-navigation .nav-tabs > li > a {
    color: var(--muted);
    background: transparent;
    border-color: transparent;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list-tabs__tabs-navigation .nav-tabs > li > a:hover,
body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list-tabs__tabs-navigation .nav-tabs > li.active > a {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

@media (max-width: 1024px) {
    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card {
        padding: 14px;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__title {
        font-size: 18px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card {
        padding: 12px;
        border-radius: 16px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title {
        overflow-wrap: anywhere;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__name-text {
        overflow-wrap: anywhere;
    }
}

body.vendor-area #main_column_login {
    color: var(--text);
}

body.vendor-area #main_column_login .signin-modal {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(20, 32, 54, .92), rgba(12, 20, 35, .96));
    box-shadow: var(--inner), 0 24px 70px rgba(0, 0, 0, .38);
    color: var(--text);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.vendor-area .signin-modal .modal-header {
    background: transparent;
    border-bottom: 1px solid var(--line);
}

body.vendor-area .signin-modal .signin-modal__form-header {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-shadow: none;
}

body.vendor-area .signin-modal .modal-body {
    background: transparent;
    color: var(--text);
}

body.vendor-area .signin-modal .signin-modal__form-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
}

body.vendor-area .signin-modal .signin-modal__form-field {
    width: 100%;
    height: auto;
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    margin: 0;
}

body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:hover,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:focus,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:active {
    -webkit-text-fill-color: var(--text);
    caret-color: var(--text);
    -webkit-box-shadow: 0 0 0 1000px rgba(7, 11, 20, .95) inset;
    box-shadow: 0 0 0 1000px rgba(7, 11, 20, .95) inset;
    transition: background-color 9999s ease-out 0s;
}

body.vendor-area .signin-modal a.pull-right {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

body.vendor-area .signin-modal a.pull-right:hover,
body.vendor-area .signin-modal a.pull-right:focus {
    color: var(--accent2);
    text-decoration: none;
}

body.vendor-area .signin-modal__footer {
    background: rgba(7, 11, 20, .28);
    border-top: 1px solid var(--line);
    box-shadow: none;
    color: var(--text);
}

body.vendor-area .signin-modal .signin-modal__footer .btn.btn-primary:focus-visible {
    outline: 2px solid var(--line2);
    outline-offset: 2px;
}

body.vendor-area .signin-modal .help-inline {
    color: var(--red);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .buttons-container {
    padding: 14px 16px;
    text-align: right;
    border-top: 1px solid var(--line);
    background: rgba(7, 11, 20, .25);
    box-shadow: none;
}
body.vendor-area form[name="pc_api_filter_form"] .buttons-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 6px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

@media (max-width: 480px) {
    body.vendor-area #main_column_login .signin-modal {
        min-width: 0;
        max-width: calc(100vw - 32px);
        margin-left: 0;
    }

    body.vendor-area .signin-modal .modal-body {
        width: auto;
    }
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-line-height: 36px;
    --games2-select2-arrow-height: 36px;
    --games2-select2-bg: rgba(7, 11, 20, .70);
    --games2-select2-multiple-bg: rgba(7, 11, 20, .72);
    --games2-select2-placeholder: var(--muted2);
    --games2-select2-disabled-opacity: 1;
    --games2-select2-inline-search-line-height: inherit;
    --games2-select2-multiple-padding: 4px 8px;
}

body.vendor-area .object-categories-add .select2-container--default {
    --games2-select2-multiple-padding: 6px 44px 6px 8px;
}

body.vendor-area select.select2-hidden-accessible + .select2-container--default .select2-selection--single {
    width: 100%;
    min-height: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--games2-select2-bg, rgba(7, 11, 20, .70));
    color: var(--text);
    box-shadow: none;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--games2-select2-placeholder);
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--games2-select2-arrow-height);
    top: 1px;
    right: 8px;
    width: 20px;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--muted) transparent transparent transparent;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--muted) transparent;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple,
body.vendor-area .object-categories-add .select2-container--default .select2-selection--multiple {
    min-height: 38px;
    padding: var(--games2-select2-multiple-padding, 4px 8px);
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--games2-select2-multiple-bg, rgba(7, 11, 20, .72));
    color: var(--text);
    box-shadow: none;
    box-sizing: border-box;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--focus .select2-selection--multiple,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--open .select2-selection--multiple,
body.vendor-area .object-categories-add .select2-container--default.select2-container--focus .select2-selection--multiple,
body.vendor-area .object-categories-add .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice {
    padding: 0 0 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;

    background: var(--soft2);
    color: var(--text);
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(118, 103, 255, .18);
    border-color: rgba(118, 103, 255, .35);
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__handler {
    display: inline-flex;
    margin: 0;
    padding: 0 10px;
    width: auto;
    height: 35px;
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove {
    position: static;
    height: auto;
    padding: 0 10px;
    color: var(--muted);
    border: 1px solid transparent;
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--red);
    background: rgba(255, 115, 122, .12);
    border-color: rgba(255, 115, 122, .35);
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--disabled .select2-selection--single,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: rgba(255, 255, 255, .03);
    color: var(--muted2);
    cursor: not-allowed;
    opacity: var(--games2-select2-disabled-opacity);
}

body.vendor-area form[name="products_m_addition_form"] select[data-games2-select2="vendor"][name$="[status]"].select2-hidden-accessible + .select2-container--default,
body.vendor-area:has(#content_manage_products) #content_search_filters form[name="search_filters_form"] select[data-games2-select2="vendor"]:is([name="sort_by"], [name="sort_order"]).select2-hidden-accessible + .select2-container--default {
    --games2-select2-line-height: 32px;
    --games2-select2-arrow-height: 32px;
}

body.vendor-area:has(#content_manage_products) #adv_search select[data-games2-select2="vendor"][name="product_type[]"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-placeholder: var(--muted);
}

body.vendor-area form[name="product_update_form"] #content_features select[data-games2-select2="vendor"].object-picker__select--feature-variants.select2-hidden-accessible + .select2-container--default {
    --games2-select2-disabled-opacity: .45;
}

body.vendor-area form[name="pc_api_filter_form"] select[data-games2-select2="vendor"][name="state"].select2-hidden-accessible + .select2-container {
    max-width: 100%;
}

body.vendor-area .choose-category {
    margin: 0;
}

body.vendor-area .control-group .controls .multiple-select__picker-container,
body.vendor-area .control-group .controls .product-assign-features__row,
body.vendor-area .control-group .controls .default-custom {
    display: flex;
    flex: 1 0 240px;
    max-width: 240px;
}

body.vendor-area .control-group .controls .multiple-select__picker-container {
    flex-flow: column;
}

body.vendor-area .control-group .controls .multiple-select__picker-container label {
    flex-basis: auto;
}

body.vendor-area .control-group .controls .product-assign-features__row .object-picker--feature-variants {
    width: 100%;
}

body.vendor-area .control-group .select2-selection--single .select2-selection__clear {
    height: 100%;
    margin-right: 25px;
}

body.vendor-area .control-group .select2-selection--single .select2-selection__clear span {
    color: #fff;
    font-size: 20px;
}

body.vendor-area .control-group .select2-selection--single .select2-selection__clear:hover span {
    color: var(--red);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products select.select2-hidden-accessible + .select2-container,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 38px;
}
body.vendor-area form .select2-hidden-accessible + .select2-container {
    width: 100% !important;
    max-width: 270px;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search select[data-games2-select2="vendor"][name="sort_by"].select2-hidden-accessible + .select2-container {
    margin-right: 8px;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
    select[name="block_data[properties][template]"]
) .controls > a.open.cm-combination {
    flex: 0 0 auto;
    margin: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
    .object-picker--product.cm-object-product-add-container
) {
    flex: 1 1 auto;
    min-width: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
    .object-picker--product.cm-object-product-add-container
) .controls {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product.cm-object-product-add-container {
    --cs-object-picker-advanced-btn-width: 38px;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__select-group--products {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products.object-picker__simple--advanced .select2-container .select2-search--inline .select2-search__field {
    max-width: none;
    width: 100% !important;
}

body.vendor-area:has(#content_manage_products) #adv_search .object-selector .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default .select2-selection--single,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default .select2-selection--multiple {
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    border: 1px solid var(--line);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    overflow: hidden;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--focus .select2-selection--single,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--open .select2-selection--single,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default.select2-container--focus .select2-selection--single,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default.select2-container--focus .select2-selection--multiple,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default.select2-container--open .select2-selection--single,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-selection--multiple .select2-selection__rendered li {
    margin: 0;
    padding: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-selection--multiple .select2-search.select2-search--inline {
    float: none;
    width: 100%;
    line-height: 36px;
}

body.vendor-area .select2-container .select2-search__field {
    color: var(--text);
    margin: 0;
}
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent;
    border: 0;
    line-height: var(--games2-select2-inline-search-line-height);
    color: var(--text);
    box-shadow: none;
    outline: none;
}

body.vendor-area .select2-container--default .select2-search--dropdown .select2-search__field,
body.vendor-area .select2-dropdown .select2-search--dropdown .select2-search__field {
    border-radius: 8px;
    border: 1px solid var(--line);
    outline: none;
}

body.vendor-area:has(form[data-ca-advanced-import-element="editor"]) .select2-dropdown .select2-search--dropdown .select2-search__field {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    outline: none;
    box-sizing: border-box;
}
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-search--inline .select2-search__field {
    height: 36px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: var(--text);
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced--products {
    order: 2;
    position: static;
    flex: 0 0 38px;
    display: flex;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:hover,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products .icon-reorder {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:hover .icon-reorder,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:focus .icon-reorder {
    opacity: 1;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__result--products {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    width: auto;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-main,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-secondary {
    min-width: 0;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-name,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__name-content {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-price,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-in-stock,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-product-code-label {
    white-space: nowrap;
}

body.vendor-area .select2-container .selection {
    width: 100%;
}

@media (max-width: 767px) {
    body.vendor-area form[name="shippings_form"] select[data-games2-select2="vendor"]:is([name="shipping_data[carrier]"], [name="shipping_data[service_id]"]).select2-hidden-accessible + .select2-container,
    body.vendor-area form:is(
        [name="ab__stickers_manage_layout_form"],
        [name="ab__stickers_set_layout_form"],
        [name="products_manage_layout_form"],
        [name="products_set_layout_form"],
        [name="product_images_manage_layout_form"],
        [name="product_images_set_layout_form"],
        [name="qty_discounts_manage_layout_form"],
        [name="qty_discounts_set_layout_form"],
        [name="option_exceptions_manage_layout_form"],
        [name="option_exceptions_set_layout_form"],
        [name="product_reviews_manage_layout_form"],
        [name="product_reviews_set_layout_form"]
    ) select[data-games2-select2="vendor"]:is(
        [name="import_options[delimiter]"],
        [name="export_options[delimiter]"],
        [name="export_options[output]"],
        [name="layout_data[layout_id]"]
    ).select2-hidden-accessible + .select2-container {
        display: block;
        max-width: 100%;
    }

    body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
        select[name="block_data[properties][template]"]
    ) .controls > a.open.cm-combination {
        flex: 0 0 auto;
    }
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced select[data-games2-select2="vendor"]:is([name="sort_by"], [name="sort_order"]).select2-hidden-accessible + .select2-container {
    flex: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2-container {
    max-width: 100%;
}

body.vendor-area .table .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
    min-width: 160px;
}

body.vendor-area .select2-dropdown {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    overflow: hidden;
    color-scheme: dark;
    box-sizing: border-box;
    max-width: 100vw;
}

body.vendor-area .select2-dropdown .select2-search--dropdown {
    padding: 8px;
    background: transparent;
}

body.vendor-area .select2-dropdown .select2-results__options {
    max-height: 280px;
    padding: 4px;
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area .select2-dropdown .select2-results__option {
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--text);
    background: transparent;
    transition: background .12s ease, color .12s ease;
}

body.vendor-area .select2-dropdown .select2-results__option--disabled {
    opacity: .55;
    color: var(--muted2);
    background: transparent;
}

body.vendor-area .select2-dropdown .select2-results__option[aria-selected="true"],
body.vendor-area .select2-dropdown .select2-results__option--selected {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .select2-dropdown .select2-results__message {
    color: var(--muted);
    padding: 8px 10px;
}

body.vendor-area .select2-dropdown .select2-results__group {
    color: var(--muted2);
    padding: 6px 10px 4px;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: transparent;
    cursor: default;
}

body.vendor-area .select2-dropdown .select2-results__options--nested {
    padding-left: 0;
}

body.vendor-area .ui-datepicker {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    z-index: 10000;
}

body.vendor-area .ui-datepicker .ui-widget-header,
body.vendor-area .ui-datepicker-header.ui-widget-header {
    background: rgba(20, 32, 54, .92);
    color: var(--text);
    border: none;
    border-bottom: 1px solid var(--line);
    border-radius: 8px 8px 0 0;
    padding: 6px 4px;
    font-weight: 500;
}

body.vendor-area .ui-datepicker .ui-datepicker-title {
    color: var(--text);
    line-height: 1.5;
    margin: 0 2.2em;
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.4;
    height: auto;
    min-height: 24px;
    box-shadow: none;
    margin: 0 2px;
    width: 47%;
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month:focus,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year:focus {
    outline: none;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month option,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area .ui-datepicker .ui-datepicker-prev,
body.vendor-area .ui-datepicker .ui-datepicker-next {
    top: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: rgba(7, 11, 20, .72);
    cursor: pointer;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev {
    left: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next {
    right: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev-hover,
body.vendor-area .ui-datepicker .ui-datepicker-next-hover {
    background: var(--soft2);
    border-color: var(--line2);
    top: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev-hover {
    left: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next-hover {
    right: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev span,
body.vendor-area .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: none;
    border-top: 1.5px solid var(--text);
    border-right: 1.5px solid var(--text);
    text-indent: 0;
    overflow: hidden;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev span {
    transform: rotate(-135deg);
    margin-left: -2px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next span {
    transform: rotate(45deg);
    margin-left: -6px;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar {
    background: transparent;
    color: var(--text);
    border-collapse: separate;
    border-spacing: 2px;
    margin: 6px 0 0;
    font-size: 12px;
    width: calc(100% - 4px);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar th {
    color: var(--muted);
    font-weight: 500;
    padding: 4px 0;
    border: none;
    background: transparent;
    text-align: center;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td {
    padding: 0;
    border: none;
    background: transparent;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td span.ui-state-default {
    display: block;
    background: transparent;
    color: var(--text);
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default:hover,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-hover {
    background: var(--soft2);
    color: #fff;
    border-color: transparent;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight {
    background: rgba(118, 103, 255, .12);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-active {
    background: rgba(118, 103, 255, .22);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span.ui-state-default {
    color: var(--muted2);
    opacity: .55;
    background: transparent;
    border-color: transparent;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane {
    background: rgba(20, 32, 54, .92);
    border-top: 1px solid var(--line);
    padding: 6px;
    margin: 6px -8px -8px;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane button {
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 4px 10px;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}
body.vendor-area input.games2-email-locked[readonly] {
    cursor: not-allowed;
    opacity: .78;
    background: var(--soft);
}
/* orders.details — scoped to native form#order_info_form */
body.vendor-area:has(#order_info_form) #order_info_form,
body.vendor-area:has(#order_info_form) .sidebar--order-details,
body.vendor-area:has(#order_info_form) #pc_order_vendor_layout,
body.vendor-area:has(#order_info_form) .pc-order-vendor-card,
body.vendor-area:has(#order_info_form) .pc-order-vendor-sidebar {
    max-width: 100%;
    box-sizing: border-box;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar__chat,
body.vendor-area:has(#order_info_form) #order_info_form .well.orders-right-pane {
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner);
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card__title,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar__chat > h6 {
    margin: 0;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: rgba(255, 255, 255, .03);
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.3;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card__body {
    padding: 14px 18px 18px;
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card__subtitle,
body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__margin-title {
    margin: 0 0 12px;
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-layout__main {
    gap: 16px;
}

body.vendor-area:has(#order_info_form) .admin-content-wrapper,
body.vendor-area:has(#order_info_form) .orders-details__left-pane-col,
body.vendor-area:has(#order_info_form) .orders-details__right-pane-col {
    min-width: 0;
}

body.vendor-area:has(#order_info_form) #order_info_form.pc-order-vendor-layout-active:has(.pc-order-vendor-right-pane--emptied) .row-fluid > .orders-details__left-pane-col {
    width: 100%;
}

body.vendor-area:has(#order_info_form) #order_info_form.pc-order-vendor-layout-active:has(.pc-order-vendor-right-pane--emptied) .row-fluid > .orders-details__right-pane-col {
    display: none;
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products {
    background: transparent;
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products > thead > tr > th,
body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products > tbody > tr > td {
    background: transparent;
    border-color: var(--line);
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products > thead > tr > th {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products > tbody > tr > td {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .order-product-image img,
body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .order-product-image .ty-pict {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .products-hint,
body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .products-hint__code,
body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .options-info,
body.vendor-area:has(#order_info_form) #order_info_form .table--order-details-products .muted {
    color: var(--muted2);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-meta-grid__label {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-meta-grid strong {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-buyer-line {
    border-top-color: var(--line);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-buyer-line__head strong {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .pc-buyer-field__label {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) .pc-buyer-field__value,
body.vendor-area:has(#order_info_form) .pc-order-issued-codes__product {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .pc-order-issued-codes {
    border-top-color: var(--line);
}

body.vendor-area:has(#order_info_form) .pc-order-issued-codes__value {
    background: rgba(7, 11, 20, .72);
    border: 1px solid var(--line);
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .pc-buyer-field__copy.btn,
body.vendor-area:has(#order_info_form) .pc-buyer-field__toggle.btn {
    min-height: 28px;
    padding: 3px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area:has(#order_info_form) .pc-buyer-field__copy.btn:hover,
body.vendor-area:has(#order_info_form) .pc-buyer-field__copy.btn:focus,
body.vendor-area:has(#order_info_form) .pc-buyer-field__toggle.btn:hover,
body.vendor-area:has(#order_info_form) .pc-buyer-field__toggle.btn:focus {
    background: var(--soft2);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances {
    border-bottom-color: var(--line);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__label,
body.vendor-area:has(#order_info_form) #pc_card_finances_totals .statistic-label,
body.vendor-area:has(#order_info_form) .orders-details__statistic .statistic-label {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__table td,
body.vendor-area:has(#order_info_form) #pc_card_finances_totals td,
body.vendor-area:has(#order_info_form) .orders-details__statistic td {
    background: transparent;
    color: var(--text);
    border-color: transparent;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__minus {
    color: var(--red);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__highlight td,
body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__margin {
    border-top-color: var(--line);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__margin-line {
    border-top-color: var(--line);
}

body.vendor-area:has(#order_info_form) #pc_card_finances_totals h4,
body.vendor-area:has(#order_info_form) .orders-details__statistic h4,
body.vendor-area:has(#order_info_form) #pc_card_finances_totals td.price,
body.vendor-area:has(#order_info_form) .orders-details__statistic td.price {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area:has(#order_info_form) #pc_card_finances_totals tr:has(td.price) td,
body.vendor-area:has(#order_info_form) .orders-details__statistic tr:has(td.price) td {
    padding-top: 10px;
}

body.vendor-area:has(#order_info_form) #pc_card_finances_payment .control-label,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .control-label,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .subheader {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) #pc_card_finances_payment .controls,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .controls {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 14px 5px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: var(--inner);
}

body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-c,
body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-p,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-c,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-p {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-o,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-o {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-f,
body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-d,
body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-y,
body.vendor-area:has(#order_info_form) #order_status_block .btn.order-status.o-status-e,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-f,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-d,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-y,
body.vendor-area:has(#order_info_form) #pc_card_actions_body .btn.order-status.o-status-e {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label,
body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-info,
body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-warning,
body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-success,
body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-important {
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    text-shadow: none;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-info {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-warning {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-success {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card .label-important {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info-delim {
    display: none;
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar__chat {
    padding: 0 0 14px;
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat__messages,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar__chat .messages {
    background: rgba(7, 11, 20, .45);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post {
    background: rgba(23, 34, 56, .76);
    border-color: var(--line);
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__customer .vendor-communication-post {
    background: rgba(118, 103, 255, .12);
    border-color: rgba(126, 145, 255, .28);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__date,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__author {
    color: var(--muted2);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__message {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .icon-caret-outer,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .icon-caret-inner {
    border-right-color: var(--line);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .icon-caret-inner {
    border-right-color: rgba(23, 34, 56, .76);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__customer .icon-caret-inner {
    border-right-color: rgba(118, 103, 255, .12);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .vendor-communication-post__img-icon,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .cs-icon,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat [class*="icon-"] {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat__composer {
    border-top-color: var(--line);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .add_message_form--refresh-btn,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .add_message_form--refresh-btn.btn-link {
    color: var(--muted);
    text-shadow: none;
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .add_message_form--refresh-btn:hover,
body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-sidebar-chat .add_message_form--refresh-btn:focus {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar .sidebar-row {
    margin-top: 0;
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info,
body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info__name,
body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info__email,
body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info__phone {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info__phone span {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info .icon-user,
body.vendor-area:has(#order_info_form) .sidebar--order-details .profile-info .cs-icon {
    color: var(--muted);
}

body.vendor-area:has(#order_info_form) #content_downloads,
body.vendor-area:has(#order_info_form) #content_promotions {
    color: var(--text);
}

body.vendor-area:has(#order_info_form) #content_downloads .table,
body.vendor-area:has(#order_info_form) #content_promotions {
    background: transparent;
}

@media (max-width: 1023px) {
    body.vendor-area:has(#order_info_form) #order_info_form.pc-order-vendor-layout-active .row-fluid > .orders-details__left-pane-col,
    body.vendor-area:has(#order_info_form) #order_info_form.pc-order-vendor-layout-active .row-fluid > .orders-details__right-pane-col {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    body.vendor-area:has(#order_info_form) .pc-order-vendor-meta-grid {
        grid-template-columns: 1fr;
    }

    body.vendor-area:has(#order_info_form) .pc-order-vendor-card,
    body.vendor-area:has(#order_info_form) .sidebar--order-details .pc-order-vendor-sidebar__chat {
        border-radius: 16px;
    }

    body.vendor-area:has(#order_info_form) .pc-order-vendor-finances__table,
    body.vendor-area:has(#order_info_form) #pc_card_finances_totals .orders-details__statistic table {
        max-width: 100%;
        margin-left: 0;
    }
}

body.vendor-area form[name="page_update_form"] #content_build_form {
    max-width: 100%;
    min-width: 0;
}

body.vendor-area form[name="page_update_form"] #content_build_form .control-group,
body.vendor-area form[name="page_update_form"] #content_build_form .controls {
    max-width: 100%;
    min-width: 0;
}

body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper {
    max-width: 100%;
    overflow-x: auto;
    padding: 6px 0 2px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
}

body.vendor-area .table-responsive-wrapper {
    overflow-x: auto;
}

body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper > table.table {
    background: transparent;
    color: var(--text);
}

body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper > table.table > tbody.cm-row-item > tr:not(.row-more) > td {
    background: rgba(12, 20, 35, .92);
    background-image: none;
    border-bottom-color: var(--line);
    box-shadow: none;
    color: var(--text);
}

body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper > table.table > tbody.cm-row-item > tr:not(.row-more):hover > td {
    background: rgba(118, 103, 255, .08);
    background-image: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-gray {
    background: rgba(12, 20, 35, .92);
    background-image: none;
    box-shadow: none;
    color: var(--text);
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more > td,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-gray > td {
    background: rgba(12, 20, 35, .92) !important;
    background-image: none !important;
    color: var(--text);
    box-shadow: none;
    border-top: 1px dashed var(--line) !important;
    border-bottom-color: var(--line);
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more:hover,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-gray:hover,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more:hover > td,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-gray:hover > td,
body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive tbody tr:hover,
body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive tbody tr:hover > td {
    background-color: rgba(12, 20, 35, .92);
    background-image: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more:hover > td,
body.vendor-area form[name="page_update_form"] #content_build_form tr.row-gray:hover > td,
body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive tbody tr.row-more:hover > td {
    background-color: rgba(12, 20, 35, .92) !important;
    background-image: none !important;
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more .table-responsive-wrapper {
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 11, 20, .72);
    box-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more table.table {
    margin-bottom: 8px;
    background: transparent;
    color: var(--text);
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more table.table > thead > tr > th {
    color: var(--muted);
    background: transparent;
    border-bottom-color: var(--line);
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more table.table > tbody > tr > td {
    background: transparent;
    color: var(--text);
    border-bottom-color: var(--line);
    box-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form tr.row-more table.table > tbody > tr:hover > td {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area form[name="page_update_form"] #content_build_form input.input-micro {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
}

body.vendor-area form[name="page_update_form"] #content_build_form input[name*="[description]"],
body.vendor-area form[name="page_update_form"] #content_build_form select[name*="[element_type]"] {
    max-width: 100%;
}

body.vendor-area form[name="page_update_form"] #content_build_form td.center input[type="checkbox"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

body.vendor-area form[name="page_update_form"] #content_build_form hr {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid var(--line);
    background: transparent;
}

body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn:not(.hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    background-image: none;
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn:hover,
body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn .icon-caret-right,
body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn .icon-caret-down,
body.vendor-area form[name="page_update_form"] #content_build_form .hand.btn .cs-dark-theme-invert {
    filter: brightness(0) invert(1);
    opacity: .78;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn-group:has(> .btn-add, > .btn-clone, > .cm-delete-row, > .cm-opacity) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    white-space: normal;
    background: transparent;
    box-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-add,
body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-clone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    background-image: none;
    color: var(--text);
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-add:hover,
body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-add:focus,
body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-clone:hover,
body.vendor-area form[name="page_update_form"] #content_build_form .btn-group > .btn-clone:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden),
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    background-image: none;
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):hover,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):focus,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):hover,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):focus {
    background: rgba(255, 115, 122, .12);
    border-color: rgba(255, 115, 122, .35);
    color: var(--red);
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden) .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden) .icon {
    filter: none;
    opacity: 1;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):hover .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):focus .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):hover .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):focus .icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(1400%) hue-rotate(314deg) brightness(101%) contrast(101%);
}

body.vendor-area form[name="page_update_form"] #content_build_form .cm-popup-box {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
}

@media (max-width: 767px) {
    body.vendor-area form[name="page_update_form"] #content_build_form .redactor-box,
    body.vendor-area form[name="page_update_form"] #content_build_form .redactor-toolbar {
        max-width: 100%;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper {
        overflow-x: visible;
        padding: 8px 10px;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper > table.table > tbody.cm-row-item {
        display: block;
        margin: 0 0 12px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(12, 20, 35, .92);
        overflow: hidden;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive tbody tr {
        border-top-color: var(--line);
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive td:before {
        color: var(--muted);
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .btn-group:has(> .btn-add, > .btn-clone, > .cm-delete-row, > .cm-opacity) {
        gap: 4px;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form input[name*="[description]"],
    body.vendor-area form[name="page_update_form"] #content_build_form select[name*="[element_type]"],
    body.vendor-area form[name="page_update_form"] #content_build_form input.span7 {
        width: 100%;
        max-width: 100%;
    }
}