/* Кнопка file manager в хедере */
#file_manager_btn {
    position: relative;
}

/* ============ СТАТУС "ВСЁ ХОРОШО" — зелёная обводка, без пульсации ============ */
#file_manager_btn.completed-tasks {
    border-color: var(--bs-success-border-subtle) !important;
    color: var(--bs-success-text-emphasis); !important;
}

/* ============ СТАТУС "ЕСТЬ АКТИВНЫЕ ЗАДАЧИ" — синяя пульсация ============ */
#file_manager_btn.active-tasks {
    border-color: var(--bs-primary-border-subtle); !important;
    color: var(--bs-primary-text-emphasis); !important;
    box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25);
    animation: border-pulse 1.5s ease-in-out infinite;
}

/* Анимация пульсации */
@keyframes border-pulse {
    0%, 100% {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25);
    }
    50% {
        border-color: #0a58ca;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
    }
}

/* ============ СТАТУС "ЕСТЬ ОШИБКИ" — красная обводка ============ */
#file_manager_btn.error-tasks {
    border-color: var(--bs-danger-border-subtle); !important;
    color: var(--bs-danger-text-emphasis) !important;
}


@keyframes arrow-fall {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}