/* Облако САУК — оформление SFTPGo в стиле ЕИС САУК (тема CRM «airy»).
   Источник: /etc/sftpgo/ui-overlay/static/branding/cloud.css, сборка: sftpgo-ui-sync */

[data-bs-theme=light] {
    --bs-primary: #2d6a4f;
    --bs-primary-active: #245a40;
    --bs-primary-light: #e4f1ea;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(45, 106, 79, .2);
    --bs-primary-bg-subtle: #d5e9de;
    --bs-primary-border-subtle: #a9d2bd;
    --bs-primary-rgb: 45, 106, 79;
    --bs-link-color: #2d6a4f;
    --bs-link-color-rgb: 45, 106, 79;
    --bs-link-hover-color: #1f4d39;
    --bs-link-hover-color-rgb: 31, 77, 57;
    --bs-app-bg-color: #f4f6f5;
    --bs-app-blank-bg-color: #f4f6f5;
    --bs-app-header-base-bg-color: #ffffff;
    --bs-app-sidebar-base-bg-color: #17231f;
    --bs-component-active-bg: #2d6a4f;
    --bs-component-hover-color: #2d6a4f;
    --bs-component-checked-bg: #2d6a4f;
    --bs-text-primary: #2d6a4f;
}

[data-bs-theme=dark] {
    --bs-primary: #3d9b74;
    --bs-primary-active: #52b788;
    --bs-primary-light: #16261f;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(61, 155, 116, .2);
    --bs-primary-bg-subtle: #10231a;
    --bs-primary-border-subtle: #2d6a4f;
    --bs-primary-rgb: 61, 155, 116;
    --bs-link-color: #6fbf9a;
    --bs-link-color-rgb: 111, 191, 154;
    --bs-link-hover-color: #8fd1b2;
    --bs-link-hover-color-rgb: 143, 209, 178;
    --bs-app-bg-color: #0f1714;
    --bs-app-blank-bg-color: #0f1714;
    --bs-app-header-base-bg-color: #0f1714;
    --bs-app-sidebar-base-bg-color: #101a17;
    --bs-app-sidebar-base-border-end: 1px solid rgba(255, 255, 255, .06);
    --bs-component-active-bg: #3d9b74;
    --bs-component-hover-color: #6fbf9a;
    --bs-component-checked-bg: #3d9b74;
    --bs-text-primary: #6fbf9a;
}

/* Кнопки и акценты */
.btn.btn-primary {
    border-radius: .6rem;
}
.text-primary, .text-hover-primary:hover, .link-primary {
    color: var(--bs-primary) !important;
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem var(--bs-primary-clarity);
}

/* Боковая панель как в CRM */
.app-sidebar {
    border-right: 1px solid rgba(255, 255, 255, .06);
}
.app-sidebar .menu .menu-item .menu-link,
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-icon i,
.app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    color: rgba(255, 255, 255, .72);
}
.app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: rgba(255, 255, 255, .55);
}
.app-sidebar .menu .menu-item .menu-link:hover,
.app-sidebar .menu .menu-item .menu-link:hover .menu-title,
.app-sidebar .menu .menu-item .menu-link:hover .menu-icon i {
    color: #ffffff;
}
.app-sidebar .menu .menu-item .menu-link:hover,
.app-sidebar .menu-active-bg .menu-item .menu-link.active {
    background-color: rgba(255, 255, 255, .08);
    border-radius: .6rem;
}
.app-sidebar .menu-active-bg .menu-item .menu-link.active,
.app-sidebar .menu-active-bg .menu-item .menu-link.active .menu-title,
.app-sidebar .menu-active-bg .menu-item .menu-link.active .menu-icon i {
    color: #ffffff;
}
.app-sidebar .menu-active-bg .menu-item .menu-link.active {
    box-shadow: inset 3px 0 0 #6fbf9a;
}
.app-sidebar .menu-active-bg .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #6fbf9a;
}

/* Карточки: белые, скруглённые, мягкая тень — как в CRM */
.card {
    border-radius: .875rem;
    border: 1px solid #e2e7e4;
    box-shadow: 0 1px 3px rgba(23, 35, 31, .06), 0 12px 28px -12px rgba(23, 35, 31, .18);
}
[data-bs-theme=dark] .card {
    border-color: rgba(255, 255, 255, .06);
    box-shadow: none;
}

/* Фон с мягкими зелёными пятнами (как body::before темы airy) */
@media (min-width: 992px) {
    [data-bs-theme=light] body {
        background:
            radial-gradient(1100px 720px at 14% -10%, rgba(111, 191, 154, .16), transparent 58%),
            radial-gradient(850px 650px at 100% 0%, rgba(45, 106, 79, .10), transparent 55%),
            radial-gradient(1000px 850px at 45% 100%, rgba(111, 191, 154, .08), transparent 55%),
            #f4f6f5 fixed;
    }
    [data-bs-theme=light] .app-wrapper,
    [data-bs-theme=light] .app-main,
    [data-bs-theme=light] .app-page {
        background: transparent;
    }
}

/* Страница входа: логотип с названием */
.app-blank .card,
.app-blank .w-lg-500px {
    border-radius: 1rem;
}

/* Карточки белые, как в CRM (фон страницы — светло-зелёный) */
[data-bs-theme=light] .card {
    background-color: #ffffff;
}

/* На входе сотрудников ссылка «Перейти в …» ведёт в админку — сотрудникам она не нужна */
a[href$="/web/admin/login"] {
    display: none !important;
}

/* Выпадающие меню действий: русские пункты длиннее английских — без переноса, выравнивание влево,
   меню расширяется по содержимому (в пакете ширина зафиксирована w-200px внутри ячейки text-end) */
.menu-sub-dropdown .menu-link {
    text-align: left;
    white-space: nowrap;
    justify-content: flex-start;
}
.menu-sub-dropdown.w-200px {
    width: auto !important;
    min-width: 200px;
}