:root {
    --lpx-theme-light-bg: url('/LeptonX/images/login-pages/login-bg-img-light.svg');
    --lpx-theme-dim-bg: url('/LeptonX/images/login-pages/login-bg-img-dim.svg');
    --lpx-theme-dark-bg: url('/LeptonX/images/login-pages/login-bg-img-dark.svg');
}

:root {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

/*
 * Поля с серверным поиском (ABP `auto-complete-select` → select2, ADR-049) в формах.
 *
 * select2 рисует своё поле собственной вёрсткой: высота 28px, свои отступы, скругление и цвета —
 * рядом с `.form-select` темы оно ниже, уезжает по базовой линии и ломает строку. Приводим его к тем же
 * габаритам, что у остальных полей LeptonX (`.form-control`: padding .675rem 1.25rem, 14px/1.5).
 * Цвета тёмной темы не трогаем: у LeptonX для них своё правило с большей специфичностью
 * (`.lpx-theme-dark .select2-container--default …`), оно перекрывает эти строки.
 *
 * Единственный select2 в приложении — этот виджет ABP, поэтому правило живёт здесь, а не в каждом модуле:
 * поля с поиском есть и в Core (сотрудник, контрагент, склад), и в Finance (субконто документа, фильтры).
 */
.select2-container--default .select2-selection--single {
    height: auto;
    padding: 0.675rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: #f5f5f7;
    border-color: #e7e9ec;
    border-radius: var(--bs-border-radius);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: 1.5;
    color: inherit;
}

/* Стрелка и крестик очистки — по центру поля, а не по верхнему краю (у select2 они позиционированы под 28px). */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0.75rem;
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 100%;
    margin-right: 1.5rem;
    line-height: 1.5;
}