/* Schema Edit prompt windows: убираем стандартный ExtJS body padding (обычно 10px) */
.schema-edit-window.x-message-box .x-window-body,
.schema-edit-window.x-message-box [class*="x-window-body-"]{
    padding: var(--edit-window-content-padding, 24px 16px) !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct {
    padding: 0 !important;
}

.schema-edit-window .pilot-question-confirm-content {
    padding: 0 !important;
}

.schema-edit-window .pilot-question-confirm-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 999px;
    background-color: var(--btn-negative-bg, #f43f5e);
    color: var(--btn-negative-fg, #ffffff);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-right: 12px;
}

.schema-edit-window .pilot-question-confirm-text-wrap,
.schema-edit-window .pilot-question-confirm-text{
    display: flex;
    align-items: center;
    min-height: 44px;
    color: var(--edit-window-content-fg, #18181b) !important;
}

.schema-edit-window.x-message-box .x-window-text,
.schema-edit-window.x-message-box .x-component.x-window-text,
.schema-edit-window.x-message-box [id^="messagebox-"][id$="-msg"]{
    color: var(--edit-window-content-fg, #18181b) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* confirmWindow / pilot_confirm: текст в теле окна (не schema editor) */
body.design-new .design-new-edit-window.schema-edit-window .x-window-body-default > .x-container,
body.design-new .design-new-edit-window.schema-edit-window .x-window-body-default > .x-box-layout-ct,
body.design-new .design-new-edit-window.schema-edit-window .x-window-body-default .x-label{
    color: var(--edit-window-content-fg, #27272a) !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct > .x-box-inner {
    height: 44px !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target,
.schema-edit-window.x-message-box .x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target {
    position: relative;
    height: 44px !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target > .x-box-item,
.schema-edit-window.x-message-box .x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target > .x-box-item {
    top: 50% !important;
    transform: translateY(-50%);
}

/* Некоторые Ext.Msg используют x-container-default без x-window-item */
.schema-edit-window.x-message-box .x-container-default.x-box-layout-ct > .x-box-inner {
    height: 44px !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target > .x-message-box-icon {
    margin-top: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    position: relative;
    color: transparent !important;
}

.schema-edit-window.x-message-box .x-window-item.x-container-default.x-box-layout-ct > .x-box-inner > .x-box-target > .x-message-box-icon::before {
    content: "?";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background-color: var(--btn-negative-bg, #f43f5e);
    color: var(--btn-negative-fg, #ffffff);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}
/**
 * @fileoverview Глобальные стили админ-панели PilotAdmin: базовая вёрстка, левое меню
 * (классическое и design=new), вкладки, редактор цветовых схем, иконки, гриды и прочие UI-компоненты Ext JS.
 */

/* --- Базовая вёрстка страницы --- */
html {
    height: 100%;
    width: 100%;
}

body {
    background: linear-gradient(#00428d, #000000);
    height: 100%;
    width: 100%;
    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern';
    font-feature-settings: 'liga', 'kern'
}

/* --- Анимация покачивания иконок (закомментирована в hover-правилах ниже) --- */
@-webkit-keyframes rotate-icon {
    0%,
100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
75%{
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@keyframes rotate-icon {
    0%,
100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
75%{
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

/* --- Версия приложения в углу экрана --- */
#app-version {
    position: absolute;
    bottom: 0;
}

/*.x-menu-item-link:hover > .fas, .x-btn:hover > .x-btn-wrap > .x-btn-button > .fas,*/
/*.x-tab:hover     > .x-tab-wrap > .x-tab-icon > .fas*/
/* {*/
/*    -webkit-animation-name: rotate-icon;*/
/*    animation-name: rotate-icon;*/
/*    -webkit-animation-duration: 0.5s;*/
/*    animation-duration: 0.5s;*/
/*    -webkit-animation-timing-function: ease-out;*/
/*    animation-timing-function: ease-out;*/
/*}*/
/*
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 2px;
    border-color: #5fa7db;
    background-color: #add2ed;
    opacity: 0.5;
}

::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #3892d3;
    background-color: #3892d3;
}

::-webkit-scrollbar-track {
    border-width: 0;
}

::-webkit-scrollbar-track:hover {
    border-left: solid 1px #eaeaea;
    background-color: #ffffff;
}

*/
/* --- Левое меню: классический дизайн (Ext.menu) --- */
.left-menu-item {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.left-menu-item .x-menu-item-text-default {
    font-size: 16px;
    font-weight: 400;
    margin-left: 40px;
}

.x-menu-item-active .x-menu-item-icon-default {
    color: #FFFFFF !important;
}

.x-menu-item-icon-default {
    font-size: 20px;
    margin-top: 2px;
}

.main_menu.x-menu-default {
    border-top: none;
}

/* =============================================================================
 * НОВЫЙ ДИЗАЙН (design=new)
 *
 * Включается классом body.design-new (Menu.js, designIndex === 'new').
 * Ночная тема: дополнительный класс body.theme-dark на том же body.
 * Макет: Figma Admin-redesign. Шрифт: Inter. Палитра: zinc (#18181B … #FAFAFA) + blue для primary-кнопок.
 * ============================================================================= */

/* --- Новый дизайн: западная колонка (west), фон zinc-900 и фиксированная ширина --- */
.design-new .design-new-west,
body.design-new .x-border-region-west{
    background-color: var(--design-new-west-bg) !important;
    width: 251px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Внутренний контейнер west: растягивание на всю высоту без переполнения */
body.design-new .design-new-west > .x-box-inner {
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* --- Новый дизайн: прокручиваемая область списка пунктов меню (скрытый scrollbar) --- */
body.design-new .design-new-menu-scroll,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Контейнер x-box-inner для корректного отображения пунктов меню */
body.design-new .design-new-menu-scroll > .x-box-inner,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll > .x-box-inner {
    height: auto !important;
    min-height: 0 !important;
}

/*
 * Utility: скрытие scrollbar (Firefox/IE + WebKit).
 * Селекторы — области design-new, где скролл есть, а полоса не нужна.
 */
body.design-new .design-new-menu-scroll,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll,
body.design-new .design-new-menu-scroll > .x-box-inner,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll > .x-box-inner,
body.design-new .design-new-context-menu-panel {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body.design-new .design-new-menu-scroll::-webkit-scrollbar,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll::-webkit-scrollbar,
body.design-new .design-new-menu-scroll > .x-box-inner::-webkit-scrollbar,
body.design-new #itemIdMenuScrollWrap.design-new-menu-scroll > .x-box-inner::-webkit-scrollbar,
body.design-new .design-new-context-menu-panel::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* --- Новый дизайн: контейнер аккордеонного меню main_menu--new --- */
body.design-new #itemIdMenuMenu.main_menu--new {
    width: 100% !important;
    flex: none !important;
}

/* Контейнер main_menu--new: background-color #18181b, border none, padding 12px 0 0 0 */
.design-new .main_menu--new {
    background-color: var(--design-new-west-bg);
    border: none;
    padding: 12px 0 0 0;
}

/* --- Новый дизайн: логотип в шапке west-колонки (смещение спрайта) --- */
body.design-new .logo_container {
    background-color: var(--design-new-west-bg) !important;
    border: none !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0;
    transform: translateX(-18px);
}

/* Контейнер design-new-logo */
body.design-new .logo_container .design-new-logo,
body.design-new #itemIdMenuLogo.design-new-logo{
    width: 100% !important;
    height: 64.6px !important;
    background-size: 208.05px auto !important;
    background-position: -18px center !important;
}

/* --- Новый дизайн: подвал west-колонки (версия, профиль, действия, сворачивание) --- */
body.design-new .design-new-west-footer {
    flex-shrink: 0;
    padding: 12px 0 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* Текст версии приложения */
body.design-new .design-new-west-footer__version {
    color: #71717a;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* Блок профиля: аватар и имя пользователя */
body.design-new .design-new-west-footer__profile {
    min-height: 40px;
    margin-bottom: 8px;
}

/* Контейнер user-image */
body.design-new .design-new-west-footer__profile .user-image {
    flex-shrink: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

/* Контейнер idHeaderName */
body.design-new .design-new-west-footer #idHeaderName {
    min-width: 0;
    overflow: hidden;
}

/* Имя пользователя в подвале */
body.design-new .design-new-west-footer #idHeaderName p {
    color: #ffffff !important;
    margin: 0;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Логин (вторичная строка под именем) */
body.design-new .design-new-west-footer__login {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: var(--design-new-font-family);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Иконки действий в подвале (настройки, выход и т.п.) */
body.design-new .design-new-west-footer__actions .x-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Иконка действия в подвале */
body.design-new .design-new-west-footer__actions .x-btn .x-btn-icon-el {
    color: var(--design-new-muted-fg) !important;
    font-size: 16px;
}

/* Иконка действия в подвале: hover */
body.design-new .design-new-west-footer__actions .x-btn:hover .x-btn-icon-el {
    color: #ffffff !important;
}

/* Кнопки сворачивания / разворачивания west-колонки */
body.design-new .design-new-west-footer__collapse-btn,
body.design-new .design-new-west-expand-btn{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: var(--design-new-radius-sm) !important;
    padding: 0 !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

/* Иконка действия в подвале: цвет #a1a1aa, размер 20px */
body.design-new .design-new-west-footer__collapse-btn .x-btn-icon-el,
body.design-new .design-new-west-expand-btn .x-btn-icon-el{
    color: var(--design-new-muted-fg) !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

/* Иконка действия в подвале: hover */
body.design-new .design-new-west-footer__collapse-btn:hover .x-btn-icon-el,
body.design-new .design-new-west-expand-btn:hover .x-btn-icon-el{
    color: #ffffff !important;
}

/* --- Новый дизайн: свёрнутая west-колонка (узкий rail 76px, только иконки) --- */
body.design-new.design-new-west-collapsed .design-new-west,
body.design-new.design-new-west-collapsed .x-border-region-west{
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding: 0 16px !important;
    overflow: hidden !important;
}

/* Логотип в свёрнутом режиме: квадратный crop спрайта */
body.design-new-west-collapsed .logo_container {
    transform: translateX(-18px) !important;
    height: 65px !important;
    min-height: 65px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    overflow: visible !important;
}

/* Контейнер x-box-inner для логотипа в свёрнутом режиме */
body.design-new-west-collapsed .logo_container > .x-box-inner {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Контейнер design-new-logo */
body.design-new-west-collapsed .logo_container .design-new-logo,
body.design-new-west-collapsed #itemIdMenuLogo.design-new-logo{
    width: 64.6px !important;
    height: 64.6px !important;
    min-width: 64.6px !important;
    max-width: 64.6px !important;
    flex: 0 0 64.6px !important;
    background-size: 208.05px auto !important;
    background-repeat: no-repeat !important;
    background-position: -18px center !important;
    overflow: visible !important;
}

/* Контейнер main_menu--new */
body.design-new-west-collapsed .main_menu--new {
    padding-top: 12px !important;
}

/* В свёрнутом режиме скрываем подменю и текст пунктов */
body.design-new-west-collapsed .main_menu--new .main_menu-sub-item,
body.design-new-west-collapsed .main_menu--new .main_menu-inline-submenu{
    display: none !important;
}

/* Скрываем текст и иконку пункта меню */
body.design-new-west-collapsed .main_menu--new .main_menu-item-text,
body.design-new-west-collapsed .main_menu--new .main_menu-item-chevron{
    display: none !important;
}

/* Контейнер main_menu-item-inner */
body.design-new-west-collapsed .main_menu--new .main_menu-item > .main_menu-item-inner {
    justify-content: center;
    padding: 12px !important;
    min-height: 44px;
}

/* Бейдж уведомлений — точка 8×8 px в углу иконки */
body.design-new-west-collapsed .main_menu--new .main_menu-item .badgeText {
    top: 6px !important;
    right: 6px !important;
    transform: none !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 0 !important;
    padding: 0 !important;
    border-radius: 9999px !important;
}

/* В свёрнутом режиме остаются только аватар и кнопка «развернуть» */
body.design-new-west-collapsed .design-new-west-footer__version,
body.design-new-west-collapsed .design-new-west-footer__actions{
    display: none !important;
}

/* Скрываем gap и text */
body.design-new-west-collapsed .design-new-west-footer__profile-gap,
body.design-new-west-collapsed .design-new-west-footer__profile-text{
    display: none !important;
}

/* Контейнер design-new-west-footer__profile */
body.design-new-west-collapsed .design-new-west-footer__profile {
    justify-content: center;
    margin-bottom: 8px;
}

/* Контейner design-new-west-footer__expand-btn */
body.design-new-west-collapsed .design-new-west-footer__expand-btn {
    align-self: center;
    margin: 0 auto 0 auto;
}

/* --- Новый дизайн: всплывающее подменю (flyout) при свёрнутой west-колонке --- */
.main_menu-collapsed-flyout {
    background: #27272a;
    border-radius: var(--design-new-radius-sm, 8px);
    padding: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    z-index: 19000;
    min-width: 200px;
}

/* Строка пункта во flyout */
.main_menu-collapsed-flyout .main_menu-collapsed-flyout__row {
    display: block !important;
    border-radius: 6px;
    cursor: pointer;
    color: var(--design-new-muted-fg);
}

/* Строка flyout: hover-подсветка */
.main_menu-collapsed-flyout .main_menu-collapsed-flyout__row:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.main_menu-collapsed-flyout .main_menu-sub-item-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 12px 16px;
    box-sizing: border-box;
}

.main_menu-collapsed-flyout .main_menu-subitem-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--design-new-muted-fg);
    flex-shrink: 0;
}

.main_menu-collapsed-flyout .main_menu-subitem-text {
    flex: 1;
    min-width: 0;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--design-new-muted-fg);
    white-space: nowrap;
}

.main_menu-collapsed-flyout .main_menu-item-chevron {
    display: none;
}

/* --- Новый дизайн: контекстное меню (ПКМ) — аккордеон как у главного меню --- */
body.design-new .design-new-context-menu-panel {
    background-color: var(--design-new-west-bg) !important;
    border-radius: var(--design-new-radius-sm, 8px);
    padding: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    width: 240px !important;
    min-width: 240px !important;
    max-width: 320px;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;box-sizing: border-box;
}

body.design-new .design-new-context-menu-panel > .x-box-inner {
    width: 100% !important;
}

body.design-new .design-new-context-menu-panel .main_menu-item,
body.design-new .design-new-context-menu-panel .main_menu-sub-item{
    width: 100% !important;
    flex-shrink: 0;
}

body.design-new .design-new-context-menu-panel .main_menu-item > .main_menu-item-inner,
body.design-new .design-new-context-menu-panel .main_menu-sub-item > .main_menu-sub-item-inner{
    width: 100% !important;
}

body.design-new .design-new-context-menu-panel .design-new-context-menu-separator {
    height: 1px;
    margin: 4px 8px;
    background-color: #3f3f46;
    flex-shrink: 0;
}

body.design-new .design-new-context-menu-panel .main_menu-item-disabled,
body.design-new .design-new-context-menu-panel .main_menu-item-disabled.x-item-disabled,
body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-item-inner,
body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-sub-item-inner,
.design-new .main_menu--new .main_menu-item-disabled,
.design-new .main_menu--new .main_menu-item-disabled.x-item-disabled,
.design-new .main_menu--new .main_menu-item-disabled .main_menu-item-inner,
.design-new .main_menu--new .main_menu-item-disabled .main_menu-sub-item-inner {
    background-color: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
}

body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-item-text,
body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-item-icon,
body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-subitem-text{
    color: #52525b !important;
    cursor: default !important;
}

body.design-new .design-new-context-menu-panel .main_menu-item-disabled .main_menu-subitem-dot {
    background-color: #52525b !important;
    cursor: default !important;
}

/* --- Новый дизайн: пункты аккордеонного меню (верхний уровень и вложенное подменю) --- */
.design-new .main_menu--new .main_menu-item,
.design-new .main_menu--new .main_menu-sub-item{
    width: 100%;
    height: auto;
    min-height: 0;
    cursor: pointer;
    border-radius: var(--design-new-radius-sm, 8px);
    color: var(--design-new-muted-fg);
    display: flex;
    align-items: stretch;
    overflow: visible;
}

.design-new .main_menu--new .main_menu-item > .main_menu-item-inner,
.design-new .main_menu--new .main_menu-sub-item > .main_menu-sub-item-inner{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 12px 36px 12px 12px;
    box-sizing: border-box;
    flex: 1;
    min-width: 0;
    position: relative;
}

/* Бейдж счётчика на пункте меню (круг rose-500) */
.design-new .main_menu--new .main_menu-item .badgeText {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    left: auto !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #f43f5e !important;
    color: #ffffff !important;
    font-family: var(--design-new-font-family);
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    box-sizing: border-box;
    transform: translateY(-50%) !important;
}

/* Иконка пункта меню (Font Awesome, zinc-400) */
.design-new .main_menu--new .main_menu-item-icon {
    width: 20px;
    font-size: 20px;
    line-height: 20px;
    color: var(--design-new-muted-fg);
    text-align: center;
    flex-shrink: 0;
    margin: 0;
}

/* Подпись пункта меню */
.design-new .main_menu--new .main_menu-item-text {
    flex: 1;
    min-width: 0;
    margin-left: 0;
    font-family: var(--design-new-font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--design-new-muted-fg) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Шеврон раскрытия подменю (поворот при expanded) */
.design-new .main_menu--new .main_menu-item-chevron {
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 16px;
    line-height: 16px;
    color: var(--design-new-muted-fg);
    margin-left: 0;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    transform: translateY(-50%);
}

.design-new .main_menu--new .main_menu-item-expanded .main_menu-item-chevron {
    transform: translateY(-50%) rotate(180deg);
}

.design-new .main_menu--new .main_menu-item-expanded:not(.selected_menu) {
    background-color: transparent !important;
}

.design-new .main_menu--new .main_menu-inline-submenu {
    background-color: transparent;
}

.design-new .main_menu--new .main_menu-sub-item {
    color: var(--design-new-muted-fg);
}

/* Подпункты: отступ слева, маркер-точка */
.design-new .main_menu--new .main_menu-sub-item > .main_menu-sub-item-inner {
    min-height: 36px;
    padding: 12px 12px 12px 48px;
}

.design-new .main_menu--new .main_menu-subitem-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--design-new-muted-fg);
    flex-shrink: 0;
}

.design-new .main_menu--new .main_menu-subitem-text {
    flex: 1;
    min-width: 0;
    margin-left: 0;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--design-new-muted-fg) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Вложенное подменю третьего уровня — дополнительный отступ */
.design-new .main_menu--new .main_menu-inline-submenu--nested .main_menu-sub-item-inner {
    padding-left: 60px;
}

/* Hover по невыбранным пунктам (недоступные — без подсветки фона) */
.design-new .main_menu--new .main_menu-item:hover:not(.selected_menu):not(.main_menu-item-disabled),
.design-new .main_menu--new .main_menu-sub-item:hover:not(.selected_menu):not(.main_menu-item-disabled){
    background-color: rgba(255, 255, 255, 0.08);
}

/* Выбранный пункт: полупрозрачный белый фон, белый текст */
.design-new .main_menu--new .selected_menu {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-right: none !important;
}

.design-new .main_menu--new .selected_menu .main_menu-item-text,
.design-new .main_menu--new .selected_menu .main_menu-subitem-text{
    color: #ffffff !important;
    font-weight: 600;
}

.design-new .main_menu--new .selected_menu .main_menu-subitem-dot {
    background-color: #ffffff !important;
}

.design-new .main_menu--new .main_menu-item.left-menu-item,
.design-new .main_menu--new .main_menu-sub-item.left-menu-subitem{
    height: auto;
    line-height: normal;
}

body.design-new #main-tabs .x-tab-bar,
body.design-new #main-tabs .x-tab-bar-body-default,
body.design-new #main-tabs .x-tab-bar .x-box-scroller,
body.design-new #main-tabs .x-tab-bar .x-box-scroller-body,
body.design-new #main-tabs .x-tab-bar .x-box-inner,
body.design-new .design-new-edit-window .x-tab-bar,
body.design-new .design-new-edit-window .x-tab-bar-body-default,
body.design-new .design-new-edit-window .x-tab-bar .x-box-scroller,
body.design-new .design-new-edit-window .x-tab-bar .x-box-scroller-body,
body.design-new .design-new-edit-window .x-tab-bar .x-box-inner {
    background: var(--edit-window-chrome-bg) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
}

/* Общая раскладка вкладок design-new: вкладки прижаты к контенту, без полоски Ext JS */
body.design-new .design-new-surface .x-tab-bar-strip-default{
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

body.design-new .design-new-surface .x-tab-bar{
    padding: 0 !important;
    overflow: visible !important;
}

body.design-new #main-tabs .x-tab-bar {
    padding: 0 !important;
    overflow: hidden !important;
}

.test-period-banner {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: transparent !important;
    color: #ffffff;
    pointer-events: none;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}

.test-period-banner .x-component-body {
    background: transparent !important;
    color: #ffffff;
    text-align: right;
}

body.design-new .design-new-surface .x-tab-bar-default-top > .x-tab-bar-body-default{
    display: flex !important;
    align-items: flex-end !important;
    position: relative !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-surface .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-inner > .x-container{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.design-new .design-new-surface .x-tab-default-top{
    padding: 0 !important;
}

body.design-new .design-new-surface .x-tab-wrap .x-tab-button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Высота полосы вкладок 42px, отступы контента */
body.design-new #main-tabs .x-tab-bar {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
}

body.design-new #main-tabs .x-tab-bar-body-default {
    padding: 12px 0 0 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
}

body.design-new #main-tabs .x-tab-bar .x-box-scroller,
body.design-new #main-tabs .x-tab-bar .x-box-scroller-body,
body.design-new #main-tabs .x-tab-bar .x-box-inner,
body.design-new .design-new-edit-window .x-tab-bar .x-box-scroller,
body.design-new .design-new-edit-window .x-tab-bar .x-box-scroller-body,
body.design-new .design-new-edit-window .x-tab-bar .x-box-inner {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    align-self: flex-end !important;
}

/* Главное окно: вкладки обрезаются по границам области между стрелками */
body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-left,
body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-right{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    flex: 0 0 32px !important;
    flex-shrink: 0 !important;
    z-index: 2;
}

body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-inner {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: hidden !important;
    contain: paint;
}

body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller.x-box-scroller-tab-bar:not(.x-box-scroller-left):not(.x-box-scroller-right) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    contain: paint;
}

body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller.x-box-scroller-tab-bar:not(.x-box-scroller-left):not(.x-box-scroller-right) > .x-box-scroller-body {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller.x-box-scroller-tab-bar:not(.x-box-scroller-left):not(.x-box-scroller-right) .x-box-inner,
body.design-new #main-tabs .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller.x-box-scroller-tab-bar:not(.x-box-scroller-left):not(.x-box-scroller-right) .x-box-target{
    overflow: hidden !important;
}

body.design-new #main-tabs .x-tab-default-top,
body.design-new .design-new-edit-window .x-tab-default-top {
    border: none !important;
    border-radius: var(--design-new-radius-sm) var(--design-new-radius-sm) 0 0 !important;
    min-width: 120px;
    max-width: 260px;
    height: 30px !important;
    margin: 0 4px 0 0 !important;
    box-shadow: none !important;
    background-color: var(--edit-window-tab-inactive-bg) !important;
    background-image: none !important;
    overflow: hidden !important;
}

/* Активная вкладка и hover */
body.design-new #main-tabs .x-tab-active.x-tab-default-top,
body.design-new #main-tabs .x-tab-default-top.x-tab-over,
body.design-new #main-tabs .x-tab-default-top:hover{
    background-color: var(--edit-window-tab-active-bg) !important;
}

body.design-new #main-tabs .x-tab-icon-el,
body.design-new .design-new-edit-window .x-tab-icon-el {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}

body.design-new #main-tabs .x-tab-wrap,
body.design-new .design-new-edit-window .x-tab-wrap {
    height: 100% !important;
    display: block !important;
}

/* Внутренняя flex-раскладка: заголовок + кнопка закрытия справа */
body.design-new #main-tabs .x-tab-wrap .x-tab-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
    height: 100% !important;
    padding: 0 36px 0 12px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Заголовок вкладки */
body.design-new #main-tabs .x-tab-inner-default {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    color: var(--edit-window-tab-inactive-fg) !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.design-new #main-tabs .x-tab-active .x-tab-inner-default,
body.design-new #main-tabs .x-tab-default-top:hover .x-tab-inner-default,
body.design-new #main-tabs .x-tab-default-top.x-tab-over .x-tab-inner-default{
    color: var(--edit-window-tab-active-fg) !important;
}

/* Кнопка закрытия вкладки (×) — абсолютное позиционирование справа */
body.design-new #main-tabs .x-tab-close-btn {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex: none !important;
    opacity: 1 !important;
    z-index: 2 !important;
    color: var(--edit-window-tab-inactive-fg) !important;
}

body.design-new #main-tabs .x-tab-active .x-tab-close-btn,
body.design-new #main-tabs .x-tab-default-top:hover .x-tab-close-btn,
body.design-new #main-tabs .x-tab-default-top.x-tab-over .x-tab-close-btn{
    color: var(--edit-window-tab-active-fg) !important;
}

body.design-new #main-tabs .x-tab.x-tab-icon .x-tab-inner-default,
body.design-new #main-tabs .x-tab-icon .x-tab-inner-default,
body.design-new .design-new-edit-window .x-tab.x-tab-icon .x-tab-inner-default,
body.design-new .design-new-edit-window .x-tab-icon .x-tab-inner-default {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

/* design-new: затемнение правого/левого края полосы вкладок (Figma 2089:3562) */
body.design-new .design-new-tab-bar-fade {
    position: absolute;
    bottom: 0;
    width: 64px;
    height: 30px;
    pointer-events: none;
    z-index: 6;
}

body.design-new .design-new-tab-bar-fade-right {
    right: 32px;
    background: linear-gradient(to left, var(--edit-window-chrome-bg) 0%, rgba(24, 24, 27, 0) 100%);
}

body.design-new .design-new-tab-bar-fade-left {
    left: 32px;
    background: linear-gradient(to right, var(--edit-window-chrome-bg) 0%, rgba(24, 24, 27, 0) 100%);
}

body.design-new.theme-dark .design-new-tab-bar-fade-right {
    background: linear-gradient(to left, var(--edit-window-chrome-bg) 0%, rgba(9, 9, 11, 0) 100%);
}

body.design-new.theme-dark .design-new-tab-bar-fade-left {
    background: linear-gradient(to right, var(--edit-window-chrome-bg) 0%, rgba(9, 9, 11, 0) 100%);
}

/* Кнопки прокрутки вкладок — на одной линии с текстом вкладок (30px) */
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-left,
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-right{
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    width: 32px !important;
    min-width: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    align-self: flex-end !important;
    flex: 0 0 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transform: none !important;
}

body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-left .x-box-scroller-body,
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-right .x-box-scroller-body{
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-left .x-tool-img,
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-right .x-tool-img,
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-left:before,
body.design-new .x-tab-bar-default-top > .x-tab-bar-body-default > .x-box-scroller-right:before{
    margin: 0 !important;
    top: auto !important;
    transform: none !important;
}

/* Дополнительный отступ полосы вкладок у .maintabs */
body.design-new .maintabs .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 12px 0 0 0 !important;
}

body.design-new .design-new-main-window .x-tabpanel-body,
body.design-new .design-new-main-window > .x-panel-body-default,
body.design-new .design-new-edit-window .x-window-body-default,
body.design-new .design-new-surface .x-panel-body-default {
    background-color: var(--edit-window-surface-bg) !important;
    border: none !important;
}

body.design-new .x-border-region-center {
    background-color: var(--edit-window-surface-bg) !important;
}

/* --- Конец блока нового дизайна: west, меню, вкладки --- */

/* --- Редактор цветовых схем: сетка, диалог, превью макета --- */
.color-scheme-elements-grid td.color-scheme-row-cell-selected--label {
    background-color: #f5a8a8 !important;
}

.color-scheme-theme-cell {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.color-scheme-theme-cell .x-grid-cell-inner {
    background-color: transparent !important;
}

.color-scheme-theme-cell__sample {
    font-weight: 600;
}

.color-scheme-theme-cell--empty {
    background-color: #f3f4f6 !important;
    color: #404040 !important;
}

.color-scheme-dialog__label {
    font-weight: 600;
    margin-bottom: 6px;
}

.color-scheme-dialog__sample {
    padding: 12px 16px;
    border: 1px solid #d0d7de;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.color-scheme-dialog__square {
    margin-top: 8px;
    flex: 0 0 auto;
}

.color-scheme-dialog__square-canvas {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    border: 1px solid #d0d7de;
    border-radius: 4px;
    cursor: crosshair;
}

.color-scheme-dialog__hue-input {
    width: 100%;
    margin-top: 6px;
    flex: 0 0 auto;
}

.color-scheme-dialog__palette {
    flex: 0 0 auto !important;
}

.color-scheme-dialog__palette .x-color-picker {
    width: 136px !important;
    height: auto !important;
    min-height: 0 !important;
}

.color-scheme-dialog__palette .x-color-picker-item {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    line-height: 15px !important;
    padding: 0 !important;
    margin: 1px !important;
    vertical-align: top;
    box-sizing: border-box;
}

.color-scheme-dialog__palette .x-color-picker-item-inner {
    display: block;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    box-sizing: border-box;
}

.color-scheme-preview-wrap {
    background: #eceff1;
    overflow: auto;
    min-width: 0;
}

.color-scheme-sidebar {
    border-left: 1px solid #d0d7de;
    background: #ffffff;
}

.color-scheme-sidebar__body {
    background: #ffffff;
}

.color-scheme-files-grid__row--selected .x-grid-cell {
    background-color: #dbeafe !important;
    font-weight: 600;
}

.color-scheme-preview-sections {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.color-scheme-preview-section {
    flex: 1 1 50%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
}

.color-scheme-preview-section__title {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #404040;
}

.color-scheme-preview {
    min-width: 720px;
    padding: 0;
}

.color-scheme-preview [data-ui-element] {
    cursor: pointer;
}

.color-scheme-preview [data-ui-element].color-scheme-preview__element--selected {
    outline: none;
    box-shadow: inset 0 0 0 4px #e53935;
}

.color-scheme-preview__layout {
    display: flex;
    min-height: 420px;
    border: 1px solid #c1c1c1;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.color-scheme-preview__west {
    width: 251px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: #18181b;
}

.color-scheme-preview__toolbar {
    height: 52px;
    display: flex;
    align-items: flex-start;
    padding: 16px 0 0 0;
    background: #18181b;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.04em;
}

.color-scheme-preview__menu {
    flex: 1;
    background: #18181b;
    padding-top: 12px;
}

.color-scheme-preview__center {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
}

.color-scheme-preview__tabs {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 16px 12px 0;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f9fa;
}

.color-scheme-preview__tab {
    padding: 8px 16px;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    color: #666666;
    background: transparent;
}

.color-scheme-preview__tab--active {
    color: #333333;
    font-weight: 600;
    background: #ffffff;
    border-color: #d0d0d0;
}

.color-scheme-preview__panel-body {
    flex: 1;
    padding: 12px;
}

.color-scheme-preview__actions {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.color-scheme-preview__button {
    padding: 6px 14px;
    border: 1px solid #0F4C81;
    border-radius: 4px;
    background: #0F4C81;
    color: #ffffff;
    font-size: 13px;
}

.color-scheme-preview__grid {
    border: 1px solid #d0d0d0;
}

.color-scheme-preview__grid-head,
.color-scheme-preview__grid-row{
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13px;
}

.color-scheme-preview__grid-head {
    background: #f3f4f6;
    font-weight: 600;
    border-bottom: 1px solid #d0d0d0;
}

.color-scheme-preview__grid-row {
    border-bottom: 1px solid #ececec;
}

.color-scheme-preview__grid-row--selected {
    background: #fff8e1;
}

/* --- TabPanel: классический дизайн (maintabs) --- */
.maintabs .x-box-inner {
    overflow: visible;
}

.maintabs .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 24px 4px 0 8px;
}

.x-tab-focus.x-tab-default {
    outline: none;
}

/* --- Аватар пользователя в шапке / подвале --- */
.user-image {
    background-size: contain;
    border-radius: 20px;
}

/* --- Иконки разделов и действий (фоновые изображения из images/) --- */
[class^="icn-"],
[class*=" icn-"]{
    background-repeat: no-repeat;
}

.icn-modules {
    background-image: url("images/plugin.png");
}

.icn-camera {
    background-image: url("images/camera.png");
}

.icn-for-users,
.icn-group{
    background-image: url("images/group.png");
}

.icn-server {
    background-image: url("images/server.png");
}

.icn-database_refresh {
    background-image: url("images/database_refresh.png");
}

.icn-server-go {
    background-image: url("images/server_go.png");
}

.icn-server-connect {
    background-image: url("images/server_connect.png");
}

.icn-server-database {
    background-image: url("images/server_database.png");
}

.icn-request-relaying {
    background-image: url("images/page_white_go.png");
}

.icn-image-add {
    background-image: url("images/image_add.png");
}

.icn-warning {
    background-image: url("images/exclamation.png");
}

.icn-qrcodes {
    background-image: url("images/qr-code.png");
}

.icn-fuel {
    background-image: url("images/fuel.png");
}

.icn-help {
    background-image: url("images/help.png");
}

.icn-car {
    background-image: url("images/lorry.png");
}

.icn-lorry-loupe {
    background-image: url("images/lorry-loupe.png");
}

.icn-page-world {
    background-image: url("images/page_white_world.png");
}

.icn-add-world {
    background-image: url("images/world_add.png");
}

.icn-raw {
    background-image: url("images/clock_go.png");
}

.icn-application_view_list {
    background-image: url("images/application_view_list.png");
}

.icn-user-gray,
.icn-partners{
    background-image: url("images/user_gray.png");
}

.icn-part {
    background-image: url("images/part.png");
}

.icn-lightbulb {
    background-image: url("images/lightbulb.png");
}

.icn-serv {
    background-image: url("images/serv.png");
}

.icn-application_form_edit {
    background-image: url("images/application_form_edit.png");
}

.icn-application_double {
    background-image: url("images/application_double.png");
}

.icn-application_get {
    background-image: url("images/application_get.png");
}

.icn-application_edit {
    background-image: url("images/application_edit.png");
}

.icn-application_add {
    background-image: url("images/application_add.png");
}

.icn-edit {
    background-image: url("images/overlays.png");
}

.icn-fitter,
.icn-wrench{
    background-image: url("images/wrench.png");
}

.icn-edit_el {
    background-image: url("images/layout_edit.png");
}

.icn-copy {
    background-image: url("images/page_copy.png");
}

.icn-world {
    background-image: url("images/world.png");
}

.icn-pill {
    background-image: url("images/pill.png");
}

.icn-excel {
    background-image: url("images/page_excel.png");
}

.icn-news {
    background-image: url("images/newspaper.png");
}

.icn-couins {
    background-image: url("images/coins.png");
}

.icn-lock {
    background-image: url("images/lock.png");
}

.icn-unlock {
    background-image: url("images/lock_open.png");
}

.icn-money {
    background-image: url("images/money.png");
}

.icn-command-go {
    background-image: url("images/drive_go.png");
}

.icn-application_lightning {
    background-image: url("images/application_lightning.png");
}

.icn-login {
    background-image: url("images/log_on.png");
}

.icn-sim-status {
    background-image: url("images/sim-card.png");
}


.icn-sim-mts {
    background-image: url("images/mts.svg");
    background-size: cover;
    height: 16px;
    width: 16px;
}


/* --- Гриды Ext JS: фильтры, выделение строк, заголовки колонок --- */
.x-grid-filters-filtered-column {
    color: #E7593E;
    font-style: normal;
}

.x-grid-item-selected .x-grid-cell-inner {
    white-space: normal;
}

.x-column-header-inner {
    white-space: normal;
    padding: 5px 10px;
}


.icn-settings {
    background-image: url("images/cog.png");
}

.icn-cog_go {
    background-image: url("images/cog_go.png");
}

.icn-cog_add {
    background-image: url("images/cog_add.png");
}

.icn-cog_delete {
    background-image: url("images/cog_delete.png");
}

.icn-accounts {
    background-image: url("images/vcard.png");
}

.icn-date {
    background-image: url("images/date.png");
}

.icn-report-user {
    background-image: url("images/report_user.png");
}

.icn-bill-credit {
    background-image: url("images/money_add.png");
}

.red-mess {
    color: #E7593E;
    text-align: center;
}

.icn-bill-debit {
    background-image: url("images/money_delete.png");
}

.icn-bill-invoices {
    background-image: url("images/page_white_star.png");

}

.icn-flag_red {
    background-image: url("images/flag_red.png");

}

.icn-flag_green {
    background-image: url("images/flag_green.png");

}

.icn-cross {
    background-image: url("images/cross.png");
}

.icn-cross-grey {
    background-image: url("images/cross-grey.png");
}

.icn-cancel {
    background-image: url("images/cancel.png");
}


.x-menu-icon-separator-default {
    border: none;
}

/* --- Общая раскладка border-layout и классические вкладки --- */
body.x-border-layout-ct,
div.x-border-layout-ct{
    background-color: #FFFFFF;
}

.x-tab-default-top.x-tab-focus.x-tab-active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.x-column-header-text {
    white-space: normal;
}

.icn-logo {
    background-image: url("images/logo.png");
}

.icn-dollar {
    background-image: url("images/money_dollar.png");
}

.icn-users {
    background-image: url("images/user_go.png");
}

.icn-table-lightning {
    background-image: url("images/table_lightning.png");
}

.icn-add {
    background-image: url("images/add.png");
}

.icn-accept {
    background-image: url("images/accept.png");
}

.icn-delete {
    background-image: url("images/delete.png");
}

.icn-bind {
    background-image: url("images/link_add.png");
}

.icn-reportlist {
    background-image: url("images/table_multiple.png");
}

.icn-recalc {
    background-image: url("images/table_refresh.png");
}

.icn-chart {
    background-image: url("images/chart_curve.png");
}

.icn-bullet-go {

    background-image: url("images/bullet_go.png");
}

.icn-shield {

    background-image: url("resources/images/autoconductor.jpg");
}

/* --- Подсветка строк грида по состоянию --- */
.grey-row.x-grid-row {
    background: #ccc;
}

.red-row.x-grid-row {
    background: rgba(231, 89, 62, 0.25);
}

.owner-user-row.x-grid-row,
.owner-user-row.x-grid-row .x-grid-cell{
    background: #d9f7d9;
}

.pre_cell .x-grid-cell-inner {
    white-space: pre;
    overflow: auto;
}


.icn-export {
    background-image: url("images/table_save.png");
}

.icn-import {
    background-image: url("images/table_go.png");
}

.icn-refresh {
    background-image: url("images/arrow_rotate_anticlockwise.png")
}

/* --- Дашборд: блоки статистики и canvas Highcharts --- */
.div-field-dashboard {
    padding: 0;
    font-size: 1.1em;
    display: block;
    float: left;
}

.stroka-in-dashboard {
    border: solid 1px;
    float: left;
    margin-top: 4%;
    display: block;
    width: 100%;
}

.fist-block-in-dashboard {
    border: solid 1px #157fcc;
    background-color: #157fcc;
    padding: 5px;
    float: left;
    width: 140px;
}

.span-dashboard {
    color: #fff;
}

.span-dashboard > p {
    text-align: center;
    margin: 0;
}

.second-block-in-dashboard {
    float: left;
    padding: 5px
}

.second-block-in-dashboard > p {
    text-align: center;
    margin: 0;
}

#idDashboardVehiclesFieldsetCanvasTotalOnline,
#idDashboardVehiclesFieldsetCanvasBlocked,
#idDashboardVehiclesFieldsetCanvasSortedByPriceMe,
#idDashboardVehiclesFieldsetCanvasSortedByPricePartners{
    height: 100%;
    width: 100%;
}

.highcharts-credits {
    display: none;
}

.block-dashboard {
    float: left;
    display: block;
}

.fist-block-in-dashboard-main {
    border: solid 1px #157fcc;
    background-color: #157fcc;
    padding: 5px;
    float: left;
    width: 100%;
}

@media screen and (min-width: 1366px) {
    #idDashboardVehiclesFieldsetCanvasTotalOnline,
#idDashboardVehiclesFieldsetCanvasBlocked,
#idDashboardVehiclesFieldsetCanvasSortedByPriceMe,
#idDashboardVehiclesFieldsetCanvasSortedByPricePartners{
        height: 80%;
    }
}

.menu-active {
    border-right: solid #ADD2ED;
}

/* --- Индикаторы онлайн/офлайн на карте транспорта --- */
.vehicles-circle-offline {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
    background-color: #FD4E4E;
}

.vehicles-circle-online {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
    background-color: #96D16F;
}

.icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.x-fieldset-default {
    padding: 5px 10px 5px 10px !important;
}

.settings-tab .settings-tab-fieldset.x-fieldset-default,
.settings-tab .settings-tab-fieldset.x-fieldset{
    padding: 0 !important;
}

.settings-tab .settings-tab-fieldset .x-fieldset-body,
.settings-tab .settings-tab-fieldset .x-fieldset-body-default{
    padding: 0 !important;
}

.x-fieldset .x-fieldset-header {
    padding: 0px 5px;
}

.news-triangle {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    background: #E7593E;
    margin-left: 35%
}

.x-combo-list-group {
    text-decoration: none;
}

/* --- Экран загрузки и блокировки страницы --- */
#id-system-loading {
    width: 100%;
    height: 100%;
    background-color: #4b4b52;
}

#idDisablePage-body {
    background-image: url(resources/images/database.svg);
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: center;
}

.icn-send {
    background-image: url(resources/images/message.png);
}

.icn-upload,
.icn-tnf{
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.icn-upload {
    background-image: url(resources/images/upload.png);
}

.icn-tnf {
    background-image: url(resources/images/tnflogo.png);
}

.icn-done {
    background-image: url(resources/images/checked.png);
}

.no-video-text {
    font-size: 25px;
    text-align: center;
    line-height: 1.2em;
    color: #4a4a4a;
}

.icn-info {
    background-image: url(resources/images/info.svg);
    background-position: center center;
    height: 80px;
    margin-bottom: 15px;
}

.icn-lorry-dollar {
    background-image: url("images/lorry_dollar.png");
}

.icn-reports {
    background-image: url("images/report.png");
}

/* --- Иконки экспорта отчётов (PDF, CSV, XLS) --- */
.icn-pdf {
    background-image: url("images/pdf.png");
}


.icn-pdf-white {
    background-image: url("images/pdf-white.png");
}

.icn-csv {
    background-image: url("images/csv.png");
}

.icn-csv-white {
    background-image: url("images/csv-white.png");
}

.icn-xls {
    background-image: url("images/xls.png");
}

.icn-xls-white {
    background-image: url("images/xls-white.png");
}

.icn-css {
    background-image: url("images/css.png");
}

.x-mask {
    border-width: 0 !important;
}

.icn-check {
    background-image: url("images/check.png");
}

.icn-uncheck {
    background-image: url("images/uncheck.png");
}

.icn-list {
    background-image: url("images/text_list_bullets.png");
}

.icn-brick {
    background-image: url("images/brick.png");
}

.x-toolbar {
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.icn-zoom_in {
    background-image: url("images/magnifier_zoom_in.png");
}

.icn-zoom_out {
    background-image: url("images/magifier_zoom_out.png");
}

.icn-arrow_out {
    background-image: url("images/arrow_out.png");
}

.icn-crop-symbol {
    background-image: url("images/crop-symbol.png");
}

.icn-arrow_right {
    background-image: url("images/arrow_right.png");
}

.icn-arrow_left {
    background-image: url("images/arrow_left.png");
}

.icn-arrow_up {
    background-image: url("images/arrow_up.png");
}

.icn-arrow_down {
    background-image: url("images/arrow_down.png");
}

.icn-arrow_refresh {
    background-image: url("images/arrow_refresh.png");
}

.icn-terminal {
    background-image: url("images/application_osx_terminal.png");
}

.icn-table {
    background-image: url("images/table.png");
}


/* --- Индикатор загрузки системы (spinner) --- */
#container-system-spinner {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    overflow: hidden;
}

.textfield-add {
    background-image: url("images/textfield_add.png");
}

/* --- Профиль пользователя: типографика и кнопки --- */
.profile-header {
    font-family: inherit;
    font-weight: 600;
    color: #2e2e2e;
}

.profile-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.428571429;
    color: #2e2e2e;
}

.profile-remove-btn {
    background-color: #0AA9DC;
}

.icn-profile {
    background-image: url("images/user_suit.png");
}

#idPricesPanel-body > .x-splitter {
    background-color: #d2d2d2;
}

.cell-copy-btn {
    padding: 0px 4px;
    margin-left: 5px;
    color: #828282;
    border: none;
    font-size: 12px;
    background: none;
    cursor: pointer;
}

.row-text-overflow {
    white-space: pre-wrap;
    overflow: auto;
    word-break: break-all;
    max-height: 200px;
    scrollbar-width: thin;
}


.x-grid-item {
    font-weight: 400;
}

/* --- Семантические цвета текста и фона (green / red / amber) --- */
.green {
    color: #68C656;
}

.red {
    color: #E7593E;
}

.amber {
    color: #F6BE50;
}

.bg_green {
    background-color: #68C656 !important;
    border-color: #68C656;
}

.bg_red {
    background-color: #E7593E !important;
    border-color: #E7593E;
}

.bg_amber {
    background-color: #F6BE50 !important;
    border-color: #F6BE50;
}

.x-panel-header-default-horizontal .x-header-noborder {
    padding: 4px 16px 4px 16px;
}

.x-tab-default-top {
    background-color: #00000044;
    border-radius: 3px 3px 0px 0px;
}

/* --- Формы, кнопки и триггеры: скругление и поведение --- */
.x-form-trigger-wrap-default,
.x-form-trigger-wrap-default,
.x-btn-default-toolbar-small,
.x-btn-plain-toolbar-small,
.x-btn-default-small{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.x-form-trigger-wrap-default {
    overflow: hidden;
}

.combo-list-item {
    border-bottom: solid 1px #c2c2c8;
}

.trigger-custom {
    background-position: 0px center !important;
}

.small-size {
    background-size: 20px;
    background-position-y: 53%;
}

.x-item-disabled,
.x-item-disabled *{
    pointer-events: all;
}

.buttonOkCommandsVehicles {
    margin-left: 24px;
}

.ToFieldCommandsVehicles {
    margin-left: -64px;
}

.redColour {
    font-size: 13px;
    color: #E7593E;
    display: flex;
    width: 360px;
}


.nowrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Иконки браузеров и операционных систем --- */
.opera-icon,
.chrome-icon,
.firefox-icon,
.internet-exploer-icon,
.safari-icon,
.yandex-icon,
.edge-icon,
.windows-icon,
.browser-icon,
.linux-icon,
.android-icon,
.apple-icon,
.ubuntu-icon{
    background-repeat: no-repeat;
    background-position: center;
}

.yandex-icon,
.edge-icon,
.windows-icon,
.browser-icon,
.linux-icon,
.android-icon,
.apple-icon,
.ubuntu-icon{
    background-size: 16px;
}

.opera-icon {
    background-image: url('images/opera.png');
}

.chrome-icon {
    background-image: url('images/chrome.png');
}

.firefox-icon {
    background-image: url('images/firefox.png');
}

.internet-exploer-icon {
    background-image: url('images/internet-explorer.png');
}

.safari-icon {
    background-image: url('images/safari.png');
}

.yandex-icon {
    background-image: url('images/yandex.png');
}

.edge-icon {
    background-image: url('images/edge.png');
}

.windows-icon,
.browser-icon{
    background-image: url('images/windows.png');
}

.linux-icon {
    background-image: url('images/linux.png');
}

.android-icon {
    background-image: url('images/android.png');
}

.apple-icon {
    background-image: url('images/apple.png');
}

.ubuntu-icon {
    background-image: url('images/ubuntu.png');
}

.x-tab-wrap,
.x-tab-wrap .x-tab-button{
    display: block;
}

.x-btn-inner-default-toolbar-small {
    color: #FFFFFF !important;

}

.x-form-text-default {
    padding: 5px;
}

.x-panel-default-outer-border-trbl {
    border: none !important;
}

/* --- Интерфейс перевода строк (language / translation) --- */
.language_to_translate {
    font-size: 20px;
    border: #ccc 1px solid;
    padding: 10px 5px;
    color: #777777;
    font-weight: bold;
    line-height: 24px;
}

.language_translation {
    font-size: 20px;
    border: #ccc 1px solid;
    padding: 10px 5px;
    color: darkgreen;
    font-weight: bold;
    line-height: 24px;
}

.untranslated_label {
    font-size: 16px;
}

.untranslated_field {
    font-size: 20px;
    color: brown;
    font-weight: bold;
}
.translation_message{
    color: green;
}

/* --- Дашборд: справка по вкладкам опций --- */
.dashboard_option_tab_help_ref {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #8297a8;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all .3s;
}

.dashboard_option_tab_help_ref:hover {
    border: 1px solid #f0f0f0;
}

.dashboard_option_tab_help_ref > a {
    display: flex;
    justify-content: center;
    color: #8297a8;
    font-size: 12px;
    text-decoration: none;
    transition: all .3s;
}

.dashboard_option_tab_help_ref > a:hover {
    color: #f0f0f0;
}

.dashboard_option_tab_help {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    background-color: #ececec;
    padding: 15px 10px 30px 10px;
}

/* --- Отчёты и подсветка дубликатов полей --- */
.report_tr_color_orange td {
    border-bottom: 3px solid orange;
}

.report_tr_color_red td {
    border-bottom: 3px solid red;
}

.duplicate-field-highlighted {
    background-color: #fb757573;
}

.icon-help {
    text-decoration: none;
    z-index: 9;
    position: absolute;
    margin-left: 4px;
}

.icon-help:visited {
    color: inherit;
    background-color: transparent;
}

.x-action-col-icon{
    margin: 0px 3px;
}

.x-grid-widgetcolumn-cell-inner {
    padding:  2px;
}

/* #region Новый дизайн ===============================================================================*/

/* --- Вкладки: flex-раскладка кнопки внутри .x-tab-wrap (перекрытие глобального display: block) --- */
body.design-new #main-tabs .x-tab-wrap .x-tab-button {
    display: flex !important;
}

/* Вертикальное центрирование текста во всех вкладках design-new (позиция вкладок не меняется) */
body.design-new .x-tab-wrap .x-tab-button {
    align-items: center !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/*
 * --- CSS-переменные (Figma Admin-redesign, node 1:60) ---
 *
 * Дневная тема: body.design-new.
 * Ночная тема: body.design-new.theme-dark — переопределяются secondary и tertiary.
 * Общие: --design-new-font-family, --design-new-muted-fg, --design-new-west-bg, --design-new-radius-sm,
 * --edit-window-content-padding / --edit-window-content-padding-no-bottom.
 * Кнопки: var(--btn-primary-bg), var(--btn-secondary-fg) и т.д.
 */
body.design-new {
    /* общие токены UI (типографика, muted, chrome west, скругление sm) */
    --design-new-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --design-new-muted-fg: #a1a1aa;
    --design-new-west-bg: #18181b;
    --design-new-radius-sm: 8px;
    --edit-window-content-padding: 24px 16px;
    --edit-window-content-padding-no-bottom: 24px 16px 0;

    /* primary — action/brand (Figma 2089:5332, action/brand/*) */
    --btn-primary-bg: #2563eb;
    --btn-primary-bg-hover: #3b82f6;
    --btn-primary-bg-pressed: #1d4ed8;
    --btn-primary-fg: #ffffff;
    --btn-primary-bg-disabled: #2563eb66;
    --btn-primary-fg-disabled: #ffffff99;

    /* secondary — action/neutral (Figma 2089:5331, action/neutral/*) */
    --btn-secondary-bg: #e4e4e7;
    --btn-secondary-bg-hover: #f4f4f5;
    --btn-secondary-bg-pressed: #d4d4d8;
    --btn-secondary-fg: #27272a;
    --btn-secondary-fg-disabled: rgba(39, 39, 42, 0.4);

    /* tertiary — текстовая кнопка без заливки */
    --btn-tertiary-bg: transparent;
    --btn-tertiary-bg-hover: #fafafa;
    --btn-tertiary-bg-pressed: #d4d4d8;
    --btn-tertiary-fg: #27272a;
    --btn-tertiary-fg-disabled: rgba(39, 39, 42, 0.4);

    /* negative — деструктивное действие (удаление, отмена с потерей) */
    --btn-negative-bg: #f43f5e;
    --btn-negative-bg-hover: #fb7185;
    --btn-negative-bg-pressed: #e11d48;
    --btn-negative-fg: #ffffff;
    --btn-negative-bg-disabled: rgba(244, 63, 94, 0.4);
    --btn-negative-fg-disabled: rgba(255, 255, 255, 0.6);

    /* positive — подтверждающее / успешное действие */
    --btn-positive-bg: #059669;
    --btn-positive-bg-hover: #10b981;
    --btn-positive-bg-pressed: #047857;
    --btn-positive-fg: #ffffff;
    --btn-positive-bg-disabled: rgba(5, 150, 105, 0.4);
    --btn-positive-fg-disabled: rgba(255, 255, 255, 0.6);

    /* окно редактирования (Figma node 2089:4538) */
    --edit-window-chrome-bg: #18181b;
    --edit-window-surface-bg: #ffffff;
    --edit-window-footer-bg: #f4f4f5;
    --edit-window-footer-border: #e4e4e7;
    --edit-window-title-fg: #ffffff;
    --edit-window-tab-inactive-bg: rgba(255, 255, 255, 0.3);
    --edit-window-tab-inactive-fg: #ffffff;
    --edit-window-tab-active-bg: #ffffff;
    --edit-window-tab-active-fg: #27272a;
    --edit-window-content-fg: #27272a;
    --edit-window-content-fg-secondary: #71717a;
    --edit-window-input-border: #d4d4d8;
    --edit-window-input-bg: #ffffff;
    /* чекбоксы (Figma 2089:4998, метки 2089:4999) */
    --edit-window-checkbox-border: var(--design-new-muted-fg);
    --edit-window-checkbox-checked-bg: #2563eb;
    --edit-window-checkbox-checked-icon: #ffffff;
    --main-grid-row-alt-bg: #fafafa;
    --main-grid-row-hover-bg: #f4f4f5;
    --main-grid-row-selected-bg: #bfdbfe;
    --edit-window-radius: 12px;
    --edit-window-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    /* combobox dropdown (Figma 132:428 dropdown_point) */
    --combo-dropdown-radius: var(--design-new-radius-sm);
    --combo-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    --combo-dropdown-item-border: #f4f4f5;
}

/* Toolbar без теней в новом дизайне */
body.design-new .x-toolbar,
body.design-new .x-toolbar-default{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
}

/* --- Ночная тема: тёмные secondary/tertiary на zinc-800 фоне контента --- */
body.design-new.theme-dark {
    /* primary — action/brand (Figma 2089:5332, action/brand/*) */
    --btn-primary-bg: #2563eb;
    --btn-primary-bg-hover: #3b82f6;
    --btn-primary-bg-pressed: #1d4ed8;
    --btn-primary-fg: #ffffff;
    --btn-primary-bg-disabled: #2563eb66;
    --btn-primary-fg-disabled: #ffffff99;

    /* secondary — action/neutral (Figma 2089:5331, action/neutral/*) */
    --btn-secondary-bg: #3f3f46;
    --btn-secondary-bg-hover: #52525b;
    --btn-secondary-bg-pressed: #27272a;
    --btn-secondary-fg: #e4e4e7;
    --btn-secondary-fg-disabled: rgba(228, 228, 231, 0.4);

    /* tertiary — прозрачный фон, hover/pressed на zinc-700 */
    --btn-tertiary-bg-hover: #3f3f46;
    --btn-tertiary-bg-pressed: #27272a;
    --btn-tertiary-fg: #fafafa;
    --btn-tertiary-fg-disabled: rgba(250, 250, 250, 0.4);

    /* окно редактирования — ночная тема (контент: Figma 2089:4556, вкладки: 2089:5134) */
    --edit-window-chrome-bg: #09090b;
    --edit-window-surface-bg: #18181b;
    /* подвал: Figma 2089:4620 — surface/secondary, border/default */
    --edit-window-footer-bg: #27272a;
    --edit-window-footer-border: #3f3f46;
    --edit-window-tab-inactive-bg: #ffffff1f;
    --edit-window-tab-inactive-fg: #ffffff;
    --edit-window-tab-active-bg: #18181b;
    --edit-window-tab-active-fg: #e4e4e7;
    --edit-window-content-fg: #e4e4e7;
    --edit-window-content-fg-secondary: var(--design-new-muted-fg);
    --edit-window-input-border: #52525b;
    --edit-window-input-bg: #18181b;
    --edit-window-outer-border: rgba(228, 228, 231, 0.22);
    --edit-window-checkbox-border: var(--design-new-muted-fg);
    --edit-window-checkbox-checked-bg: #2563eb;
    --edit-window-checkbox-checked-icon: #ffffff;

    /* гриды главного и edit-окна */
    --main-grid-row-alt-bg: #1f1f23;
    --main-grid-row-hover-bg: #27272a;
    --main-grid-row-selected-bg: #1e3a8a;

    /* combobox dropdown (Figma 132:428 dropdown_point) */
    --combo-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    --combo-dropdown-item-border: #27272a;

    /* скроллбары: чёрный трек, zinc-ползунок */
    scrollbar-color: #3f3f46 #000000;
}

/* --- Ночная тема: чёрный фон скроллбаров (WebKit + Ext grid gutter) --- */
body.design-new.theme-dark ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #000000;
}

body.design-new.theme-dark ::-webkit-scrollbar-track {
    background-color: #000000;
}

body.design-new.theme-dark ::-webkit-scrollbar-thumb {
    background-color: #3f3f46;
    border-radius: 6px;
}

body.design-new.theme-dark ::-webkit-scrollbar-thumb:hover {
    background-color: #52525b;
}

body.design-new.theme-dark ::-webkit-scrollbar-corner {
    background-color: #000000;
}

body.design-new.theme-dark .x-grid-scroll-container,
body.design-new.theme-dark .x-grid-scrollbar-clipper > .x-grid-view,
body.design-new.theme-dark .x-grid-scrollbar-clipper > .x-tree-view{
    background-color: #000000 !important;
}

body.design-new.theme-dark .x-grid-scrollbar-clipper-locked,
body.design-new.theme-dark .x-grid-scrollbar-locked{
    border-color: #000000 !important;
}

/*
 * --- Гриды главного и edit-окна: ночная тема ---
 *
 * Токены surface/header/border из edit-window; переопределяем Triton grid под zinc-палитру.
 */
body.design-new.theme-dark .design-new-surface .x-grid-body,
body.design-new.theme-dark .design-new-surface .x-grid-view,
body.design-new.theme-dark .design-new-surface .x-grid-item,
body.design-new.theme-dark .design-new-surface .x-grid-cell{
    background-color: var(--edit-window-surface-bg) !important;
    border-color: var(--edit-window-footer-border) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid-item-alt{
    background-color: var(--main-grid-row-alt-bg) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid-cell-inner{
    color: var(--edit-window-content-fg) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid-header-ct,
body.design-new.theme-dark .design-new-surface .x-column-header,
body.design-new.theme-dark .design-new-surface .x-column-header-default,
body.design-new.theme-dark .design-new-surface .x-panel-header-default {
    background-color: var(--edit-window-footer-bg) !important;
    background-image: none !important;
    border-color: var(--edit-window-footer-border) !important;
}

body.design-new.theme-dark .design-new-surface .x-column-header-inner,
body.design-new.theme-dark .design-new-surface .x-column-header-text-inner{
    color: var(--edit-window-content-fg) !important;
}

body.design-new.theme-dark .design-new-surface .x-column-header-over,
body.design-new.theme-dark .design-new-surface .x-column-header-open{
    background-color: var(--main-grid-row-hover-bg) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid-item-over .x-grid-cell{
    background-color: var(--main-grid-row-hover-bg) !important;
}

/*
 * Selected: фон на всю ячейку (td), не только на .x-grid-cell-inner.
 * Иначе при white-space:normal (разворот текста) пустая часть td остаётся
 * цветом alt/default, а inset-рамка focus обводит только текст.
 * Специфичность выше, чем у .x-grid-item:nth-child(even) .x-grid-cell.
 */
body.design-new .design-new-surface .x-grid .x-grid-item-selected .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-item-selected.x-grid-item-alt .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-item-selected.x-grid-item-over .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-item-selected:nth-child(even) .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-item-selected:nth-child(odd) .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-cell-selected {
    background-color: var(--main-grid-row-selected-bg) !important;
    color: var(--edit-window-content-fg) !important;
    vertical-align: top !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item-selected .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-cell-selected .x-grid-cell-inner {
    background-color: transparent !important;
    color: var(--edit-window-content-fg) !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

body.design-new:not(.theme-dark) .design-new-surface .x-grid-item-alt{
    background-color: var(--main-grid-row-alt-bg) !important;
}

body.design-new:not(.theme-dark) .design-new-surface .x-grid-item-over .x-grid-cell{
    background-color: var(--main-grid-row-hover-bg) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item-selected,
body.design-new .design-new-surface .x-grid .x-grid-item-selected.x-grid-item-focused,
body.design-new .design-new-surface .x-grid .x-grid-item-selected .x-grid-cell{
    border-color: var(--main-grid-row-selected-bg) !important;
    border-top-color: var(--main-grid-row-selected-bg) !important;
    border-right-color: var(--main-grid-row-selected-bg) !important;
    border-bottom-color: var(--main-grid-row-selected-bg) !important;
    border-left-color: var(--main-grid-row-selected-bg) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-cell-selected,
body.design-new .design-new-main-window .x-grid .x-grid-item-focused,
body.design-new .design-new-edit-window .x-grid .x-grid-item-focused {
    border-color: var(--btn-primary-bg) !important;
    border-top-color: var(--btn-primary-bg) !important;
    border-right-color: var(--btn-primary-bg) !important;
    border-bottom-color: var(--btn-primary-bg) !important;
    border-left-color: var(--btn-primary-bg) !important;
    outline: none !important;
    background-image: none !important;
}

/*
 * Рамка focus: ::after на td на всю высоту строки.
 * box-shadow/outline на .x-grid-cell-inner обводят только текст после wrap.
 */
body.design-new .design-new-surface .x-grid .x-grid-cell-selected,
body.design-new .design-new-surface .x-grid .x-grid-cell.x-grid-item-focused {
    position: relative !important;
    box-shadow: none !important;
    outline: none !important;
}

body.design-new .design-new-surface .x-grid .x-grid-cell-selected::after,
body.design-new .design-new-surface .x-grid .x-grid-cell.x-grid-item-focused::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border: 1px solid var(--btn-primary-bg) !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Последняя строка: скругление focus-рамки как у углов грида */
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child.x-grid-cell-selected::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-cell-selected::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child.x-grid-item-focused::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-item-focused::after {
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child.x-grid-cell-selected::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-cell-selected::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child.x-grid-item-focused::after,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-item-focused::after {
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-cell-selected .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-cell.x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-main-window .x-grid .x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-edit-window .x-grid .x-grid-item-focused .x-grid-cell-inner {
    position: static !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item-focused:focus,
body.design-new .design-new-surface .x-grid .x-grid-cell-selected:focus,
body.design-new .design-new-surface .x-grid .x-grid-item-focused:focus-visible,
body.design-new .design-new-surface .x-grid .x-grid-cell-selected:focus-visible,
body.design-new .design-new-surface .x-grid .x-grid-item-focused .x-grid-cell-inner:focus,
body.design-new .design-new-surface .x-grid .x-grid-cell-selected .x-grid-cell-inner:focus{
    outline: none !important;
    box-shadow: none !important;
}

body.design-new.theme-dark .design-new-surface .x-grid-empty{
    color: var(--edit-window-content-fg-secondary) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid .x-toolbar,
body.design-new.theme-dark .design-new-surface .x-grid .x-toolbar-default,
body.design-new.theme-dark .design-new-main-window .x-grid:not(.design-new-main-tab-grid) .x-docked-bottom,
body.design-new.theme-dark .design-new-edit-window .x-grid .x-docked-bottom,
body.design-new.theme-dark .design-new-edit-window .account-edit-modules .x-toolbar,
body.design-new.theme-dark .design-new-edit-window .account-edit-modules .x-toolbar-default,
body.design-new.theme-dark .design-new-edit-window .account-edit-modules .x-toolbar-default-docked-top {
    background-color: var(--edit-window-surface-bg) !important;
    background-image: none !important;
    border-color: var(--edit-window-footer-border) !important;
}

body.design-new.theme-dark .design-new-surface .x-grid .x-toolbar .x-form-text-default,
body.design-new.theme-dark .design-new-surface .x-grid .x-toolbar .x-form-trigger-wrap-default{
    background-color: var(--edit-window-input-bg) !important;
    border-color: var(--edit-window-input-border) !important;
    color: var(--edit-window-content-fg) !important;
}

/* Подсветка строк в ночной теме */
body.design-new.theme-dark .design-new-surface .grey-row.x-grid-row,
body.design-new.theme-dark .design-new-surface .grey-row.x-grid-row .x-grid-cell{
    background-color: #52525b !important;
}

body.design-new.theme-dark .design-new-surface .red-row.x-grid-row,
body.design-new.theme-dark .design-new-surface .red-row.x-grid-row .x-grid-cell{
    background-color: rgba(231, 89, 62, 0.22) !important;
}

body.design-new.theme-dark .design-new-surface .owner-user-row.x-grid-row,
body.design-new.theme-dark .design-new-surface .owner-user-row.x-grid-row .x-grid-cell{
    background-color: rgba(104, 198, 86, 0.18) !important;
}

body.design-new.theme-dark .design-new-edit-window .duplicate-field-highlighted.x-grid-row,
body.design-new.theme-dark .design-new-edit-window .duplicate-field-highlighted.x-grid-row .x-grid-cell{
    background-color: rgba(251, 117, 117, 0.28) !important;
}

/*
 * --- Гриды: светлая тема — линия между шапкой колонок и телом ---
 */
body.design-new:not(.theme-dark) .x-grid-header-ct {
    border-bottom: 1px solid var(--edit-window-footer-border) !important;
}

body.design-new.theme-dark .design-new-surface .x-panel-header-title-default,
body.design-new.theme-dark .design-new-surface .x-title-text-default{
    color: var(--edit-window-content-fg) !important;
}

/*
 * --- Базовый компонент кнопки .design-new-btn ---
 *
 * Один слой: геометрия, варианты (primary|secondary|tertiary|negative|positive),
 * сброс Triton (!important) и schema-edit (без body.design-new).
 * В JS: cls: 'design-new-btn design-new-btn--primary'.
 */
body.design-new .design-new-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 96px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0 12px;
    border: none;
    border-radius: var(--design-new-radius-sm, 8px);
    box-sizing: border-box;
    cursor: pointer;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: none;
    box-shadow: none;
}

/* Icon-only: квадрат 32×32 (Refresh в окнах и на главных панелях) */
body.design-new .design-new-btn.design-new-btn--icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    gap: 0 !important;
}

body.design-new .design-new-btn.design-new-btn--icon .x-btn-wrap,
body.design-new .design-new-btn.design-new-btn--icon .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.design-new .design-new-btn.design-new-btn--icon .x-btn-inner {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Иконка: 16×16, цвет от родителя */
body.design-new .design-new-btn .design-new-btn__icon,
body.design-new .design-new-btn .x-btn-icon-el{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 16px;
    color: inherit;
}

/* Текст: обрезка длинных подписей, цвет от родителя */
body.design-new .design-new-btn .design-new-btn__text,
body.design-new .design-new-btn .x-btn-inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
}

/*
 * Сброс Triton / Ext chrome + schema-edit (без body.design-new).
 * Triton: .x-btn-default-small / toolbar-small с !important.
 */
body.design-new .design-new-btn.x-btn-default-small,
body.design-new .design-new-btn.x-btn-default-toolbar-small,
.schema-edit-window .design-new-btn{
    background-image: none !important;
    border-width: 0 !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-radius: var(--design-new-radius-sm) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Текст/иконка Ext и schema-edit: color от модификатора кнопки */
body.design-new .design-new-btn.x-btn-default-small .x-btn-inner-default-small,
body.design-new .design-new-btn.x-btn-default-small .x-btn-icon-el-default-small,
body.design-new .design-new-btn.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
body.design-new .design-new-btn.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.schema-edit-window .design-new-btn .x-btn-inner,
.schema-edit-window .design-new-btn .x-btn-icon-el,
.schema-edit-window .design-new-btn [class*="x-btn-inner-"],
.schema-edit-window .design-new-btn [class*="x-btn-icon-el-"]{
    color: inherit !important;
}

/* --- Primary --- */
body.design-new .design-new-btn--primary,
.schema-edit-window .design-new-btn--primary{
    background-color: var(--btn-primary-bg, #2563eb) !important;
    color: var(--btn-primary-fg, #ffffff) !important;
}

body.design-new .design-new-btn--primary:hover,
body.design-new .design-new-btn--primary.x-btn-over:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--primary:hover,
.schema-edit-window .design-new-btn--primary.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-primary-bg-hover, #3b82f6) !important;
}

body.design-new .design-new-btn--primary:active,
body.design-new .design-new-btn--primary.x-btn-pressed:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--primary:active,
.schema-edit-window .design-new-btn--primary.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-primary-bg-pressed, #1d4ed8) !important;
}

body.design-new .design-new-btn--primary:disabled,
body.design-new .design-new-btn--primary.x-btn-disabled,
.schema-edit-window .design-new-btn--primary:disabled,
.schema-edit-window .design-new-btn--primary.x-btn-disabled{
    background-color: var(--btn-primary-bg-disabled, #2563eb66) !important;
    color: var(--btn-primary-fg-disabled, #ffffff99) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- Secondary --- */
body.design-new .design-new-btn--secondary,
.schema-edit-window .design-new-btn--secondary{
    background-color: var(--btn-secondary-bg, #e4e4e7) !important;
    color: var(--btn-secondary-fg, #27272a) !important;
}

body.design-new .design-new-btn--secondary:hover,
body.design-new .design-new-btn--secondary.x-btn-over:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--secondary:hover,
.schema-edit-window .design-new-btn--secondary.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-hover, #f4f4f5) !important;
}

body.design-new .design-new-btn--secondary:active,
body.design-new .design-new-btn--secondary.x-btn-pressed:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--secondary:active,
.schema-edit-window .design-new-btn--secondary.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-pressed, #d4d4d8) !important;
}

body.design-new .design-new-btn--secondary:disabled,
body.design-new .design-new-btn--secondary.x-btn-disabled,
.schema-edit-window .design-new-btn--secondary:disabled,
.schema-edit-window .design-new-btn--secondary.x-btn-disabled{
    background-color: var(--btn-secondary-bg, #e4e4e7) !important;
    color: var(--btn-secondary-fg-disabled, rgba(39, 39, 42, 0.4)) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* Кнопка Clear filters / Create… в toolbar главных вкладок — ширина по тексту */
body.design-new .design-new-btn--clear-filters,
body.design-new .design-new-btn--fit-content,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon),
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon),
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .design-new-btn:not(.design-new-btn--icon){
    flex-shrink: 0 !important;
    width: auto !important;
    min-width: max-content;
    max-width: none !important;
    padding: 0 12px !important;
    overflow: visible;
}

body.design-new .design-new-btn--clear-filters .x-btn-wrap,
body.design-new .design-new-btn--clear-filters .x-btn-button,
body.design-new .design-new-btn--fit-content .x-btn-wrap,
body.design-new .design-new-btn--fit-content .x-btn-button,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-wrap,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-button,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-wrap,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-button,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-wrap,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    gap: 4px;
}

body.design-new .design-new-btn--clear-filters .x-btn-inner,
body.design-new .design-new-btn--clear-filters .x-btn-inner-default-toolbar-small,
body.design-new .design-new-btn--fit-content .x-btn-inner,
body.design-new .design-new-btn--fit-content .x-btn-inner-default-toolbar-small,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner-default-toolbar-small,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner-default-toolbar-small,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .design-new-btn:not(.design-new-btn--icon) .x-btn-inner-default-toolbar-small{
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .design-new-btn--clear-filters,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .design-new-btn--fit-content,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon),
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-docked-top .design-new-btn:not(.design-new-btn--icon){
    flex-shrink: 0 !important;
}

/* --- Переключатель Classic design в верхней панели new design --- */
body.design-new .design-new-btn--design-switch,
body.design-new .design-new-btn--design-switch.x-btn-default-small,
body.design-new .design-new-btn--design-switch.x-btn-default-toolbar-small{
    background-color: #09090b !important;
    color: #ffffff !important;
}

body.design-new .design-new-btn--design-switch:hover,
body.design-new .design-new-btn--design-switch.x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-btn--design-switch.x-btn-default-small.x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-btn--design-switch.x-btn-default-toolbar-small.x-btn-over:not(.x-btn-disabled){
    background-color: var(--design-new-west-bg) !important;
}

body.design-new .design-new-btn--design-switch:active,
body.design-new .design-new-btn--design-switch.x-btn-pressed:not(.x-btn-disabled),
body.design-new .design-new-btn--design-switch.x-btn-default-small.x-btn-pressed:not(.x-btn-disabled),
body.design-new .design-new-btn--design-switch.x-btn-default-toolbar-small.x-btn-pressed:not(.x-btn-disabled){
    background-color: #27272a !important;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-btn-default:not(.design-new-btn),
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-btn-default:not(.design-new-btn),
body.design-new .design-new-surface .x-grid .x-toolbar .x-btn-default:not(.design-new-btn),
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn),
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn),
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn),
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn),
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-btn-default:not(.design-new-btn),
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-btn-default:not(.design-new-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0 12px;
    border: none;
    border-radius: var(--design-new-radius-sm, 8px);
    box-sizing: border-box;
    cursor: pointer;
    font-family: var(--design-new-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    background-image: none;
    box-shadow: none;
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-surface .x-grid .x-toolbar .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-edit-window .x-toolbar-footer .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new .design-new-surface .x-grid .x-toolbar .x-btn-default:not(.design-new-btn) .x-btn-icon-el{
    color: inherit;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-surface .x-grid .x-toolbar .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-hover);
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-box-target > .x-btn-default:last-child:not(:first-child):not(.design-new-btn),
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-box-target > .x-btn-default:last-child:not(:first-child):not(.design-new-btn){
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-fg);
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-box-target > .x-btn-default:last-child:not(:first-child):not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-edit-window .x-toolbar-docked-bottom .x-box-target > .x-btn-default:last-child:not(:first-child):not(.design-new-btn).x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-primary-bg-hover);
}

/* Utility: квадратные кнопки пагинации (все ux-pagingtoolbar в design=new) */
body.design-new .design-new-paging .x-btn,
body.design-new .design-new-paging .x-btn-default,
body.design-new .design-new-paging .x-btn-default-small,
body.design-new .design-new-paging .x-btn-default-toolbar-small,
body.design-new .design-new-paging .x-btn-plain-toolbar-small,
body.design-new .design-new-paging .x-btn.design-new-btn,
body.design-new .design-new-paging .x-btn.design-new-btn--secondary,
body.design-new .design-new-paging .x-btn.design-new-btn--primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: var(--design-new-radius-sm) !important;
    background-color: var(--btn-secondary-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--btn-secondary-fg) !important;
    gap: 0 !important;
}

body.design-new .design-new-paging .x-btn .x-btn-wrap,
body.design-new .design-new-paging .x-btn .x-btn-button,
body.design-new .design-new-paging .x-btn .x-btn-wrap-default-toolbar-small,
body.design-new .design-new-paging .x-btn .x-btn-button-default-toolbar-small {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.design-new .design-new-paging .x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-paging .x-btn-focus:not(.x-btn-disabled),
body.design-new .design-new-paging .x-btn-pressed:not(.x-btn-disabled),
body.design-new .design-new-paging .x-btn.design-new-btn.x-btn-over:not(.x-btn-disabled) {
    background-color: var(--btn-secondary-bg-hover) !important;
    color: var(--btn-secondary-fg) !important;
}

body.design-new .design-new-paging .x-btn-disabled,
body.design-new .design-new-paging .x-btn.design-new-btn.x-btn-disabled {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg-disabled) !important;
}

body.design-new .design-new-paging .x-btn .x-btn-icon-el,
body.design-new .design-new-paging .x-btn .x-btn-inner {
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Не красить последнюю кнопку paging в primary (footer last-child) */
body.design-new .design-new-paging .x-box-target > .x-btn:last-child:not(:first-child),
body.design-new .design-new-paging .x-box-target > .x-btn-default:last-child:not(:first-child),
body.design-new .design-new-paging .x-box-target > .x-btn-default-small:last-child:not(:first-child),
body.design-new .design-new-paging .x-box-target > .x-btn-default-toolbar-small:last-child:not(:first-child),
body.design-new .design-new-paging .x-box-target > .x-btn-plain-toolbar-small:last-child:not(:first-child) {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg) !important;
}

/* Vehicle models -> Add/Edit brand: legacy-селекторы (класс теперь design-new-paging) */
body.design-new .x-datepicker .x-datepicker-today .x-datepicker-date:hover {
    background-color: var(--btn-secondary-bg-hover) !important;
    color: var(--btn-secondary-fg) !important;
}

body.design-new [id^="tab-audit"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn,
body.design-new [id^="tab-audithistory"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg) !important;
}

/* --- Tertiary --- */
body.design-new .design-new-btn--tertiary,
.schema-edit-window .design-new-btn--tertiary{
    background-color: var(--btn-tertiary-bg, transparent) !important;
    color: var(--btn-tertiary-fg, #27272a) !important;
}

body.design-new .design-new-btn--tertiary:hover,
body.design-new .design-new-btn--tertiary.x-btn-over:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--tertiary:hover,
.schema-edit-window .design-new-btn--tertiary.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-tertiary-bg-hover, #fafafa) !important;
}

body.design-new .design-new-btn--tertiary:active,
body.design-new .design-new-btn--tertiary.x-btn-pressed:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--tertiary:active,
.schema-edit-window .design-new-btn--tertiary.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-tertiary-bg-pressed, #d4d4d8) !important;
}

body.design-new .design-new-btn--tertiary:disabled,
body.design-new .design-new-btn--tertiary.x-btn-disabled,
.schema-edit-window .design-new-btn--tertiary:disabled,
.schema-edit-window .design-new-btn--tertiary.x-btn-disabled{
    background-color: var(--btn-tertiary-bg, transparent) !important;
    color: var(--btn-tertiary-fg-disabled, rgba(39, 39, 42, 0.4)) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- Negative --- */
body.design-new .design-new-btn--negative,
.schema-edit-window .design-new-btn--negative{
    background-color: var(--btn-negative-bg, #f43f5e) !important;
    color: var(--btn-negative-fg, #ffffff) !important;
}

body.design-new .design-new-btn--negative:hover,
body.design-new .design-new-btn--negative.x-btn-over:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--negative:hover,
.schema-edit-window .design-new-btn--negative.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-negative-bg-hover, #fb7185) !important;
}

body.design-new .design-new-btn--negative:active,
body.design-new .design-new-btn--negative.x-btn-pressed:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--negative:active,
.schema-edit-window .design-new-btn--negative.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-negative-bg-pressed, #e11d48) !important;
}

body.design-new .design-new-btn--negative:disabled,
body.design-new .design-new-btn--negative.x-btn-disabled,
.schema-edit-window .design-new-btn--negative:disabled,
.schema-edit-window .design-new-btn--negative.x-btn-disabled{
    background-color: var(--btn-negative-bg-disabled, rgba(244, 63, 94, 0.4)) !important;
    color: var(--btn-negative-fg-disabled, rgba(255, 255, 255, 0.6)) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- Positive --- */
body.design-new .design-new-btn--positive,
.schema-edit-window .design-new-btn--positive{
    background-color: var(--btn-positive-bg, #059669) !important;
    color: var(--btn-positive-fg, #ffffff) !important;
}

body.design-new .design-new-btn--positive:hover,
body.design-new .design-new-btn--positive.x-btn-over:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--positive:hover,
.schema-edit-window .design-new-btn--positive.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-positive-bg-hover, #10b981) !important;
}

body.design-new .design-new-btn--positive:active,
body.design-new .design-new-btn--positive.x-btn-pressed:not(.x-btn-disabled),
.schema-edit-window .design-new-btn--positive:active,
.schema-edit-window .design-new-btn--positive.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-positive-bg-pressed, #047857) !important;
}

body.design-new .design-new-btn--positive:disabled,
body.design-new .design-new-btn--positive.x-btn-disabled,
.schema-edit-window .design-new-btn--positive:disabled,
.schema-edit-window .design-new-btn--positive.x-btn-disabled{
    background-color: var(--btn-positive-bg-disabled, rgba(5, 150, 105, 0.4)) !important;
    color: var(--btn-positive-fg-disabled, rgba(255, 255, 255, 0.6)) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/*
 * --- Окно редактирования .design-new-edit-window (Figma node 2089:4538) ---
 *
 * Модальные окна Edit Account, Vehicle Edit и аналоги: шапка + вкладки на chrome-фоне,
 * белая (днём) / zinc-800 (ночью) область контента, подвал с кнопками.
 * В JS: cls: 'design-new-edit-window' на Ext.window.Window
 * (override также добавляет design-new-surface).
 *
 * Главное окно (#main-tabs): cls: 'design-new-main-window design-new-surface'.
 * Общие стили edit/main: body.design-new .design-new-surface …
 */
/* --- Окно: скругление, тёмная тень, chrome-фон оболочки (без белого ореола по углам) --- */
body.design-new .design-new-edit-window.x-window-default {
    border-radius: var(--edit-window-radius) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    background-color: var(--edit-window-chrome-bg) !important;
    background-image: none !important;
    padding: 0 !important;
}

body.design-new .design-new-edit-window[class*="x-window-default-outer-border"] {
    border: none !important;
}

/* --- Ночная тема: тонкая светлая рамка у всех модальных окон --- */
body.design-new.theme-dark .design-new-edit-window.x-window-default,
body.design-new.theme-dark .design-new-edit-window[class*="x-window-default-outer-border"],
body.design-new.theme-dark .x-window.x-window-default{
    border: 1px solid var(--edit-window-outer-border) !important;
}

body.design-new .design-new-edit-window .x-window-bodyWrap {
    background-color: transparent !important;
    border: none !important;
}

/* --- Шапка окна: chrome-фон, без светлой тени Triton (все варианты header) --- */
body.design-new .design-new-edit-window .x-window-header-default,
body.design-new .design-new-edit-window .x-window-header-default-top,
body.design-new .design-new-edit-window .x-window-header-default-horizontal{
    background-color: var(--edit-window-chrome-bg) !important;
    background-image: none !important;
    border: none !important;
    border-radius: var(--edit-window-radius) var(--edit-window-radius) 0 0 !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-window-header-body,
body.design-new .design-new-edit-window .x-window-header-default .x-box-inner{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-box-inner {
    padding: 0 !important;
}

body.design-new .design-new-edit-window .x-window-header-title-default {
    color: var(--edit-window-title-fg) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-tool-img {
    opacity: 1 !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-tool-over .x-tool-img,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-pressed .x-tool-img,
body.design-new .design-new-surface .x-fieldset-body-default {
    background-color: transparent !important;
    background-image: none !important;
}

/* --- Кнопки шапки (×, maximize, restore): без синего фона Triton, светлая иконка --- */
body.design-new .design-new-edit-window .x-window-header-default .x-tool,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-default,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-close,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-maximize,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-restore{
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-tool-over {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-tool-close,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-maximize,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-restore{
    color: var(--edit-window-title-fg) !important;
}

body.design-new .design-new-edit-window .x-window-header-default .x-tool-close:before,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-maximize:before,
body.design-new .design-new-edit-window .x-window-header-default .x-tool-restore:before{
    color: var(--edit-window-title-fg) !important;
}

body.design-new .design-new-edit-window .x-tab-bar {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

body.design-new .design-new-edit-window .x-tab-bar-body-default {
    padding: 0 16px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

/* --- Вкладка: активная и hover — surface-фон, primary-текст --- */
body.design-new .design-new-edit-window .x-tab-active.x-tab-default-top,
body.design-new .design-new-edit-window .x-tab-default-top.x-tab-over,
body.design-new .design-new-edit-window .x-tab-default-top:hover{
    background-color: var(--edit-window-tab-active-bg) !important;
}

body.design-new .design-new-edit-window .x-tab-wrap .x-tab-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    height: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* --- Текст вкладки: неактивная — on_accent, активная — primary --- */
body.design-new .design-new-edit-window .x-tab-inner-default {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    color: var(--edit-window-tab-inactive-fg) !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.design-new .design-new-edit-window .x-tab-active .x-tab-inner-default,
body.design-new .design-new-edit-window .x-tab-default-top.x-tab-over .x-tab-inner-default,
body.design-new .design-new-edit-window .x-tab-default-top:hover .x-tab-inner-default{
    color: var(--edit-window-tab-active-fg) !important;
}

/* --- Область контента вкладки: surface-фон, отступы 24px 16px --- */
body.design-new .design-new-surface .x-panel-body-default,
body.design-new .design-new-surface .x-tabpanel-body,
body.design-new .design-new-surface .x-form-item-label-default,
body.design-new .design-new-surface .x-form-display-field-default,
body.design-new .design-new-surface .x-fieldset-header-default > .x-fieldset-header-text{
    color: var(--edit-window-content-fg) !important;
    font-family: var(--design-new-font-family) !important;
}

body.design-new .design-new-surface .x-tabpanel > .x-tabpanel-body,
body.design-new .design-new-edit-window .x-tabpanel-body > .x-tabpanel-child:not(.design-new-content-pad),
body.design-new .design-new-main-window .x-tabpanel-body > .x-tabpanel-child:not(.design-new-content-pad):not(.x-grid),
body.design-new .design-new-edit-window .debit-message-tags-grid.x-panel.x-box-item.x-panel-default.x-grid,
body.design-new .design-new-edit-window .account-edit-main-settings {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Fallback: вкладки без design-new-content-pad (ещё не переведённые) */
body.design-new .design-new-surface .x-tabpanel-body > .x-tabpanel-child.x-container:not(.design-new-content-pad):not(:has(.x-grid)){
    padding: var(--edit-window-content-padding, 24px 16px) !important;
}

/* Utility: стандартный отступ контента (вкладки/гриды через JS) */
body.design-new .design-new-content-pad {
    padding: var(--edit-window-content-padding, 24px 16px) !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-content-pad.design-new-content-pad--no-bottom,
body.design-new .design-new-main-window .x-tabpanel-body > .x-tabpanel-child.x-grid,
body.design-new #main-tabs .design-new-main-tab-grid {
    padding: var(--edit-window-content-padding-no-bottom, 24px 16px 0) !important;
    box-sizing: border-box !important;
}

/* Fallback: гриды edit/main без cls (до beforerender / без helper) */
body.design-new .design-new-edit-window .x-panel.x-box-item.x-panel-default.x-grid:not(.debit-message-tags-grid):not(.fuel-cabinet-config-grid):not(.design-new-content-pad),
body.design-new .design-new-main-window .x-panel.x-box-item.x-panel-default.x-grid:not(.design-new-content-pad) {
    padding: var(--edit-window-content-padding, 24px 16px) !important;
    box-sizing: border-box !important;
}

/* После fallback: грид внутри уже пропаденной вкладки — без второго inset */
body.design-new .design-new-edit-window .design-new-content-pad .x-panel.x-box-item.x-panel-default.x-grid:not(.debit-message-tags-grid):not(.fuel-cabinet-config-grid),
body.design-new .design-new-edit-window .design-new-content-pad .x-panel.x-fit-item.x-panel-default.x-grid:not(.debit-message-tags-grid):not(.fuel-cabinet-config-grid),
body.design-new .design-new-main-window .design-new-content-pad .x-panel.x-box-item.x-panel-default.x-grid,
body.design-new .partner-edit-config-tab .x-grid {
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Структурные body (id Ext / form-window) — без JS-класса на теле */
body.design-new #tab-relaying-statistics-body.x-panel-body-default,
body.design-new .design-new-form-window-form > .x-panel-bodyWrap > .x-panel-body-default.x-box-layout-ct,
body.design-new .design-new-form-window-form > .x-panel-body-default.x-box-layout-ct,
body.design-new .design-new-form-window-form .x-panel-body.x-panel-body-default.x-box-layout-ct.x-noborder-trbl,
body.design-new .autoconductor-license-edit-window #autoconductor-license-edit-tabs-body,
body.design-new .objects-edit-window #objects-edit-tabs-body,
body.design-new .command-patterns-edit-window #command-patterns-edit-form-body {
    padding: var(--edit-window-content-padding, 24px 16px) !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-surface .x-tabpanel-child .x-grid > .x-panel-body-default,
body.design-new .design-new-surface .x-tabpanel-body > .x-tabpanel-child.x-grid > .x-panel-body-default,
body.design-new .design-new-surface .x-tabpanel-body > .x-tabpanel-child > .x-panel-body-default,
body.design-new .design-new-edit-window .vehicle-edit-config-tab .x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .video-device-edit-config-tab .x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .partner-edit-config-tab .x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .vehicle-service-history-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .vehicle-users-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .account-users-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .account-reports-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .account-report-builder-templates-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .inspection-global-templates-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .atom-command-templates-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .vehicle-sensors-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .vehicle-data-volume-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .fota-tasks-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .fuel-card-transactions-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .partner-edit-default-settings-tab .x-toolbar,
body.design-new .design-new-edit-window .partner-edit-default-settings-tab .x-toolbar-default,
body.design-new .design-new-edit-window .partner-edit-default-settings-tab .x-toolbar-default-docked-top,
body.design-new .design-new-edit-window .partner-edit-default-settings-tab .x-panel.x-box-item.x-panel-default.x-grid,
body.design-new .design-new-edit-window .account-edit-modules > .x-panel-body-default,
body.design-new .design-new-edit-window .account-edit-modules .x-panel-body-default,
body.design-new .design-new-edit-window .fuel-cabinet-config-grid.x-panel.x-box-item.x-panel-default.x-grid,
body.design-new .fuel-cabinet-config-grid.x-panel.x-box-item.x-panel-default.x-grid {
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-surface .x-tabpanel-body .x-grid .x-grid-header-ct{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item-container{
    margin: 0 !important;
}

body.design-new .x-grid-view.x-grid-with-col-lines.x-grid-with-row-lines.x-fit-item.x-grid-view-default.x-unselectable.x-scroller {
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* --- Поля ввода: border strong, radius 8px, высота 32px (input_medium) --- */
body.design-new .design-new-surface .x-form-text-default:not(.x-form-textarea),
body.design-new .design-new-surface .x-form-trigger-wrap-default{
    border-color: var(--edit-window-input-border) !important;
    background-color: var(--edit-window-input-bg) !important;
    border-radius: var(--design-new-radius-sm) !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    box-sizing: border-box !important;
    color: var(--edit-window-content-fg) !important;
    font-size: 12px !important;
}

/* Chrome/Edge: убрать голубой фон autofill у Login/Password */
body.design-new .design-new-surface input.x-form-text-default:-webkit-autofill,
body.design-new .design-new-surface input.x-form-text-default:-webkit-autofill:hover,
body.design-new .design-new-surface input.x-form-text-default:-webkit-autofill:focus,
body.design-new .design-new-surface input.x-form-text-default:-webkit-autofill:active{
    -webkit-text-fill-color: var(--edit-window-content-fg) !important;
    caret-color: var(--edit-window-content-fg);
    box-shadow: 0 0 0 1000px var(--edit-window-input-bg) inset !important;
    transition: background-color 99999s ease-out;
}

body.design-new .design-new-surface .x-form-textarea-default,
body.design-new .design-new-surface textarea.x-form-text-default{
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
}

body.design-new .design-new-edit-window .x-form-textarea-body > .x-form-trigger-wrap,
body.design-new .design-new-edit-window .x-form-textarea-body > .x-form-trigger-wrap-default,
body.design-new .design-new-edit-window .x-form-textarea-body .x-form-text-wrap,
body.design-new .design-new-edit-window .x-form-textarea-body .x-form-text-wrap-default {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-body,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-body.x-form-text-field-body,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-textarea-body{
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    vertical-align: top !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-edit-window .debit-message-text-field > .x-form-item-label,
body.design-new .design-new-edit-window .debit-message-text-field > .x-form-item-label-top,
body.design-new .design-new-edit-window .debit-message-tags-field > .x-form-item-label,
body.design-new .design-new-edit-window .debit-message-tags-field > .x-form-item-label-top,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-label,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-label-top{
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-form-item-label-inner,
body.design-new .design-new-edit-window .debit-message-text-field .x-form-item-label-inner-default,
body.design-new .design-new-edit-window .debit-message-tags-field .x-form-item-label-inner,
body.design-new .design-new-edit-window .debit-message-tags-field .x-form-item-label-inner-default,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item .x-form-item-label-inner-default{
    padding: 0 0 5px 0 !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-body > .x-box-item,
body.design-new .design-new-edit-window .x-fieldcontainer.x-form-item > .x-form-item-body > .x-fit-item{
    flex: 1 1 auto !important;
    align-self: stretch !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer .x-form-type-textarea.x-form-item {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer .x-form-type-textarea.x-form-item > .x-form-item-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-trigger-wrap,
body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-trigger-wrap-default{
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-text-wrap,
body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-text-wrap-default{
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body textarea,
body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-textarea,
body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-textarea-default,
body.design-new .design-new-edit-window .x-fieldcontainer .x-form-textarea-body .x-form-text-default{
    flex: 1 1 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    resize: none !important;
    border-color: var(--edit-window-input-border) !important;
    background-color: var(--edit-window-input-bg) !important;
    border-radius: var(--design-new-radius-sm) !important;
    padding: 8px 12px !important;
    color: var(--edit-window-content-fg) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body.design-new .design-new-edit-window .debit-message-layout {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.design-new .design-new-edit-window .debit-message-layout > .x-box-item {
    min-width: 0 !important;
}

body.design-new .design-new-edit-window .debit-message-text-field.x-fieldcontainer.x-form-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.design-new .design-new-edit-window .debit-message-text-field > .x-form-item-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-field-container-body-vertical,
body.design-new .design-new-edit-window .debit-message-text-field [data-ref="containerEl"],
body.design-new .design-new-edit-window .debit-message-text-field .debit-message-textarea > .x-form-item-body {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .debit-message-textarea.x-form-item,
body.design-new .design-new-edit-window .debit-message-text-field .x-fit-item,
body.design-new .design-new-edit-window .debit-message-text-field .x-fit-form-item{
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: stretch !important;
}

body.design-new .design-new-hide-field-label .x-form-item-label,
body.design-new .design-new-hide-field-label .x-form-item-label-default,
body.design-new .design-new-hide-field-label .x-form-item-label-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-form-type-textarea.x-form-item,
body.design-new .design-new-edit-window .debit-message-text-field .x-form-type-textarea.x-form-item > .x-form-item-body,
body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body > .x-form-trigger-wrap,
body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body > .x-form-trigger-wrap-default{
    position: relative !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body .x-form-text-wrap,
body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body .x-form-text-wrap-default{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

body.design-new .design-new-edit-window .debit-message-text-field .x-form-textarea-body textarea,
body.design-new .design-new-edit-window .debit-message-text-field .debit-message-textarea.x-form-textarea,
body.design-new .design-new-edit-window .debit-message-text-field textarea.x-form-text-default{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    resize: none !important;
}

body.design-new .design-new-edit-window .debit-message-tags-field.x-fieldcontainer.x-form-item {
    flex: 0 0 300px !important;
    width: 300px !important;
    margin: 0 0 0 16px !important;
    min-width: 300px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.design-new .design-new-edit-window .debit-message-tags-field .debit-message-tags-grid.x-panel.x-box-item.x-panel-default.x-grid {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100% !important;
}

body.design-new .design-new-edit-window .debit-message-tags-grid.x-grid > .x-panel-body-default,
body.design-new .design-new-edit-window .debit-message-tags-grid.x-grid > .x-panel-header-default,
body.design-new .design-new-edit-window .fuel-cabinet-config-grid.x-grid > .x-panel-body-default,
body.design-new .fuel-cabinet-config-grid > .x-panel-body,
body.design-new .fuel-cabinet-config-grid .x-grid-body {
    padding: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-edit-window .debit-message-tags-grid .x-grid-header-ct,
body.design-new .design-new-edit-window .fuel-cabinet-config-grid .x-grid-header-ct,
body.design-new .fuel-cabinet-config-grid .x-grid-header-ct {
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.design-new .design-new-surface .x-form-text-default{
    padding: 6px 12px !important;
    line-height: 18px !important;
}

body.design-new .design-new-surface .x-form-trigger-wrap-default{
    padding: 0 !important;
}

body.design-new .design-new-surface .x-form-trigger-wrap-default .x-form-text-default:not(.x-form-textarea){
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 12px !important;
    line-height: 30px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.design-new .design-new-surface .x-form-item-label-inner-default{
    color: var(--edit-window-content-fg) !important;
    font-size: 12px !important;
}

body.design-new .design-new-surface .x-form-empty-field-default{
    color: var(--edit-window-content-fg-secondary) !important;
}

body.design-new .x-boundlist,
body.design-new .x-datepicker {
    border: 1px solid var(--edit-window-footer-border) !important;
    border-radius: var(--combo-dropdown-radius) !important;
    background-color: var(--edit-window-input-bg) !important;
    background-image: none !important;
    box-shadow: var(--combo-dropdown-shadow) !important;
    overflow: hidden !important;
}

body.design-new .x-boundlist .x-panel-body-default,
body.design-new .x-boundlist .x-boundlist-list-ct,
body.design-new .x-datepicker .x-datepicker-today,
body.design-new .x-datepicker .x-datepicker-selected {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

body.design-new .x-boundlist .x-list-plain {
    margin: 0 !important;
    padding: 0 !important;
}

body.design-new .x-boundlist-item {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 8px !important;
    border: none !important;
    border-bottom: 1px solid var(--combo-dropdown-item-border) !important;
    background-color: var(--edit-window-input-bg) !important;
    background-image: none !important;
    color: var(--edit-window-content-fg) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

body.design-new .x-boundlist-item:last-child {
    border-bottom: none !important;
}

body.design-new .x-boundlist-item-over {
    background-color: var(--main-grid-row-hover-bg) !important;
    border-bottom-color: var(--main-grid-row-hover-bg) !important;
}

body.design-new .x-boundlist-item.x-boundlist-selected {
    background-color: var(--main-grid-row-selected-bg) !important;
    border-bottom-color: var(--edit-window-footer-border) !important;
    color: var(--edit-window-content-fg) !important;
    position: relative !important;
    padding-right: 28px !important;
}

body.design-new .x-boundlist-item.x-boundlist-selected.x-boundlist-item-over {
    background-color: var(--main-grid-row-selected-bg) !important;
    border-bottom-color: var(--edit-window-footer-border) !important;
}

body.design-new .x-boundlist-item.x-boundlist-selected:not(:has(.x-tagfield-item))::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 4px;
    height: 8px;
    margin-top: -5px;
    border: solid var(--edit-window-checkbox-checked-bg);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    pointer-events: none;
}

body.design-new .x-combo-list-group {
    min-height: 36px !important;
    padding: 8px !important;
    border: none !important;
    border-bottom: 1px solid var(--combo-dropdown-item-border) !important;
    background-color: var(--edit-window-input-bg) !important;
    color: var(--edit-window-content-fg-secondary) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

body.design-new .combo-list-item {
    border-bottom: none !important;
}

body.design-new .x-datepicker .x-datepicker-header,
body.design-new .x-datepicker .x-datepicker-footer,
body.design-new .x-datepicker .x-monthpicker{
    background-image: none !important;
}

body.design-new .x-datepicker .x-datepicker-footer {
    border-top: 1px solid var(--edit-window-footer-border) !important;
    background-color: var(--edit-window-footer-bg) !important;
    padding: 8px !important;
}

body.design-new .x-datepicker .x-datepicker-footer .x-btn,
body.design-new .x-monthpicker-buttons .x-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 96px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 12px !important;
    border: none !important;
    border-radius: var(--design-new-radius-sm) !important;
    box-sizing: border-box !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

body.design-new .x-datepicker .x-datepicker-footer .x-btn .x-btn-inner,
body.design-new .x-datepicker .x-datepicker-footer .x-btn .x-btn-icon-el,
body.design-new .x-monthpicker-buttons .x-btn .x-btn-inner,
body.design-new .x-monthpicker-buttons .x-btn .x-btn-icon-el{
    color: inherit !important;
}

body.design-new .x-datepicker .x-datepicker-footer .x-btn.x-btn-over:not(.x-btn-disabled),
body.design-new .x-monthpicker-buttons .x-btn.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-hover) !important;
}

body.design-new .x-datepicker .x-datepicker-footer .x-btn.x-btn-pressed:not(.x-btn-disabled),
body.design-new .x-monthpicker-buttons .x-btn.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-pressed) !important;
}

body.design-new .x-datepicker .x-datepicker-today .x-datepicker-date {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg) !important;
    border-radius: var(--design-new-radius-sm) !important;
    font-weight: 500 !important;
}

body.design-new .x-datepicker .x-datepicker-selected .x-datepicker-date,
body.design-new .x-datepicker .x-datepicker-today.x-datepicker-selected .x-datepicker-date{
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-fg) !important;
    border-radius: var(--design-new-radius-sm) !important;
    font-weight: 500 !important;
}

body.design-new .x-datepicker .x-datepicker-selected .x-datepicker-date:hover,
body.design-new .x-datepicker .x-datepicker-today.x-datepicker-selected .x-datepicker-date:hover{
    background-color: var(--btn-primary-bg-hover) !important;
    color: var(--btn-primary-fg) !important;
}

body.design-new .design-new-surface .x-fieldset-default{
    border-color: var(--edit-window-footer-border) !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.design-new .design-new-edit-window .account-edit-prices-tab .x-fieldset-default,
body.design-new .design-new-edit-window .partner-edit-prices-tab .x-fieldset-default{
    padding: 0 16px 16px 16px !important;
    margin: 0 !important;
}

body.design-new .design-new-edit-window .vehicle-edit-main-tab .x-fieldset-default,
body.design-new .design-new-edit-window .video-device-edit-main-tab .x-fieldset-default{
    margin: 0 0 16px 0 !important;
}

body.design-new .design-new-edit-window .vehicle-edit-main-tab .x-fieldset-default:last-child,
body.design-new .design-new-edit-window .video-device-edit-main-tab .x-fieldset-default:last-child{
    margin-bottom: 0 !important;
}

body.design-new .vehicle-data-volume-window .vehicle-data-volume-grid.x-grid {
    padding: 0 !important;
}

body.design-new .fota-window .fota-tasks-grid .fota-tasks-upload-form > .x-panel-body {
    overflow: visible !important;
}

body.design-new .fota-window .fota-tasks-grid .x-toolbar {
    overflow: visible !important;
}

body.design-new .fota-window .fota-tasks-grid .x-toolbar .x-box-inner {
    overflow: visible !important;
}

/* Vehicle / Account -> Users: paging в подвале окна (новый дизайн) */
body.design-new .vehicle-users-window .vehicle-users-paging.x-toolbar-footer .x-box-target,
body.design-new .account-users-window .account-users-paging.x-toolbar-footer .x-box-target,
body.design-new .inspection-global-templates-window .inspection-global-templates-paging.x-toolbar-footer .x-box-target{
    justify-content: flex-start !important;
    gap: 8px;
}

body.design-new .vehicle-users-window .vehicle-users-paging.x-toolbar-footer .x-toolbar-text,
body.design-new .vehicle-users-window .vehicle-users-paging.x-toolbar-footer .x-form-item-label,
body.design-new .vehicle-users-window .vehicle-users-paging.x-toolbar-footer .x-form-text-default,
body.design-new .account-users-window .account-users-paging.x-toolbar-footer .x-toolbar-text,
body.design-new .account-users-window .account-users-paging.x-toolbar-footer .x-form-item-label,
body.design-new .account-users-window .account-users-paging.x-toolbar-footer .x-form-text-default,
body.design-new .inspection-global-templates-window .inspection-global-templates-paging.x-toolbar-footer .x-toolbar-text,
body.design-new .inspection-global-templates-window .inspection-global-templates-paging.x-toolbar-footer .x-form-item-label,
body.design-new .inspection-global-templates-window .inspection-global-templates-paging.x-toolbar-footer .x-form-text-default{
    color: var(--edit-window-content-fg) !important;
}

body.design-new .vehicle-users-window .vehicle-users-grid .x-toolbar .x-form-item-body,
body.design-new .account-users-window .account-users-grid .x-toolbar .x-form-item-body,
body.design-new .account-reports-window .account-reports-grid .x-toolbar .x-form-item-body,
body.design-new .account-report-builder-templates-window .account-report-builder-templates-grid .x-toolbar .x-form-item-body,
body.design-new .inspection-global-templates-window .inspection-global-templates-grid .x-toolbar .x-form-item-body,
body.design-new .vehicle-sensors-window .vehicle-sensors-grid .x-toolbar .x-form-item-body,
body.design-new .vehicle-data-volume-window .vehicle-data-volume-footer .x-form-item-body,
body.design-new .design-new-edit-window .account-edit-modules .x-toolbar .x-form-item-body,
body.design-new #idTabReportsPanelObjects .x-toolbar .x-form-item-body {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Edit Account → Available vehicle brands: без рамок у Brands/Models/Generations */
body.design-new .account-edit-available-vehicle-brands-tab .x-grid,
body.design-new .account-edit-available-vehicle-brands-tab .x-panel-default,
body.design-new .account-edit-available-vehicle-brands-tab .x-panel-body-default,
body.design-new .account-edit-available-vehicle-brands-tab .x-panel-header-default{
    border: none !important;
    box-shadow: none !important;
}

/* All + поиск: одна горизонтальная центральная линия */
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar{
    align-items: center !important;
}

body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-item,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-field{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
}

/* Оптическая поправка: box+label чуть ниже центра поля поиска */
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox{
    transform: translateY(-2px);
}

body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-item-body,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-cb-wrap,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-cb-wrap-inner{
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle;
}

body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-cb-label,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-cb-label-default,
body.design-new .account-edit-available-vehicle-brands-tab .x-toolbar .x-form-type-checkbox .x-form-cb-label-after{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 16px !important;
}

body.design-new .inspection-global-templates-window .inspection-global-templates-without-language.x-form-type-checkbox,
body.design-new .inspection-global-templates-window .inspection-global-templates-without-language.x-toolbar-item{
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content;
    max-width: none !important;
}

body.design-new .inspection-global-templates-window .inspection-global-templates-without-language .x-form-cb-wrap,
body.design-new .inspection-global-templates-window .inspection-global-templates-without-language .x-form-cb-wrap-inner,
body.design-new .inspection-global-templates-window .inspection-global-templates-without-language .x-form-cb-label,
body.design-new .inspection-global-templates-window .inspection-global-templates-without-language .x-form-cb-label-default,
body.design-new .inspection-global-templates-window .inspection-global-templates-without-language .x-form-cb-label-after{
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
}

body.design-new .design-new-edit-window .users-edit-show-binded-accounts.x-form-type-checkbox,
body.design-new .design-new-edit-window .users-edit-show-binded-accounts.x-toolbar-item{
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
}

body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-item-body,
body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-wrap,
body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-wrap-inner{
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle;
}

body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-wrap-inner{
    position: relative !important;
    padding-left: 24px !important;
    min-height: 16px !important;
}

body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-label,
body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-label-default,
body.design-new .design-new-edit-window .users-edit-show-binded-accounts .x-form-cb-label-after{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}

body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .users-edit-filter-field{
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: none !important;
    margin-left: 16px !important;
}

body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .users-edit-filter-field .x-form-item-body,
body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .users-edit-filter-field .x-form-trigger-wrap,
body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .users-edit-filter-field .x-form-trigger-wrap-default{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .x-form-type-text .x-form-trigger-wrap,
body.design-new .design-new-edit-window.users-edit-window .x-grid .x-toolbar .x-form-type-text .x-form-trigger-wrap-default{
    width: 100% !important;
}

body.design-new .design-new-edit-window.users-edit-window .x-grid .users-edit-select-objects-btn.design-new-btn{
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

body.design-new .design-new-edit-window .account-edit-veh-fields__toolbar-action {
    min-width: 148px !important;
}

body.design-new .design-new-edit-window .account-edit-veh-fields__toolbar-action .x-btn-inner {
    width: auto !important;
    max-width: none !important;
}

body.design-new .schema-edit-window .schema-edit-window__monaco {
    background-color: var(--btn-secondary-bg) !important;
    border: 1px solid var(--edit-window-footer-border) !important;
    border-radius: var(--design-new-radius-sm) !important;
    overflow: hidden !important;
}

body.design-new .schema-edit-window .schema-edit-window__graph {
    background-color: var(--btn-secondary-bg) !important;
    border: 1px solid var(--edit-window-footer-border) !important;
    border-radius: var(--design-new-radius-sm) !important;
    overflow: auto !important;
}

body.design-new .schema-edit-window .schema-edit-window__monaco > div,
body.design-new .schema-edit-window .schema-edit-window__monaco .monaco-editor,
body.design-new .schema-edit-window .schema-edit-window__monaco .overflow-guard,
body.design-new .schema-edit-window .schema-edit-window__monaco .monaco-editor-background,
body.design-new .schema-edit-window .schema-edit-window__monaco .margin,
body.design-new .schema-edit-window .schema-edit-window__monaco .monaco-scrollable-element,
body.design-new .schema-edit-window .schema-edit-window__graph > div{
    background-color: var(--btn-secondary-bg) !important;
    border-radius: var(--design-new-radius-sm) !important;
}

body.design-new .schema-edit-window .schema-edit-window__monaco .schema-edit-current-line {
    background-color: var(--btn-secondary-fg) !important;
}

body.design-new .schema-edit-window .schema-edit-window__monaco .schema-edit-current-line-text,
body.design-new .schema-edit-window .schema-edit-window__monaco .schema-edit-current-line-text span{
    color: var(--btn-secondary-bg) !important;
}

body.design-new .schema-edit-window .schema-edit-window__monaco .schema-edit-current-line-margin,
body.design-new .schema-edit-window .schema-edit-window__monaco .margin .line-numbers.active-line-number{
    background-color: var(--btn-secondary-fg) !important;
    color: var(--btn-secondary-bg) !important;
}

/* Account Edit — Main settings (Figma 2088:2063, frame 960×800) */
body.design-new .design-new-edit-window .x-tabpanel-body > .x-tabpanel-child.account-edit-main-settings {
    padding: 0 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__section {
    padding: var(--edit-window-content-padding, 24px 16px);
    box-sizing: border-box;
}

body.design-new .design-new-edit-window .account-edit-main-settings__section--bordered {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--edit-window-footer-border) !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__section-title {
    color: var(--edit-window-content-fg) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings .x-form-item {
    margin-bottom: 0 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings .x-form-item-label-top,
body.design-new .design-new-edit-window .partner-edit-main-settings .x-form-item-label-top,
body.design-new .design-new-edit-window .partner-edit-smtp-tab .x-form-item-label-top,
body.design-new .design-new-edit-window .partner-edit-prices-tab .x-form-item-label-top,
body.design-new .design-new-form-window .x-form-item-label-top,
body.design-new .design-new-form-window-form .x-form-item-label-top {
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    min-height: 0 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings .x-form-item-label-inner-default {
    padding-top: 0 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__radiogroup .x-form-item-label-inner-default {
    font-weight: 500 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-item,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-item {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-wrap,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-cb-wrap {
    width: auto !important;
    min-width: 0 !important;
    min-height: 32px !important;
    text-align: left !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-item-body,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-item-body {
    min-width: 0 !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-wrap-inner,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-cb-wrap-inner {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 16px !important;
    padding-left: 24px !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb,
body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-checkbox-default,
body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-default,
body.design-new .design-new-edit-window .form-check-group .x-form-cb,
body.design-new .design-new-edit-window .form-check-group .x-form-checkbox-default,
body.design-new .design-new-edit-window .form-check-group .x-form-cb-default {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: -8px 0 0 0 !important;
    flex: none !important;
    opacity: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-checkbox-default::before,
body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-default::before,
body.design-new .design-new-edit-window .x-form-checkbox-default::before,
body.design-new .design-new-edit-window .x-form-cb-default:not(.x-form-radio-default)::before,
body.design-new .design-new-edit-window .x-form-radio-default::before,
body.design-new .design-new-edit-window .form-check-group .x-form-checkbox-default::before,
body.design-new .design-new-edit-window .form-check-group .x-form-cb-default::before {
    display: none !important;
    content: none !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-label-default,
body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-label,
body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-label-after,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-cb-label-default,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-cb-label,
body.design-new .design-new-edit-window .partner-edit-main-settings__checkbox-row .x-form-cb-label-after {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__checkbox-row .x-form-cb-label-after .icon-help {
    position: relative !important;
    display: inline-block !important;
    margin: 0 0 0 4px !important;
    vertical-align: middle !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__radiogroup .x-form-radio-group-body {
    padding-top: 0 !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__radiogroup .x-form-radio-default {
    margin-right: 26px !important;
}

body.design-new .design-new-edit-window .account-edit-main-settings__comment .x-form-textarea-default {
    border-color: var(--edit-window-input-border) !important;
    background-color: var(--edit-window-input-bg) !important;
    border-radius: var(--design-new-radius-sm) !important;
    min-height: 56px !important;
    padding: 8px 12px !important;
    color: var(--edit-window-content-fg) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* --- Чекбоксы (Figma 2089:4998) и метки (2089:4999) — только модальные окна редактирования --- */
body.design-new .design-new-edit-window .x-form-cb-wrap {
    display: inline-block !important;
    position: relative !important;
    vertical-align: middle !important;
    padding-left: 0 !important;
}

body.design-new .design-new-edit-window .x-form-cb-wrap-inner {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;
    min-width: 16px !important;
    min-height: 16px !important;
    padding-left: 24px !important;
    margin: 0 !important;
}

/* Ext Triton: .x-form-cb absolute внутри wrap-inner — скрываем glyph, рисуем box сами */
body.design-new .design-new-edit-window .x-form-cb,
body.design-new .design-new-edit-window .x-form-checkbox-default,
body.design-new .design-new-edit-window .x-form-cb-default,
body.design-new .design-new-edit-window .x-form-radio-default{
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: -8px 0 0 0 !important;
    opacity: 0 !important;
    z-index: 1 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* Чекбокс: квадрат 16×16, radius 4px */
body.design-new .design-new-edit-window .x-form-cb-wrap-inner:has(.x-form-checkbox-default)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid var(--edit-window-checkbox-border);
    border-radius: 4px;
    box-sizing: border-box;
    background: transparent;
    pointer-events: none;
}

body.design-new .design-new-edit-window .x-form-cb-checked .x-form-cb-wrap-inner:has(.x-form-checkbox-default)::before,
body.design-new .design-new-edit-window .x-form-cb-checked .x-form-cb-wrap-inner:has(.x-form-radio-default)::before {
    border-color: var(--edit-window-checkbox-checked-bg);
    background-color: var(--edit-window-checkbox-checked-bg);
}

body.design-new .design-new-edit-window .x-form-cb-checked .x-form-cb-wrap-inner:has(.x-form-checkbox-default)::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 4px;
    height: 8px;
    margin-top: -5px;
    border: solid var(--edit-window-checkbox-checked-icon);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    pointer-events: none;
}

/* Радиокнопка: круг 16×16; выбранная — заливка brand + белая точка по центру */
body.design-new .design-new-edit-window .x-form-cb-wrap-inner:has(.x-form-radio-default)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 1px solid var(--edit-window-checkbox-border);
    border-radius: 50%;
    box-sizing: border-box;
    background-color: var(--edit-window-input-bg);
    pointer-events: none;
}

body.design-new .design-new-edit-window .x-form-cb-checked .x-form-cb-wrap-inner:has(.x-form-radio-default)::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border: none;
    border-radius: 50%;
    background-color: var(--edit-window-checkbox-checked-icon);
    transform: none;
    pointer-events: none;
}

body.design-new .design-new-edit-window .x-form-cb-label-default,
body.design-new .design-new-edit-window .x-form-cb-label,
body.design-new .design-new-edit-window .x-form-cb-label-after{
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    color: var(--edit-window-content-fg) !important;
    font-family: var(--design-new-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings .x-form-item,
body.design-new .design-new-edit-window .partner-edit-smtp-tab .x-form-item,
body.design-new .design-new-edit-window .partner-edit-prices-tab .x-form-item{
    margin-bottom: 0 !important;
}

body.design-new .design-new-edit-window .design-new-field-required:not(.design-new-field-required--ok):not(.x-item-disabled) .x-form-trigger-wrap-default,
body.design-new .design-new-edit-window .design-new-field-required:not(.design-new-field-required--ok):not(.x-item-disabled) .x-form-text-default:not(.x-form-textarea){
    border-color: var(--btn-negative-bg, #f43f5e) !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings .x-form-item-label-inner-default,
body.design-new .design-new-edit-window .partner-edit-smtp-tab .x-form-item-label-inner-default,
body.design-new .design-new-edit-window .partner-edit-prices-tab .x-form-item-label-inner-default{
    padding-top: 0 !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-item-label-inner-default {
    font-weight: 500 !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-radio-group-body {
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-radio-default {
    margin-right: 26px !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-cb-wrap {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-cb-wrap-inner {
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 20px !important;
    min-height: 16px !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-cb-label-default,
body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-cb-label,
body.design-new .design-new-edit-window .partner-edit-main-settings__radiogroup .x-form-cb-label-after{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 16px !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__test-days {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__test-days .x-form-item,
body.design-new #idVehicleCommandsWindow .x-grid > .x-panel-header-default .x-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.design-new .design-new-edit-window .partner-edit-main-settings__test-days .x-form-item-body {
    width: auto !important;
    max-width: 100% !important;
}

body.design-new .design-new-edit-window .account-edit-modules .x-toolbar,
body.design-new .design-new-edit-window .account-edit-modules .x-toolbar-default,
body.design-new .design-new-edit-window .account-edit-modules .x-toolbar-default-docked-top{
    padding: 0 0 16px 0 !important;
    box-sizing: border-box !important;
}

/* Modules: метки чекбоксов на всю ширину колонки в checkboxgroup */
body.design-new .design-new-edit-window .form-check-group .x-form-checkboxgroup-body {
    width: 100%;
}

body.design-new .design-new-edit-window .form-check-group .x-form-checkboxgroup-body table {
    width: 100%;
    table-layout: fixed;
}

body.design-new .design-new-edit-window .form-check-group .x-form-checkboxgroup-body td {
    vertical-align: middle;
    padding: 0 12px 8px 0;
}

body.design-new .design-new-edit-window .form-check-group .x-form-item-body,
body.design-new .design-new-edit-window .form-check-group .x-form-cb-wrap{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/*
 * В Ext checkbox метка — внутри .x-form-cb-wrap-inner (не сосед wrap).
 * Глобальный absolute 16×16 на wrap-inner обрезает текст при width на wrap.
 */
body.design-new .design-new-edit-window .form-check-group .x-form-cb-wrap-inner {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 16px !important;
    padding-left: 24px !important;
}

body.design-new .design-new-edit-window .form-check-group .x-form-cb-label-default,
body.design-new .design-new-edit-window .form-check-group .x-form-cb-label,
body.design-new .design-new-edit-window .form-check-group .x-form-cb-label-after{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* --- Подвал окна (uxForm bottomActions): secondary-фон, border-top, кнопки справа --- */
body.design-new .design-new-edit-window .x-toolbar-footer,
body.design-new .design-new-edit-window .x-toolbar-footer-default{
    background-color: var(--edit-window-footer-bg) !important;
    background-image: none !important;
    border-top: 1px solid var(--edit-window-footer-border) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 0 var(--edit-window-radius) var(--edit-window-radius) !important;
    overflow: hidden !important;
    padding: 12px 16px !important;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-box-inner,
body.design-new .design-new-edit-window .x-toolbar-footer-default .x-box-inner{
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* Figma 2089:5330 — gap 16px между кнопками в подвале */
body.design-new .design-new-edit-window .x-toolbar-footer .x-box-target,
body.design-new .design-new-edit-window .x-toolbar-footer-default .x-box-target{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-box-target > .x-toolbar-item,
body.design-new .design-new-edit-window .x-toolbar-footer-default .x-box-target > .x-toolbar-item,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-target > .x-toolbar-item,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-target > .x-toolbar-item,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-target > .x-toolbar-item,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-target > .x-toolbar-item,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-box-target > .x-toolbar-item,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-box-target > .x-toolbar-item,
body.design-new .design-new-surface .x-grid .x-toolbar.x-docked-top .x-box-target > .x-toolbar-item,
body.design-new .design-new-surface .x-grid .x-toolbar-default-docked-top .x-box-target > .x-toolbar-item,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-top .x-box-target > .x-toolbar-item,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .x-box-target > .x-toolbar-item,
body.design-new .create-qrcodes-upload-form .x-box-target > .x-box-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-toolbar-item-fill,
body.design-new .design-new-edit-window .x-toolbar-footer-default .x-toolbar-item-fill,
body.design-new .design-new-surface .x-grid .x-toolbar.x-docked-top .x-toolbar-item-fill,
body.design-new .design-new-surface .x-grid .x-toolbar-default-docked-top .x-toolbar-item-fill,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-top .x-toolbar-item-fill,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .x-toolbar-item-fill,
body.design-new .design-new-edit-window .x-grid .x-toolbar.x-docked-top .create-qrcodes-upload-form.x-toolbar-item {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

body.design-new .design-new-edit-window .x-toolbar-footer .x-box-target > .x-toolbar-item.x-hidden-display,
body.design-new .design-new-edit-window .x-toolbar-footer-default .x-box-target > .x-toolbar-item.x-hidden-display{
    display: none !important;
}

/* --- Reports: футер Settings (Create report / Export) --- */
body.design-new .design-new-reports-settings > .x-panel-body,
body.design-new #idTabReportsSettings-body{
    padding: 24px 0 24px 16px !important;
}

body.design-new #idTabReportsPanelObjects,
body.design-new #idTabReportsPanelObjects-body{
    padding: 0 !important;
}

body.design-new #idTabReportsPanelObjects_header {
    padding: 0 0 16px 0 !important;
}

body.design-new #idTabReportsPanelObjectsSearch,
body.design-new #idTabReportsPanelObjectsFilter{
    margin-left: 0 !important;
}

body.design-new #idTabReportsPanelObjectsSearch-triggerWrap,
body.design-new #idTabReportsPanelObjectsFilter-triggerWrap{
    width: 100% !important;
}

/* --- Reports: шапка таблицы отчёта (secondary) --- */
body.design-new #idTabReportContent .table thead,
body.design-new #idTabReportContent #tables .table thead,
body.design-new #root .table thead{
    background-color: var(--btn-secondary-bg) !important;
}

body.design-new #idTabReportContent .table thead th,
body.design-new #idTabReportContent #tables .table thead th,
body.design-new #root .table thead th{
    color: var(--btn-secondary-fg) !important;
}

body.design-new .design-new-reports-settings .x-toolbar-footer,
body.design-new .design-new-reports-settings .x-toolbar-footer-default,
body.design-new .design-new-reports-footer.x-toolbar,
body.design-new .design-new-reports-footer.x-toolbar-default{
    background-color: var(--edit-window-footer-bg) !important;
    background-image: none !important;
    border-top: 1px solid var(--edit-window-footer-border) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 12px 16px !important;
}

body.design-new .design-new-reports-settings .x-toolbar-footer .x-box-inner,
body.design-new .design-new-reports-settings .x-toolbar-footer-default .x-box-inner,
body.design-new .design-new-reports-footer.x-toolbar .x-box-inner,
body.design-new .design-new-reports-footer.x-toolbar-default .x-box-inner,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-inner,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-inner,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-box-inner,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-box-inner {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
}

body.design-new .design-new-reports-settings .x-toolbar-footer .x-box-target,
body.design-new .design-new-reports-settings .x-toolbar-footer-default .x-box-target,
body.design-new .design-new-reports-footer.x-toolbar .x-box-target,
body.design-new .design-new-reports-footer.x-toolbar-default .x-box-target{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
}

body.design-new .design-new-reports-settings .x-toolbar-footer .x-box-target > .x-toolbar-item,
body.design-new .design-new-reports-settings .x-toolbar-footer-default .x-box-target > .x-toolbar-item,
body.design-new .design-new-reports-footer.x-toolbar .x-box-target > .x-toolbar-item,
body.design-new .design-new-reports-footer.x-toolbar-default .x-box-target > .x-toolbar-item{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    flex: none !important;
}

body.design-new .design-new-reports-settings .x-toolbar-footer .x-box-target > .x-toolbar-item.x-hidden-display,
body.design-new .design-new-reports-settings .x-toolbar-footer-default .x-box-target > .x-toolbar-item.x-hidden-display,
body.design-new .design-new-reports-footer.x-toolbar .x-box-target > .x-toolbar-item.x-hidden-display,
body.design-new .design-new-reports-footer.x-toolbar-default .x-box-target > .x-toolbar-item.x-hidden-display{
    display: none !important;
}

/* Главные вкладки (#main-tabs): paging в подвале, без скругления углов */
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default{
    background-color: var(--edit-window-footer-bg) !important;
    background-image: none !important;
    border-top: 1px solid var(--edit-window-footer-border) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding: 12px 16px 12px 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-target,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-target,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-box-target,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-box-target,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-box-target,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-box-target{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
}

body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-toolbar-text,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-form-item-label,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-form-text-default,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-toolbar-text,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-form-item-label,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-form-text-default,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-toolbar-text,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-form-item-label,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-form-text-default,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-toolbar-text,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-form-item-label,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-form-text-default{
    color: var(--edit-window-content-fg) !important;
}

body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-btn-default:not(.design-new-btn) .x-btn-icon-el,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-btn-default:not(.design-new-btn) .x-btn-inner,
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-btn-default:not(.design-new-btn) .x-btn-icon-el{
    color: inherit;
}

body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-main-window .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-bottom.design-new-main-tab-paging .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled),
body.design-new .design-new-main-window .design-new-main-tab-paging.x-toolbar-default .x-btn-default:not(.design-new-btn).x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-hover);
}

/* --- Скрываем resize-handles Ext в окнах редактирования (убирает тёмную полосу снизу) --- */
body.design-new .design-new-edit-window .x-resizable-handle,
body.design-new .design-new-edit-window .x-resizable-handle-south,
body.design-new .design-new-edit-window .x-resizable-handle-east,
body.design-new .design-new-edit-window .x-resizable-handle-west,
body.design-new .design-new-edit-window .x-resizable-handle-north,
body.design-new .design-new-edit-window .x-resizable-handle-southeast,
body.design-new .design-new-edit-window .x-resizable-handle-southwest,
body.design-new .design-new-edit-window .x-resizable-handle-northeast,
body.design-new .design-new-edit-window .x-resizable-handle-northwest{
    background: transparent !important;
    border: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

body.design-new .design-new-surface .x-grid .x-grid-cell,
body.design-new .design-new-surface .x-grid .x-grid-item .x-grid-cell:last-child,
body.design-new .design-new-surface .x-grid .x-grid-cell-last {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: var(--edit-window-footer-border) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item .x-grid-cell:first-child,
body.design-new .design-new-surface .x-grid .x-grid-cell-first{
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: var(--edit-window-footer-border) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first{
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
    overflow: hidden;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first .x-grid-cell-inner{
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last{
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
    overflow: hidden;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last .x-grid-cell-inner{
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell:first-child,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell-first,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child.x-grid-cell-selected,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-cell-selected,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell:first-child .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell-first .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child.x-grid-cell-selected .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:first-child.x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-cell-selected .x-grid-cell-inner,
body.design-new .design-new-main-window .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-first.x-grid-item-focused .x-grid-cell-inner {
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
    overflow: hidden !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell:last-child,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell-last,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child.x-grid-cell-selected,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-cell-selected,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell:last-child .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child.x-grid-item-selected .x-grid-cell-last .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child.x-grid-cell-selected .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell:last-child.x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-cell-selected .x-grid-cell-inner,
body.design-new .design-new-main-window .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-item-focused .x-grid-cell-inner,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-cell-last.x-grid-item-focused .x-grid-cell-inner {
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
    overflow: hidden !important;
}

body.design-new .design-new-surface .x-grid .x-grid-item:last-child,
body.design-new .design-new-surface .x-grid .x-grid-item:last-child .x-grid-row,
body.design-new .design-new-surface .x-grid .x-grid-body {
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
    overflow: hidden;
}

body.design-new .design-new-surface .x-grid .x-grid-view{
    border-bottom-left-radius: var(--design-new-radius-sm) !important;
    border-bottom-right-radius: var(--design-new-radius-sm) !important;
    scrollbar-gutter: stable;
}

body.design-new.theme-dark .design-new-surface .x-grid .x-grid-item-alt:not(.x-grid-item-selected),
body.design-new.theme-dark .design-new-surface .x-grid .x-grid-item-alt:not(.x-grid-item-selected) .x-grid-cell,
body.design-new.theme-dark .design-new-surface .x-grid .x-grid-item:nth-child(even):not(.x-grid-item-selected),
body.design-new.theme-dark .design-new-surface .x-grid .x-grid-item:nth-child(even):not(.x-grid-item-selected) .x-grid-cell{
    background-color: #1e1e21 !important;
}

body.design-new .design-new-surface .x-grid .x-grid-header-ct{
    margin: 0 !important;
    overflow: hidden;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom: 1px solid var(--edit-window-footer-border) !important;
}

body.design-new .design-new-surface .x-grid .x-column-header{
    border-right: 1px solid var(--edit-window-footer-border) !important;
    background-color: var(--edit-window-footer-bg) !important;
    background-image: none !important;
}

body.design-new .design-new-surface .x-grid .x-column-header:first-child{
    border-left: 1px solid var(--edit-window-footer-border) !important;
    border-top-left-radius: 8px !important;
    overflow: hidden;
}

body.design-new .design-new-surface .x-grid .x-column-header:first-child .x-column-header-inner{
    border-top-left-radius: 8px !important;
}

body.design-new .design-new-surface .x-grid .x-column-header:last-child{
    border-right: 1px solid var(--edit-window-footer-border) !important;
    border-top-right-radius: 8px !important;
    overflow: hidden;
}

body.design-new .design-new-surface .x-grid .x-column-header:last-child .x-column-header-inner{
    border-top-right-radius: 8px !important;
}

body.design-new .design-new-surface .x-grid .x-toolbar.x-docked-top,
body.design-new .design-new-surface .x-grid .x-toolbar-default-docked-top,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-top,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
}

body.design-new .design-new-surface .x-grid .x-toolbar.x-docked-top .x-box-inner,
body.design-new .design-new-surface .x-grid .x-toolbar-default-docked-top .x-box-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-top .x-box-inner,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .x-box-inner{
    display: block !important;
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Vehicles -> Relaying: строка заголовка (Config / Resend Requests + кнопки) без внутренних боковых padding, кнопки справа; отступ от краёв окна — 16px через padding грида */
body.design-new #idVehicleCommandsWindow .x-grid .x-panel-header-default,
body.design-new #idVehicleCommandsWindow .x-grid .x-panel-header-default-horizontal,
body.design-new #idVehicleCommandsWindow .x-grid .x-header-noborder{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.design-new #idVehicleCommandsWindow .x-grid > .x-panel-header-default > .x-box-inner {
    display: flex !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.design-new #idVehicleCommandsWindow .x-grid > .x-panel-header-default > .x-box-inner > .x-box-target {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    gap: 16px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
}

body.design-new #idVehicleCommandsWindow .x-grid > .x-panel-header-default .x-box-target > .x-btn {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
}

body.design-new #idVehicleCommandsWindow .x-grid > .x-panel-header-default .x-box-target > .x-btn:first-of-type {
    margin-left: auto !important;
}

body.design-new .design-new-surface .x-grid .x-toolbar.x-docked-top .x-box-target,
body.design-new .design-new-surface .x-grid .x-toolbar-default-docked-top .x-box-target,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar.x-docked-top .x-box-target,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar-default-docked-top .x-box-target{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* Главные вкладки: toolbar грида (поиск, чекбоксы) */
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-cb-label,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-cb-label-default,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-cb-label-after,
body.design-new .design-new-main-window .x-grid .x-toolbar .x-form-cb-label,
body.design-new .design-new-main-window .x-grid .x-toolbar .x-form-cb-label-default,
body.design-new .design-new-main-window .x-grid .x-toolbar .x-form-cb-label-after{
    white-space: nowrap !important;
    color: var(--edit-window-content-fg) !important;
}

body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-type-checkbox,
body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-type-text{
    flex-shrink: 0;
}

body.design-new #main-tabs .design-new-main-tab-grid .x-toolbar .x-form-item-label {
    display: none !important;
}

/* Finance -> Prices: фиксированная ширина комбобоксов, кнопки не обрезаются */
body.design-new #tab-prices .design-new-main-tab-grid .x-toolbar .x-form-type-combobox {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
}

/* Raw data: поля и кнопки toolbar в одну строку */
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-text,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-date,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-time{
    flex-shrink: 0 !important;
}

body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-date,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-date .x-form-item-body,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-date .x-form-trigger-wrap-default{
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
}

body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-time,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-time .x-form-item-body,
body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .x-form-type-time .x-form-trigger-wrap-default{
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

body.design-new [id^="tab-raw"] .design-new-main-tab-grid .x-toolbar .raw-data-ok-btn.design-new-btn {
    flex-shrink: 0 !important;
    min-width: 48px !important;
}

body.design-new [id^="tab-audit"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn.x-btn-over:not(.x-btn-disabled),
body.design-new [id^="tab-audithistory"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn.x-btn-over:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-hover) !important;
}

body.design-new [id^="tab-audit"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn.x-btn-pressed:not(.x-btn-disabled),
body.design-new [id^="tab-audithistory"] .design-new-main-tab-grid .x-toolbar .audit-toolbar-ok-btn.design-new-btn.x-btn-pressed:not(.x-btn-disabled){
    background-color: var(--btn-secondary-bg-pressed) !important;
}

body.design-new #tab-recalc.design-new-recalc-tab > .x-panel-body-default {
    background-color: var(--edit-window-surface-bg) !important;
    padding: 0 !important;
}

body.design-new #tab-recalc .recalc-filter-form {
    margin: 0 0 16px 0 !important;
    border: none !important;
    background: transparent !important;
}

body.design-new #tab-recalc .recalc-filter-form > .x-panel-body-default,
body.design-new #tab-recalc .recalc-filter-form-body{
    padding: 16px !important;
    border: 1px solid var(--edit-window-footer-border) !important;
    border-radius: var(--design-new-radius-sm) !important;
    background-color: var(--edit-window-footer-bg) !important;
    box-sizing: border-box !important;
}

body.design-new #tab-recalc .recalc-filter-form .x-form-item {
    flex-shrink: 0 !important;
}

body.design-new #tab-recalc .recalc-filter-form .x-form-item-label {
    white-space: nowrap !important;
}

body.design-new #tab-recalc .recalc-start-btn.design-new-btn {
    flex-shrink: 0 !important;
}

body.design-new #tab-recalc .recalc-result-panel {
    border: 1px solid var(--edit-window-footer-border) !important;
    border-radius: var(--design-new-radius-sm) !important;
    background-color: var(--edit-window-input-bg) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.design-new #tab-recalc .recalc-result-component {
    background-color: var(--edit-window-input-bg) !important;
}

body.design-new #tab-recalc .recalc-result-component iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

body.design-new .design-new-surface .x-grid .x-grid-header-ct .x-box-inner{
    max-width: 100%;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

body.design-new .design-new-edit-window .x-grid [id*="configScrollbarGutter"] {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
}

body.design-new .design-new-edit-window .x-grid .x-action-col-cell {
    vertical-align: middle !important;
    text-align: center !important;
}

body.design-new .design-new-edit-window .x-grid .x-action-col-cell .x-grid-cell-inner-action-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.design-new .design-new-edit-window .x-grid .x-action-col-cell .x-action-col-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Boolean Value v Configs (new) */
body.design-new .design-new-edit-window .x-grid .x-adm-config-value-boolean-cell > .x-grid-cell-inner {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    cursor: pointer;
}

body.design-new .design-new-edit-window .x-grid .x-adm-config-value-boolean-cell .adm-config-value-boolean-cb {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 18px !important;
    min-height: 0 !important;
    line-height: 1 !important;
    pointer-events: none;
}

body.design-new .design-new-edit-window .x-grid .x-adm-config-value-boolean-cell .x-form-cb-wrap-inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

body.design-new .design-new-edit-window .x-grid .x-adm-config-value-boolean-cell .x-form-checkbox-default {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
/* --- Finances: карточки сумм по валютам под tbar (Payments, Write-offs) — Figma 2061:2309, 2529:2635 --- */
.payments-currency-sums-bar {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 16px 0px;
}

body:not(.design-new) .payments-currency-sums-bar {
    margin: 0;
}

body:not(.design-new) .payments-currency-sums-bar--classic {
    display: block;
    height: 30px;
    min-height: 30px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body:not(.design-new) .payments-currency-sums-bar--classic::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body:not(.design-new) .payments-currency-sums-bar--classic .x-box-inner,
body:not(.design-new) .payments-currency-sums-bar--classic .x-box-target{
    height: 30px !important;
}

body:not(.design-new) .payments-currency-sum-button.x-btn-default-toolbar-small {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 10px !important;
    cursor: default;
}

body:not(.design-new) .payments-currency-sum-button.x-btn-default-toolbar-small .x-btn-wrap,
body:not(.design-new) .payments-currency-sum-button.x-btn-default-toolbar-small .x-btn-button,
body:not(.design-new) .payments-currency-sums-scroll-button.x-btn-default-toolbar-small .x-btn-wrap,
body:not(.design-new) .payments-currency-sums-scroll-button.x-btn-default-toolbar-small .x-btn-button {
    display: flex !important;
    align-items: center !important;
    height: 30px !important;
}

body:not(.design-new) .payments-currency-sum-button.x-btn-default-toolbar-small .x-btn-button,
body:not(.design-new) .payments-currency-sums-scroll-button.x-btn-default-toolbar-small .x-btn-button {
    justify-content: center !important;
    width: 100%;
}

body:not(.design-new) .payments-currency-sum-button.x-btn-default-toolbar-small .x-btn-inner {
    line-height: 1 !important;
    padding: 0 !important;
    white-space: nowrap;
}

body:not(.design-new) .payments-currency-sums-scroll-button.x-btn-default-toolbar-small {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    cursor: pointer;
}

body:not(.design-new) .payments-currency-sums-scroll-button.x-btn-default-toolbar-small .x-btn-inner {
    line-height: 1 !important;
    padding: 0 !important;
}

.payments-currency-sums-wrap {
    display: block;
    width: 100%;
    min-width: 0;
}

.payments-currency-sums {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
}

.payments-currency-sum {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 0;
    width: fit-content;
    max-width: 100%;
    padding: 16px;
    border-radius: var(--design-new-radius-sm, 8px);
    background: #f4f4f5;
    color: #27272a;
}

.payments-currency-sum__value {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.payments-currency-sum__code {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
}

body.design-new .payments-currency-sum {
    background: var(--edit-window-footer-bg);
    color: var(--edit-window-content-fg);
}

body.design-new .payments-currency-sums-bar {
    background: transparent;
    border: none;
}

body.design-new .app-payments .payments-currency-sums-bar {
    padding: 0 !important;
}

body.design-new #tab-relaying-statistics .relaying-statistics-quick-range-btn.design-new-btn {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body.design-new #tab-relaying-statistics .relaying-statistics-quick-range-btn .x-btn-wrap,
body.design-new #tab-relaying-statistics .relaying-statistics-quick-range-btn .x-btn-button{
    width: 100% !important;
}

body.design-new .relaying-statistics-summary-cards {
    margin: 0 0 16px 0;
}

body.design-new .relaying-statistics-summary-card {
    min-width: 140px;
}

body.design-new .relaying-statistics-summary-card .payments-currency-sum__code {
    text-transform: uppercase;
}

/* Простые формы в модальных окнах — Add new price, New payment, New write-off */
body.design-new .design-new-form-window.x-window-default,
body.design-new .design-new-form-window .x-window-body-default{
    padding: 0 !important;
}

body.design-new .vehicle-brands-edit-window .design-new-form-window-form > .x-panel-bodyWrap > .x-panel-body-default.x-box-layout-ct,
body.design-new .vehicle-brands-edit-window .design-new-form-window-form > .x-panel-body-default.x-box-layout-ct,
body.design-new .vehicle-brands-edit-window .design-new-form-window-form .x-panel-body.x-panel-body-default.x-box-layout-ct.x-noborder-trbl,
body.design-new .vehicle-models-edit-window .design-new-form-window-form > .x-panel-bodyWrap > .x-panel-body-default.x-box-layout-ct,
body.design-new .vehicle-models-edit-window .design-new-form-window-form > .x-panel-body-default.x-box-layout-ct,
body.design-new .vehicle-models-edit-window .design-new-form-window-form .x-panel-body.x-panel-body-default.x-box-layout-ct.x-noborder-trbl{
    padding: var(--edit-window-content-padding-no-bottom, 24px 16px 0) !important;
}

body.design-new .autoconductor-license-edit-window #autoconductor-form-body {
    padding: 0 !important;
}

body.design-new .objects-edit-window #objects-edit-form-body {
    padding: 0 !important;
}

body.design-new .objects-edit-window .objects-edit-inline-add-btn.x-btn-default-small {
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    background-color: var(--btn-secondary-bg) !important;
}

body.design-new .objects-edit-window .objects-edit-inline-add-btn.x-btn-default-small.x-btn-over:not(.x-btn-disabled) {
    background-color: var(--btn-secondary-bg-hover) !important;
}

body.design-new .objects-edit-window .objects-edit-inline-add-btn.x-btn-default-small.x-btn-pressed:not(.x-btn-disabled) {
    background-color: var(--btn-secondary-bg-pressed) !important;
}

body.design-new .design-new-form-window-form .x-box-inner,
body.design-new .design-new-form-window .x-box-inner{
    padding: 0 !important;
}

body.design-new .design-new-form-window .x-form-item-label-inner-default,
body.design-new .design-new-form-window-form .x-form-item-label-inner-default{
    padding-top: 0 !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    background-color: var(--btn-secondary-bg) !important;
    background-image: none !important;
    border-radius: var(--design-new-radius-sm) !important;
    box-sizing: border-box !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool-over:not(.x-tool-disabled),
body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool-over:not(.x-masked){
    background-color: var(--btn-secondary-bg-hover) !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool-pressed:not(.x-tool-disabled) {
    background-color: var(--btn-secondary-bg-pressed) !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool-disabled,
body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-masked{
    background-color: var(--btn-secondary-bg) !important;
    opacity: 1 !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool .x-tool-tool-el,
body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool .x-tool-img{
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    position: relative !important;
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool .x-tool-tool-el::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: var(--btn-secondary-fg);
}

body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-tool-disabled .x-tool-tool-el::before,
body.design-new .fuel-cabinet-config-grid .fuel-cabinet-config-tool.x-masked .x-tool-tool-el::before{
    color: var(--btn-secondary-fg-disabled);
}

body.design-new .fuel-cabinet-config-grid .x-tool-plus.fuel-cabinet-config-tool .x-tool-tool-el::before {
    content: "\f067";
}

body.design-new .fuel-cabinet-config-grid .x-tool-minus.fuel-cabinet-config-tool .x-tool-tool-el::before {
    content: "\f068";
}

body.design-new .design-new-edit-window .fuel-cabinet-config-grid.x-grid > .x-panel-header-default,
body.design-new .fuel-cabinet-config-grid .x-panel-header{
    padding: 0 0 16px 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
}

body.design-new .fuel-cabinet-config-grid .x-panel-header .x-box-inner,
body.design-new .fuel-cabinet-config-grid .x-panel-header .x-box-target{
    height: 32px !important;
}

body.design-new .fuel-cabinet-config-grid .x-panel-header .x-title {
    top: 0 !important;
    height: 32px !important;
    line-height: 32px !important;
}

/* Generate QR codes: квадратные кнопки + / ? */
body.design-new .create-qrcodes-icon-btn.x-btn {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
}

body.design-new .create-qrcodes-icon-btn .x-btn-icon-el {
    margin: 0 !important;
}

body.design-new .create-qrcodes-upload-form > .x-panel-bodyWrap,
body.design-new .create-qrcodes-upload-form > .x-panel-bodyWrap > .x-panel-body,
body.design-new .create-qrcodes-upload-form .x-box-inner{
    width: 100% !important;
}

body.design-new .create-qrcodes-upload-form .x-box-target {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    gap: 8px;
}

body.design-new .create-qrcodes-upload-form .x-form-item-no-label .x-form-item-label {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
}

body.design-new .create-qrcodes-upload-form .x-form-file-wrap .x-form-trigger-cmp {
    width: 32px !important;
}

/* Partner → Default settings when creating account: secondary 30×30 */
body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-btn.design-new-btn:not(.design-new-btn--icon) {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"],
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    background-color: var(--btn-secondary-bg) !important;
    background-image: none !important;
    border-radius: var(--design-new-radius-sm) !important;
    box-sizing: border-box !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool-over:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool-over:not(.x-masked),
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse.x-tool-over:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand.x-tool-over:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"].x-tool-over:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"].x-tool-over:not(.x-tool-disabled) {
    background-color: var(--btn-secondary-bg-hover) !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool-pressed:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse.x-tool-pressed:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand.x-tool-pressed:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"].x-tool-pressed:not(.x-tool-disabled),
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"].x-tool-pressed:not(.x-tool-disabled) {
    background-color: var(--btn-secondary-bg-pressed) !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool-disabled,
body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-masked,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse.x-tool-disabled,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand.x-tool-disabled {
    background-color: var(--btn-secondary-bg) !important;
    opacity: 1 !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-img {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    position: relative !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool .x-tool-tool-el::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: var(--btn-secondary-fg);
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"],
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-tool-el,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-tool-el {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-img,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-img {
    display: none !important;
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-tool-el::before {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: block !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: #18181b !important;
}

body.design-new.theme-dark .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse .x-tool-tool-el::before,
body.design-new.theme-dark .partner-edit-default-settings-tab .x-panel-header .x-tool-expand .x-tool-tool-el::before,
body.design-new.theme-dark .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-collapse-"] .x-tool-tool-el::before,
body.design-new.theme-dark .partner-edit-default-settings-tab .x-panel-header [class*="x-tool-expand-"] .x-tool-tool-el::before {
    color: #fafafa !important;
}

body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-tool-disabled .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .partner-edit-default-settings-tool.x-masked .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse.x-tool-disabled .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand.x-tool-disabled .x-tool-tool-el::before {
    color: var(--btn-secondary-fg-disabled);
}

body.design-new .partner-edit-default-settings-tab .x-tool-plus.partner-edit-default-settings-tool .x-tool-tool-el::before {
    content: "\f067";
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse-left .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand-right .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse:not([class*="x-tool-collapse-"]) .x-tool-tool-el::before {
    content: "\f053";
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand-left .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse-right .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand:not([class*="x-tool-expand-"]) .x-tool-tool-el::before {
    content: "\f054";
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse-top .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand-bottom .x-tool-tool-el::before {
    content: "\f077";
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-expand-top .x-tool-tool-el::before,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-tool-collapse-bottom .x-tool-tool-el::before {
    content: "\f078";
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-box-inner,
body.design-new .partner-edit-default-settings-tab .x-panel-header .x-box-target {
    height: 30px !important;
}

body.design-new .partner-edit-default-settings-tab .x-panel-header .x-title {
    top: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
}

body.design-new .create-qrcodes-upload-form .x-form-file-wrap .x-form-trigger-cmp .x-btn {
    margin-left: 0 !important;
}

/* #endregion Новый дизайн */