/*
 * Фирменный акцентный цвет Apply - голубой из галочки логотипа (#30b1df),
 * вместо фиолетового Sneat по умолчанию (ADMIN_PANEL.md, раздел 2).
 * Тема собрана с переменными: большинство компонентов читают
 * var(--bs-primary), захардкожены только блоки кнопок и ссылок.
 */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-primary: #30b1df;
    --bs-primary-rgb: 48, 177, 223;
    --bs-link-color: #30b1df;
    --bs-link-color-rgb: 48, 177, 223;
    --bs-link-hover-color: #2b9fc8;
    --bs-link-hover-color-rgb: 43, 159, 200;
}

.btn-primary {
    --bs-btn-bg: #30b1df;
    --bs-btn-border-color: #30b1df;
    --bs-btn-hover-bg: #2b9fc8;
    --bs-btn-hover-border-color: #268eb2;
    --bs-btn-focus-shadow-rgb: 89, 193, 229;
    --bs-btn-active-bg: #2b9fc8;
    --bs-btn-active-border-color: #2485a7;
    --bs-btn-disabled-bg: #30b1df;
    --bs-btn-disabled-border-color: #30b1df;
}

.btn-outline-primary {
    --bs-btn-color: #30b1df;
    --bs-btn-border-color: #30b1df;
    --bs-btn-hover-bg: #30b1df;
    --bs-btn-hover-border-color: #30b1df;
    --bs-btn-focus-shadow-rgb: 48, 177, 223;
    --bs-btn-active-bg: #30b1df;
    --bs-btn-active-border-color: #30b1df;
    --bs-btn-disabled-color: #30b1df;
    --bs-btn-disabled-border-color: #30b1df;
}

.progress-bar {
    --bs-progress-bar-bg: #30b1df;
}

/* Полоса режима работы от имени клиента: верхняя панель темы закреплена на inset-block-start: 0 и перекрывала полосу целиком (ADMIN_PANEL.md, раздел 5.3) */
body.impersonation-active {
    --apply-impersonation-banner-height: 3.25rem;
}

.impersonation-banner {
    position: sticky;
    inset-block-start: 0;
    z-index: 1085;
    block-size: var(--apply-impersonation-banner-height);
    padding-block: 0.5rem;
}

.layout-navbar-fixed body.impersonation-active .layout-navbar {
    inset-block-start: var(--apply-impersonation-banner-height);
}
